@extends('admin.layout.master')
@section('title', 'Inspection Schedule List')

@section('custom_style')
    <style>
    @media print {
        .no_print {
            display: none !important;
        }
    }
    </style>
@endsection

@section('content')
    @include('inspection.flash-message')

    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-between">
                <h4 class="col-6 pl-0">{{ __('obs.inspection') }} {{ __('obs.schedule') }} {{ __('obs.list') }}   </h4>
                @include('inspection.includes.print_excel_button',['excel'=>false])

            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <form action="{{ route('inspection.schedule.index') }}" method="GET">
                        <div class="row mb-4">

                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label>{{ __('obs.inspector') }}</label>
                                    <select class="form-control select_2" name="admin_id" id="admin_id">
                                        <option value="">{{ __('obs.select') }}</option>
                                        @foreach ($admins ?? [] as $admin)
                                            <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label>{{ __('obs.branch') }}</label>
                                    <select class="form-control select_2" name="branch_id" id="branch_id">
                                        <option value="">{{ __('obs.select') }}</option>
                                        @foreach ($user_branches ?? [] as $branch)
                                            <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>


                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label> {{ __('obs.date') }}  {{ __('obs.form') }}   </label>
                                    <input type="text" class="form-control date_picker" name="date_from" id="date_from"
                                        value="{{ request()->date_from ? date('d-m-Y', strtotime(request()->date_from)) : date('d-m-Y') }}">

                                </div>
                            </div>

                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label>{{ __('obs.date') }}  {{ __('obs.to') }}</label>
                                    <input type="text" class="form-control date_picker" name="date_to" id="date_to"
                                        value="{{ request()->date_to ? date('d-m-Y', strtotime(request()->date_to)) : date('d-m-Y') }}">

                                </div>
                            </div>
                            <div class="col-1 mt-4">
                                <button type="submit" class="btn btn-primary btn-sm py-1" name="filter">Filter</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="table-responsive common_excel_export" id="printThis">
                <style>
                    @media print {
                        .no_print {
                            display: none !important;
                        }
                    }
                </style>
                <table class="table table-sm table-bordered table-striped text-center">
                    <thead>
                        <th>{{ __('obs.sl') }} </th>
                        <th>{{ __('obs.inspector') }}  </th>
                        <th>{{ __('obs.date') }}  </th>
                        <th>{{ __('obs.start') }}  {{ __('obs.time') }}</th>
                        <th>{{ __('obs.branch') }}  </th>
                        <th>{{ __('obs.visit') }} {{ __('obs.type') }}</th>
                        <th class="no_print">{{ __('obs.action') }}  </th>
                    </thead>
                    <tbody>
                        @foreach ($schedules as $key => $schedule)
                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td class="text-start">{{ $schedule->admin->name ?? null }}</td>
                                <td>{{ $schedule->date ? date('d-m-Y', strtotime($schedule->date)) : null }}</td>
                                <td>{{ $schedule->start_time ? date('H:i A', strtotime($schedule->start_time)) : null }}</td>
                                <td>{{ $schedule->branch->name ?? null }}</td>
                                <td>{{ $schedule->visit_type->name ?? null }}</td>
                                <td class="no_print">
                                    <button type="button" class="btn btn-sm btn-warning" data-id="{{ $schedule->id }}"
                                        data-admin_id="{{ $schedule->admin_id }}"
                                        data-date="{{ date('d-m-Y', strtotime($schedule->date)) }}"
                                        data-start_time="{{ $schedule->start_time }}"
                                        data-branch_id="{{ $schedule->branch_id }}"
                                        data-visit_type_id="{{ $schedule->visit_type_id }}" onclick="edit_schedule(this)">
                                         <i class="bi bi-pencil-square me-1"></i> 
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="d-flex justify-content-end">
                    {{-- {{ $notifications->links() }} --}}
                </div>
            </div>
        </div>
    </div>



    <div class="modal fade" id="editScheduleModal" tabindex="-1">
        <div class="modal-dialog">
            <form id="editScheduleForm" action="{{ route('inspection.schedule.update') }}" method="POST">
                @csrf 
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('obs.edit') }}   {{ __('obs.schedule') }} </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" id="schedule_id" name="schedule_id">

                        {{-- <div class="mb-2">
                            <label>Inspector</label>
                            <select class="form-control" id="edit_admin_id">
                                @foreach ($admins as $admin)
                                    <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                                @endforeach
                            </select>
                        </div> --}}

                        <div class="mb-2">
                            <label>{{ __('obs.date') }}  </label>
                            <input type="text" class="form-control date_picker" id="edit_date" name="date">
                        </div>

                        <div class="mb-2">
                            <label>{{ __('obs.start') }}   {{ __('obs.time') }}</label>
                            <input type="text" class="form-control ins_time_picker" name="start_time" id="edit_start_time">
                        </div>

                        <div class="mb-2">
                            <label>{{ __('obs.branch') }}  </label>
                            <select class="form-control" id="edit_branch_id" name="branch_id">
                                @foreach ($branches as $branch)
                                    <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-2">
                            <label>{{ __('obs.visit') }}  {{ __('obs.type') }} </label>
                            <select class="form-control" id="edit_visit_type_id" name="visit_type_id">
                                @foreach ($visit_types as $type)
                                    <option value="{{ $type->id }}">{{ $type->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-success">{{ __('obs.update') }}  </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@section('script')

    <script>

        function edit_schedule(btn) {
            let $btn = $(btn);
            $('#schedule_id').val($btn.data('id'));
            $('#edit_admin_id').val($btn.data('admin_id'));
            $('#edit_date').val($btn.data('date'));
            $('#edit_start_time').val($btn.data('start_time'));
            $('#edit_branch_id').val($btn.data('branch_id'));
            $('#edit_visit_type_id').val($btn.data('visit_type_id'));

             flatpickr('.date_picker', {
                dateFormat: 'd-m-Y',
                disableMobile: true
            });

            flatpickr('.ins_time_picker', {
                enableTime: true,
                noCalendar: true,
                dateFormat: "H:i:s",
                disableMobile: "true"
            });
            $('#editScheduleModal').modal('show');
        }

    </script>
@endsection