@extends('layout')

@section('content_title')
    Indítós papírok
@endsection

@section('content')
    <table class="table table-striped datatable-basic">
        <thead>
        <tr>
            <th>Iktatószám</th>
            <th>Beérkezés dátuma</th>
            <th>Állatorvosi rendelő</th>
            <th>Tulajdonos neve</th>
            <th>Feladat</th>
            <th>Rögzítve</th>
            <th width="80" class="text-right">&nbsp;</th>
        </tr>
        </thead>
        @foreach($items as $item)
            <tr>
                <td><a href="{{ route('registration_books.processing.update', ['registration_book' => $item->id]) }}">{{ $item->reg_number }}</a></td>
                <td>{{ $item->arrival_date }}</td>
                <td>{{ $item->office_name }}</td>
                <td>{{ $item->owner_name }}</td>
                <td>{{ $item->task_name }}</td>
                <td>{{ $item->created_at }}</td>
                <td class="text-right nowrap">
                    <a href="{{ route('histology.processing.pdf', ['registration_book' => $item->id]) }}" class="btn btn-sm btn-primary">Megtekintés</a>
                    <a href="#" data-url="{{ route('registration_books.processing.histology.toggle', ['registration_book' => $item->id]) }}" class="btn btn-sm btn-danger __toggle">Elrejtés</a>
                </td>
            </tr>
        @endforeach
    </table>
@endsection

@push('scripts')
    <script>
        $(function () {
            $(document).on('click', '.__toggle', function (e) {
                let el = $(this);
                e.preventDefault();
                $.ajax({
                    url: el.data('url'),
                    type: 'GET',
                    success: function (data) {
                        if (data.status == 1) {
                            el.removeClass('btn-info').addClass('btn-danger').html('Elrejtés')
                        } else {
                            el.removeClass('btn-danger').addClass('btn-info').html('Visszavonás')
                        }
                    },
                    error: function (xhr) {
                    }
                });
            });
        });
    </script>
@endpush