@extends('layouts.view')
@section('title',trans('checkInRequest.checkInRequests'))
@section('links')
    <link href="{{asset('/plugins/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">
                        <a class="btn btn-primary"
                           href="{{ route('checkInRequests.index') }}"> {{trans('lang.back')}}</a>
                    </div>
                    <h4 class="page-title">{{trans('checkInRequest.checkInRequests')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="card-body">
                    <form
                        action="{{ isset($checkInRequest) ? route('checkInRequests.update',$checkInRequest):route('checkInRequests.store')}}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @if(isset($checkInRequest))
                            @method('PUT')
                        @endif
                        <div class="row col-lg-12">
                            <div class="form-group col-md-6">
                                <label class="mb-3">{{trans('lang.empname')}}</label>
                                <select class="select2 mb-3 select2-hidden-accessible" style="width: 100%"
                                        name="user_id" data-placeholder="{{trans('car.driverName')}}" tabindex="-1"
                                        aria-hidden="true"
                                >

                                        @foreach($users as $user)
                                            <option
                                                value="{{$user->id}}" {{isset($checkInRequest)? $checkInRequest->user_id == $user->id ? 'selected':'':''}}>{{$user->en_name . '('. $user->ar_name.')'}}</option>
                                        @endforeach

                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="mb-3">{{trans('lang.rigs')}}</label>
                                <select id="rig_input" class="select2 mb-3 select2-hidden-accessible"
                                        style="width: 100%"
                                        name="rig_id" data-placeholder="{{trans('lang.rigname')}}" tabindex="-1"
                                        aria-hidden="true">
                                    @foreach($rigs as $rig)
                                        <option
                                            value="{{$rig->id}}" {{isset($checkInRequest)? $checkInRequest->rig_job->rig_id == $rig->id ? 'selected':'':''}}>{{$rig->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="mb-3">{{trans('lang.rigs_jobs')}}</label>
                                <select id="rig_job" class="select2 mb-3 select2-hidden-accessible" style="width: 100%"
                                        name="rig_job_id" data-placeholder="{{trans('lang.rigs_jobs')}}" tabindex="-1"
                                        aria-hidden="true">
                                    @foreach($rig_jobs as $job)
                                        <option
                                            value="{{$job->id}}" {{isset($checkInRequest)? $checkInRequest->rig_job_id == $job->id ? 'selected':'':''}}>{{$job->ticket_number}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="mb-3">{{trans('lang.checkin_type')}}</label>
                                <select id="type" class="select2 mb-3 select2-hidden-accessible" style="width: 100%"
                                        name="type" data-placeholder="{{trans('lang.checkin_type')}}" tabindex="-1"
                                        aria-hidden="true">
                                        <option value="Type 1" {{isset($checkInRequest)? $checkInRequest->type == "Type 1" ? 'selected':'':''}}>{{trans('lang.checkin_type1')}}</option>
                                        <option value="Type 2" {{isset($checkInRequest)? $checkInRequest->type == "Type 2" ? 'selected':'':''}}>{{trans('lang.checkin_type2')}}</option>
                                        <option value="Type 3" {{isset($checkInRequest)? $checkInRequest->type == "Type 3" ? 'selected':'':''}}>{{trans('lang.checkin_type3')}}</option>

                                </select>
                            </div>
                            <div class="form-group col-6">
                                <label for="example-date-input"
                                       class=" col-form-label text-right">{{trans('lang.date_from')}}</label>
                                <div class="">
                                    <input class="datepicker form-control" type="text" name="check_in"
                                           value="{{isset($checkInRequest) ? $checkInRequest->check_in:''}}"
                                           id="example-date-input" required>
                                    <span id="form_result"></span>
                                </div>
                            </div>
                            <div class="form-group col-6">
                                <label for="example-date-input"
                                       class=" col-form-label text-right">{{trans('lang.date_to')}}</label>
                                <div class="">
                                    <input class="datepicker2 form-control" type="text" name="check_out"
                                           value="{{isset($checkInRequest) ? $checkInRequest->check_out:''}}"
                                           id="example-date-input2">
                                    <span id="form_result2"></span>
                                </div>
                            </div>
                            <div class="form-group col-6">
                                <label >{{trans('lang.extra_days')}}</label>
                                <select class="form-control" name="extra_days" id="extra_days" >
                                    <option value=""> - {{trans('lang.choose')}} -</option>
                                    <option value="1/2 Day" {{isset($checkInRequest)? $checkInRequest->extra_days == "1/2 Day" ? 'selected':'':''}}> 1/2  {{trans('lang.day')}}</option>
                                    <option value="0" {{isset($checkInRequest)? $checkInRequest->extra_days == "0" ? 'selected':'':''}}> 0 </option>
                                    <option value="0.5" {{isset($checkInRequest)? $checkInRequest->extra_days == "0.5" ? 'selected':'':''}}> 0.5 </option>
                                    <option value="1" {{isset($checkInRequest)? $checkInRequest->extra_days == "1" ? 'selected':'':''}}> 1 </option>
                                    <option value="1.5" {{isset($checkInRequest)? $checkInRequest->extra_days == "1.5" ? 'selected':'':''}}> 1.5 </option>
                                    <option value="2" {{isset($checkInRequest)? $checkInRequest->extra_days == "2" ? 'selected':'':''}}> 2 </option>
                                    <option value="3" {{isset($checkInRequest)? $checkInRequest->extra_days == "3" ? 'selected':'':''}}> 3 </option>
                                </select>
                            </div>
                            <div class="form-group col-6">
                                <label >{{trans('lang.extra_days_calc')}}</label>
                                <select id="calc_type" class="form-control" style="width: 100%"
                                        name="calc_type" data-placeholder="{{trans('lang.extra_days_calc')}}" tabindex="-1"
                                        aria-hidden="true">
                                    <option value="Normal Extra Days" {{isset($checkInRequest)? $checkInRequest->calc_type == "Normal Extra Days" ? 'selected':'':''}}>{{trans('lang.normal_extra_days')}}</option>
                                    <option value="Multiply By Hall Period" {{isset($checkInRequest)? $checkInRequest->calc_type == "Multiply By Hall Period" ? 'selected':'':''}}>{{trans('lang.multiply_by')}}</option>
                                </select>
                            </div>
                            <input type="hidden" name="due_date" id="due_date"
                                   value="{{isset($checkInRequest) ? $checkInRequest->due_date:''}}">
                            <div class="form-group col-md-6">
                                <label class="mb-3">{{trans('lang.extra_days')}}</label>
                                <select  class="form-control" name="extra_days" id="extra_days" >
                                    <option value=""> - {{trans('lang.choose')}} -</option>
                                    <option value="1/2 Day" {{isset($checkInRequest)? $checkInRequest->extra_days == "1/2 Day" ? 'selected':'':''}}> 1/2  {{trans('lang.day')}}</option>
                                    <option value="0" {{isset($checkInRequest)? $checkInRequest->extra_days == "0" ? 'selected':'':''}}> 0 </option>
                                    <option value="0.5" {{isset($checkInRequest)? $checkInRequest->extra_days == "0.5" ? 'selected':'':''}}> 0.5 </option>
                                    <option value="1" {{isset($checkInRequest)? $checkInRequest->extra_days == "1" ? 'selected':'':''}}> 1 </option>
                                    <option value="1.5" {{isset($checkInRequest)? $checkInRequest->extra_days == "1.5" ? 'selected':'':''}}> 1.5 </option>
                                    <option value="2" {{isset($checkInRequest)? $checkInRequest->extra_days == "2" ? 'selected':'':''}}> 2 </option>
                                    <option value="3" {{isset($checkInRequest)? $checkInRequest->extra_days == "3" ? 'selected':'':''}}> 3 </option>
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="mb-2">{{trans('lang.other_notes')}}</label>
                                <textarea id="textarea" name="notes" class="form-control" maxlength="225" rows="3"
                                          placeholder="{{trans('lang.other_notes')}}">{{isset($checkInRequest) ? $checkInRequest->notes:''}}</textarea>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                                @if(isset($checkInRequest))
                                    <button type="submit" class="btn btn-primary">{{trans('lang.edit')}}</button>
                                @else
                                    <button type="submit" class="btn btn-primary">{{trans('lang.submit')}}</button>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection
@section('scripts')
    <script src="{{ asset('assets/js/app.js') }}"></script>
    <script src="{{asset('/plugins/select2/select2.min.js')}}"></script>
    <script>
        // Select2
        $(".select2").select2({
            width: '100%'
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.datepicker').datepicker({
                dateFormat: 'yy-mm-dd',
                onSelect: function (selected, evnt) {
                    var query = selected;
                    //  alert(query);
                    if (query != '') {
                        var _token = $('input[name="_token"]').val();
                        $.ajax({
                            url: "{{ route('addmonth_checkin') }}",
                            method: "POST",
                            data: {query: query, _token: _token},
                            success: function (data) {
                                var html = '';
                                $('#due_date').val(data.to_date);
                                $('#form_result').html('<span class="badge badge-soft-danger"> {{ trans('lang.duedate') }}' + data.month + ' </span>');
                            }
                        });

                    }
                }
            });
            $('.datepicker2').datepicker({
                dateFormat: 'yy-mm-dd',
                onSelect: function (selected, evnt) {
                    var to_date = selected;
                    //  alert(query);
                    if (to_date != '') {
                        var _token = $('input[name="_token"]').val();
                        $.ajax({
                            url: "{{ route('calculate_days') }}",
                            method: "POST",
                            data: {to_date: to_date, from_date: $('#example-date-input').val(), _token: _token},
                            success: function (data) {
                                var html = '';
                                // $('#days_count').val(data.to_date);
                                $('#form_result2').html('<span class="badge badge-soft-warning"> {{ trans('lang.days_count') }} : ' + data.days + ' </span>');
                            }
                        });

                    }
                }
            });
        });
    </script>

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': "{{csrf_token()}}"
            }
        });

        $('#rig_input').on('change', function (e) {
            var rig_id = e.target.value;

            $.ajax({

                url: "{{ route('rig_jobs.category') }}",
                type: "POST",
                data: {
                    rig_id: rig_id
                },
                success: function (data) {
                    $('#rig_job').empty();
                    $.each(data, function (index, subcategory) {
                        $('#rig_job').append('<option value="' + subcategory.id + '">' + subcategory.ticket_number + '</option>');
                    })

                }
            })
        });

    </script>
@endsection