@extends('admin.layout.master')
@section('content')

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="font-weight-bold mb-0">{{__('obs.report')}} {{__('obs.checklist')}}</h5>
            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal" onclick="openReportChecklistModal()">
                {{__('obs.add')}} {{__('obs.report')}} {{__('obs.checklist')}}
            </button>
        </div>
        <div class="card-body">
            <div class="col-12">
                @if (session('success'))
                    <div class="alert alert-success" id="hide-alert">
                        {{ session('success') }}
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger" id="hide-alert">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
          
            <form action="{{route('payroll.hrm.report_checklists.index')}}" method="get">
                <div class="row">
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">{{__('obs.start')}} {{__('obs.date')}}</label>
                            <input type="date" name="start_date" class="form-control">
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">{{__('obs.end')}} {{__('obs.date')}}</label>
                            <input type="date" name="end_date" class="form-control">
                        </div>
                    </div>

                    <div class="col-3">
                        <div class="form-group">
                            <label for="">{{__('obs.department')}}</label>
                            <select name="department" class="form-control">
                                <option value="">--Select--</option>
                                @foreach ($deps as $d)
                                    <option value="{{$d->id}}">{{$d->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <label for="">&nbsp;</label>
                        <button class="btn btn-block btn-primary">{{__('obs.search')}}</button>
                    </div>
                </div>
            </form>
            <table class="table table-bordered table-hover mt-3">
                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('obs.date')}} {{__('obs.and')}} {{__('obs.time')}}</th>
                    <th>{{__('obs.report')}} {{__('obs.title')}}</th>
                    <th>{{__('obs.report')}} {{__('obs.type')}}</th>
                    <th>{{__('obs.department')}}</th>
                    <th>{{__('obs.docs')}} {{__('obs.link')}}</th>
                    <th>{{__('obs.attachment')}}</th>
                    <th>{{__('obs.description')}}</th>
                    <th>{{__('obs.action')}}</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($all_report_checkList as $key=>$data)
                    <tr>
                        <td>{{$key+1}}</td>
                        <td>{{$data->date_time}}</td>
                        <td>{{$data->title}}</td>
                        <td>@if($data->report_type==1){{'Master Report'}}@elseif($data->report_type==2){{'Weekly Report'}}@else{{'Daily Report'}}@endif</td>
                        <td>{{$data->get_dep_name->name}}</td>
                        <td>@if($data->docs_link) <a href="{{$data->docs_link}}" target="_blank" class="btn btn-sm btn-info">{{__('obs.doc')}} {{__('obs.link')}}</a>@endif</td>
                        <td>@if($data->attachment) <a href="{{asset('payroll_assets/uploads/report_check_list')}}/{{$data->attachment}}" target="_blank" class="btn btn-sm btn-info">{{__('obs.attachment')}}</a>@endif</td>
                        <td>{{$data->description}}</td>
                        <td>
                            <a href="{{route('payroll.hrm.report_checklists.edit',['id'=>$data->id])}}" class="btn btn-primary btn-sm edit_report">{{__('obs.edit')}}</a>
                            <a href="{{route('payroll.hrm.report_checklists.delete',['id'=>$data->id])}}" data-id="{{$data->id}}" class="btn btn-danger btn-sm report_checklist">{{__('obs.delete')}}</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">
                            {{__('obs.no')}} {{__('obs.report')}} {{__('obs.checklist')}}
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            <!-- Modal -->
            <div class="modal fade" id="exampleModal" tabindex="-1" data-backdrop="static" data-keyboard="false" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                    <div class="modal-content">
                        <form action="{{route('payroll.hrm.report_checklists.store')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" class="row_id" name="row_id">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">{{__('obs.add')}} {{__('obs.report')}} {{__('obs.checklist')}}</h5>
                                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="">{{__('obs.dates')}}</label>
                                    <input type="text" name="date_time" class="form-control date_time bootstrap_date-time-picker" placeholder="Date">
                                </div>
                                @error('date_time')<strong class="text-danger">{{$message}}</strong>@enderror

                                <div class="form-group">
                                    <label for="">{{__('obs.report')}} {{__('obs.title')}}</label>
                                    <input type="text" name="report_title" class="form-control report_title" placeholder="Report Title">
                                    @error('report_title')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('obs.department')}}</label>
                                    <select name="department" class="form-control department">
                                        @foreach ($deps as $dep)
                                            <option value="{{$dep->id}}">{{$dep->name}}</option>
                                        @endforeach
                                    </select>
                                    @error('department')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('obs.report')}} {{__('obs.type')}}</label>
                                    <select name="report_type" class="form-control report_type">
                                        <option value="1">{{__('obs.master')}} {{__('obs.report')}}</option>
                                        <option value="2">{{__('obs.weekly')}} {{__('obs.report')}}</option>
                                        <option value="3">{{__('obs.daily')}} {{__('obs.report')}}</option>
                                    </select>
                                    @error('report_type')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>

                                <div class="form-group">
                                    <label for="">{{__('obs.link')}}</label>
                                    <input type="text" name="docs_link" value="{{old('docs_link')}}" class="form-control docs_link" placeholder="Link">
                                    @error('docs_link')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('obs.attachments')}}</label>
                                    <input type="file" name="attachments" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('obs.description')}}</label>
                                    <input name="description" class="form-control description">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__('obs.close')}}</button>
                                <button class="btn btn-primary px-5">{{__('obs.save')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
        function openReportChecklistModal(){
            $('#exampleModal').modal('show');
        }


        $('.edit_report').click(function(){
            var id = $(this).data('id');

            $.ajax({
                url : '/payroll/report_checklists/edit',
                type : 'get',
                data : {id:id},
                success : function(res){
                    $('.date_time').val(res.date_time);
                    $('.report_title').val(res.title);
                    $('.department').val(res.department);
                    $('.description').val(res.description);
                    $('.docs_link').val(res.docs_link);
                    $('#exampleModal').modal('show');
                    $('.row_id').val(res.id);
                }
            });
        });
    </script>
@endsection