@extends('layout.master')
@section('content')
    <div class="section-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header row">
                        <div class="col-md-10">
                            <h4>CERTIFICATE OF CALIBRATION / VALIDATION</h4>
                        </div>
                        <div class="col-md-2 d-flex justify-content-end">
                            {{-- <form action="">
                                <input type="number" min="1900" max="2099" step="1"
                                    value="{{ request()->year ?? date('Y') }}" name="year" />
                                <input type="submit" value="Submit">
                            </form>
                            @if (!empty(request()->customer) || !empty(request()->year))
                                <a title="Reset Filter" href="{{ route('admin_calibration_index') }}"
                                    class="btn btn-danger">Reset Filter</a>
                            @endif --}}
                            {{-- DOWNLOAD MULTIPLE FILE --}}
                            <button class="btn btn-primary" id="downloadMultiple"><i class="fas fa-download"></i></button>

                            <a href="{{ route('admin_calibration_store') }}" class="btn btn-primary"><i
                                    class="fas fa-plus"></i></a>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-9"></div>
                        <div class="col-md-3">
                            <form action="">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="number" min="1900" max="2099" step="1"
                                            value="{{ request()->year ?? date('Y') }}" name="year"
                                            class="form-control" />
                                        <div class="input-group-append">
                                            <input type="submit" value="Search" class="btn btn-primary">
                                        </div>
                                    </div>
                                </div>
                            </form>
                            @if (!empty(request()->customer) || !empty(request()->year))
                                <a title="Reset Filter" href="{{ route('admin_calibration_index') }}"
                                    class="btn btn-danger">Reset Filter</a>
                            @endif
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <form action="{{ route('downloadMultiple') }}" method="post" id="downloadMultipleForm">
                                @csrf
                                <table class="table table-striped table-hover yajra-datatable" id="save-stage2"
                                    style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th><input type="checkbox" id="checkAll"></th>
                                            <th>Label Id</th>
                                            <th>Customer</th>
                                            <th>Certificate #</th>
                                            {{-- <th>E mail</th> --}}
                                            <th>Date of Issue</th>
                                            <th>Date of Expiry</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    {{-- @forelse ($calibrations as $certificate)
                                        <tr>
                                            <td><input type="checkbox" name="ids[]" value="{{ $certificate->id }}"></td>
                                            <td>{{ $certificate->user->label_id }}</td>
                                            <td><a
                                                    href="{{ route('admin_calibration_index', ['customer' => $certificate->customer->id]) }}">{{ $certificate->customer->name }}</a>
                                            </td>
                                            <td>{{ $certificate->certificate_no }}</td>
                                            <td>{{ $certificate->customer->email }}</td>
                                            <td>{{ $certificate->date_of_issue }}</td>
                                            <td>{{ $certificate->date_of_expiry }}</td>
                                            <td>
                                                <div class="row">
                                                    <div class="col-md-2">
                                                        <a href="{{ route('admin_calibration_update', ['id' => $certificate->id]) }}"
                                                            class="btn btn-primary"><i class="fas fa-edit"></i></a>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <a title="View PDF"
                                                            href="{{ route('pdf_show', ['id' => $certificate->id]) }}"
                                                            class="btn btn-info"><i class="fas fa-eye"></i></a>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <a title="Download PDF"
                                                            href="{{ route('admin_calibration_pdf_download', ['id' => $certificate->id]) }}"
                                                            class="btn btn-primary"><i class="fas fa-download"></i></a>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <a onclick="return confirm('Sure Want To Delete?')"
                                                            href="{{ route('admin_calibration_delete', ['id' => $certificate->id]) }}"
                                                            class="btn btn-danger"><i class="fas fa-trash"></i></a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse --}}
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script src="https://cdn.datatables.net/plug-ins/1.13.1/sorting/natural.js"></script>
    <script>
        $(document).ready(function() {

            var table = $('.yajra-datatable').DataTable({
                "scrollX": true,

                processing: true,
                serverSide: true,
                ajax: "{{ route('calibration.index.api') }}",
                @if (!empty(request()->year))
                    ajax: "{{ route('calibration.index.api', ['year' => request()->year]) }}",
                @endif
                @if (!empty(request()->customer))
                    ajax: "{{ route('calibration.index.api', ['customer' => request()->customer]) }}",
                @endif
                lengthMenu: [
                    [100, 500, 1000],
                    [100, 500, 1000]
                ],
                columns: [{
                        data: 'checkbox'
                    },
                    {
                        data: 'user.label_id'
                    },
                    {
                        data: 'customerHref'
                    },
                    {
                        data: 'certificate_no'
                    },
                    // {
                    //     data: 'customer.email'
                    // },
                    {
                        data: 'date_of_issue'
                    },
                    {
                        data: 'date_of_expiry'
                    },
                    {
                        data: 'action',
                        orderable: true,
                        searchable: true
                    },
                ],
                order: [
                    [1, 'asc']
                ],
                columnDefs: [{
                        type: 'natural',
                        targets: 1
                    },
                    {
                        orderable: false,
                        targets: 0
                    },
                ],
            });

            // $('#save-stage2').DataTable({
            //     "lengthMenu": [
            //         [100, 500, 1000],
            //         [100, 500, 1000]
            //     ],
            //     order: [[1, 'asc']],
            //     columnDefs: [
            //        { type: 'natural', targets: 1 }
            //      ],
            // });

            $('#checkAll').change(function() {
                $('input[name="ids[]"]').prop('checked', $(this).is(":checked"));
            });

            $('#downloadMultiple').on('click', function(e) {
                $('#downloadMultipleForm').submit();
            });
        });
    </script>
@endpush