@section('title')
        Documentos
    @stop

    @section('content-header')
        Documentos
    @stop

    @section('content')
        <div class="container">
            <h2>Documentos</h2>
            <table id="documents-table" class="table table-striped">
                <thead>
                <tr>
                    <th class="header panel-blue">Id</th>
                    <th class="header panel-blue">Nº de Documento</th>
                    <th class="header panel-blue">Data de Emissão</th>
                    <th class="header panel-blue">Data de Pagamento</th>
                    <th class="header panel-blue">Valor Total</th>
                    <th class="header panel-blue">Oficina</th>
                    <th class="header panel-blue">Ações</th>
                </tr>
                </thead>
                <tbody>
{{--                @foreach ($documents as $document)--}}
{{--                    <tr>--}}
{{--                        <td>{{ $document->id_document}}</td>--}}
{{--                        <td>{{ $document->document }}</td>--}}
{{--                        <td>{{ $document->start_date }}</td>--}}
{{--                        <td>{{ $document->finish_date ? $document->finish_date : 'NA' }}</td>--}}
{{--                        <td>{{ $document->total ? $document->total . '€' : 'NA' }}</td>--}}
{{--                        <td>{{ $document->garageShop->name }}</td>--}}
{{--                        <td>--}}
{{--                            <!-- Add any actions you want here -->--}}
{{--                            <a href="{{ route('admin.documents.edit', ['id_document' => $document->id_document]) }}" class="btn btn-primary">Edit</a>--}}
{{--                            <form action="{{ route('admin.documents.destroy', ['id_document' => $document->id_document]) }}" method="POST" style="display: inline;">--}}
{{--                                @csrf--}}
{{--                                @method('DELETE')--}}
{{--                                <button type="submit" class="btn btn-danger" onclick="return confirm('Tem a certeza que deseja apagar?')">Apagar</button>--}}
{{--                            </form>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @endforeach--}}
                </tbody>
            </table>
        </div>
        <div class="box-tools">
            <a href="{{ route('admin.documents.create') }}" class="btn btn-primary btn-sm">
                <i class="fa fa-plus"></i> Novo Documento
            </a>
        </div>
    @endsection

    @section('scripts')
        <script>
            $(document).ready(function() {
                $('#documents-table').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: "{{ route('admin.documents.datatable') }}",
                    columns: [
                        { data: 'id_document', name: 'id_document', searchable: true },
                        { data: 'document', name: 'document', searchable: true },
                        { data: 'start_date', name: 'start_date', searchable: true },
                        { data: 'finish_date', name: 'finish_date', searchable: true },
                        { data: 'total', name: 'total', searchable: true },
                        { data: 'garage_shop.name', name: 'garage_shop.name', searchable: true },
                        { data: 'actions', name: 'actions', searchable: false },
                    ],
                    order: [
                        [0, 'desc']
                    ]
                });
            });
        </script>
    @endsection