@section('stylesheets')
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <style>
        h4 {
            color: #000 !important;
            font-weight: 900;
        }
        .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfood > tr > td, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfood > tr > th {
            border-color: #27292a54 !important;
        }
        .table > tbody > tr > td, .table > tfoot > tr > td, .table > tbody > tr > th, .table > tfoot > tr > th {
            border-top: 1px solid #eee !important;
            border-bottom: 1px solid #eee;
        }
        .select2-choice {
            max-height: 31px !important;
        }
        .select2-chosen, .select2-search-choice-close, .select2-arrow {
            line-height: 31px !important;
        }
    </style>
@endsection

<div class="row">
    <div class="col-md-12">

    {!! Form::open(array('role' => 'form')) !!}

    {{-- Superadmin & all data permitted user get these fields --}}
    @if($data['isSuperAdmin'] || $data['hasAccessAllData'])
        <div class="row form-group">
            {{-- Company --}}
            <div class="col-md-4">
                {!! Form::label('company_id_fk', $data['attributes']['company_id_fk'], ['class' => 'control-label']) !!}
                {!! Form::select('company_id_fk', $data['companyData'], $data['model']->company_id_fk, [ 'class' => 'form-control getProject', 'id' => 'company_id_fk']) !!}
                <p id='company_id_fk' style="max-height:3px;">{{ $errors->error->first('company_id_fk') }}</p>
            </div>

            {{-- Project --}}
            <div class="col-md-4">
                {!! Form::label('project_id_fk', $data['attributes']['project_id_fk'], ['class' => 'control-label']) !!}
                {!! Form::select('project_id_fk', array(''=>'Select any'), $data['model']->project_id_fk, ['class' => 'form-control getBranch', 'id' => 'project_id_fk']) !!}
                <p id='project_id_fk' style="max-height:3px;">{{ $errors->error->first('project_id_fk') }}</p>
            </div>
            {{-- Branch --}}
            <div class="col-md-4">
                {!! Form::label('branch_id_fk', $data['attributes']['branch_id_fk'], ['class' => 'control-label']) !!}
                {!! Form::select('branch_id_fk', array(''=>'Select any'), $data['model']->branch_id_fk, ['class' => 'form-control hr-select2 getUser', 'id' => 'branch_id_fk']) !!}
                <p id='branch_id_fk' style="max-height:3px;">{{ $errors->error->first('branch_id_fk') }}</p>
            </div>
        </div>

        <div class="row form-group">
            {{-- Employee --}}
            <div class="col-md-4">
                {!! Form::label('users_id_fk', $data['attributes']['users_id_fk'], ['class' => 'control-label']) !!}
                {!! Form::select('users_id_fk', [''=>'Select any'], $data['model']->users_id_fk, ['class' => 'form-control getLeaveType', 'id' => 'users_id_fk']) !!}
                <p id='users_id_fk' style="max-height:3px;">{{ $errors->error->first('users_id_fk') }}</p>
            </div>

            {{-- Respinsible Employee --}}
            <div class="col-md-4">
                {!! Form::label('respons_user_id', $data['attributes']['respons_user_id'], ['class' => 'control-label']) !!}
                {!! Form::select('respons_user_id', [''=>'Select any'], $data['model']->respons_user_id, ['class' => 'form-control getResponsibleUser', 'id' => 'respons_user_id','required']) !!}
                <p id='respons_user_id' style="max-height:3px; color:red;">{{ $errors->error->first('respons_user_id') }}</p>
            </div>

            <div class="col-md-4">
                {!! Form::label('application_date','Application Date',['class' => 'control-label']) !!}
                {!! Form::text('application_date', date('d-m-Y'), ['class' => 'form-control','disabled']) !!}
            </div>
        </div>
    @endif

    {{-- Superadmin & all data permitted user cant get these fields --}}
    @if( !$data['isSuperAdmin'] && !$data['hasAccessAllData'])
        {{-- Responsible Employee --}}
        <div class="row">
            <div class="col-md-12" style="display: flex; justify-content: space-between;">
                <div style="width: 25%;">
                    {!! Form::label('respons_user_id','Responsible Employee') !!}
                    <div class="form-group">
                        {!! Form::select('respons_user_id', [''=>'Select any'], $data['model']->respons_user_id, ['class' => 'form-control getResponsibleUser', 'id' => 'respons_user_id','required']) !!}
                        <p id='respons_user_id' style="max-height:3px;">{{ $errors->error->first('respons_user_id') }}</p>
                    </div>
                </div>
                <div style="width: 20%;">
                    {!! Form::label('application_date','Application Date') !!}
                    <div class="form-group">
                        {!! Form::text('application_date', date('d-m-Y'), ['class' => 'form-control','disabled']) !!}
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{-- Superadmin & all data permitted user cant get these fields --}}
    @if( !$data['isSuperAdmin'] && !$data['hasAccessAllData'])
        {!! Form::hidden('company_id_fk', $data['model']->company_id_fk, ['class' => 'form-control getProject', 'id' => 'company_id_fk']) !!}

        {!! Form::hidden('project_id_fk', $data['model']->project_id_fk, ['class' => 'form-control getBranch', 'id' => 'project_id_fk']) !!}

        {!! Form::hidden('branch_id_fk', $data['model']->branch_id_fk, ['class' => 'form-control getUser', 'id' => 'branch_id_fk']) !!}

        {!! Form::hidden('users_id_fk', $data['model']->users_id_fk, ['class' => 'form-control getLeaveType', 'id' => 'users_id_fk']) !!}
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="showLeaveStat"></div>
        </div>
    </div>

    @php
        if(isset($data['model']->from_date))
            $fromDate=$data['model']->from_date;
        else
            $fromDate=date('d-m-Y');
        if(isset($data['model']->to_date))
            $toDate=$data['model']->to_date;
        else
            $toDate=date('d-m-Y');
    @endphp


    {{-- Responsible Employee Table  --}}
    <div class="row">
        <div class="col-md-12">
            <div class="showResponsibleEmployeeStat"></div>
        </div>
    </div>

    {{-- Leave Range --}}
    <div class="row">
        <div class="col-md-12">
            <label class="title-label">Leave Range</label>
            <table class="table table-striped table-bordered table-condensed" id="js-table-leave-range">
                <thead>
                    <tr>
                        <th>{!! $data['attributesDetails']['leave_type_id'] !!}</th>
                        <th>{!! $data['attributesDetails']['from_date'] !!}</th>
                        <th>{!! $data['attributesDetails']['to_date'] !!}</th>
                        <th>Total Day(s)</th>
                    </tr>
                </thead>
                <tbody class="appendTr">
                    @if($data['model']->applicationDetails->count() > 0)
                        @php
                            $employee = $data['model']->user->employee;
                        @endphp
                        @foreach($data['model']->applicationDetails as $applicationDetail)
                            @php
                                $datetime1 = new DateTime($applicationDetail->from_date);
                                $datetime2 = new DateTime($applicationDetail->to_date);
                                $interval = $datetime1->diff($datetime2);
                                $totalDays = $interval->format('%a');
                                $totalDays = $totalDays + 1;
                            @endphp
                            <tr>
                                <td>
                                    {!! Form::select('leave_type_id[]', $data['leaveTypeData'], $applicationDetail->leave_type_id, ['class' => 'form-control leaveType','required'=>'required', 'id' => 'leave_type_id', 'data-details-id'=> $applicationDetail->id]) !!}
                                </td>
                                <td>
                                    {!! Form::text('from_date[]', date('d-m-Y',strtotime($applicationDetail->from_date)), ['class' => 'form-control datepicker fromDate', 'id' => 'from_date']) !!}
                                </td>
                                <td>
                                    {!! Form::text('to_date[]', date('d-m-Y',strtotime($applicationDetail->to_date)), ['class' => 'form-control datepicker toDate', 'id' => 'to_date']) !!}
                                </td>
                                <td class="text-center">{{ $totalDays }}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td>
                                {!! Form::select('leave_type_id[]', $data['leaveTypeData'], $data['modelDetails']->leave_type_id, ['class' => 'form-control leaveType','required'=>'required', 'id' => 'leave_type_id']) !!}
                            </td>
                            <td>
                                {!! Form::text('from_date[]', date('d-m-Y',strtotime($fromDate)), ['class' => 'form-control datepicker fromDate', 'id' => 'from_date']) !!}
                            </td>
                            <td>
                                {!! Form::text('to_date[]', date('d-m-Y',strtotime($toDate)), ['class' => 'form-control datepicker toDate', 'id' => 'to_date']) !!}
                            </td>
                            <td class="text-center"></td>
                        </tr>
                    @endif
                </tbody>
            </table>
            <div class="showLeaveError" ></div>
        </div>
    </div>
    <br>

    {{-- Details --}}
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="title-label"><strong>{{ $data['attributes']['details'] }}</strong></label>
                {!! Form::textarea('details', $data['model']->details, ['class' => 'form-control', 'id' => 'details', 'rows'=>3, 'required']) !!}
                <p id='details' style="max-height:3px;">{{ $errors->error->first('details') }}</p>
            </div>
        </div>
    </div>
    <br><br>

    {{-- Submit & Close Button --}}
    <div class="row">
        <div class="col-md-12 text-center">
            {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info disableButton']); !!}
            <a href="<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/hr/hrLeaveApplication/form.blade.php</b> on line <b>209</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/hr/hrLeaveApplication/form.blade.php</b> on line <b>209</b><br />
" class="btn btn-danger closeBtn">Close</a>
        </div>
        {{-- <div class="col-md-4">
            <span id="success" style="color:green; font-size:20px;"></span>
        </div> --}}
    </div>

    {!! Form::close() !!}

    </div>
    {{-- ./col-md-12 --}}
</div>
{{-- ./row --}}

@section('footerAssets')

{{-- Moment JS --}}
<script src="https://momentjs.com/downloads/moment.js"></script>

<script type="text/javascript">
    function chkRowAddMoreButton(deleteButton,thisButton)
    {
        if(deleteButton.length > 1){
            deleteButton.hide();
            deleteButton.last().show();
        }else{
            deleteButton.show();
        }
    }

    function chkRowDellMoreButton(deleteButton)
    {
        if(deleteButton.length > 1) {
            deleteButton.show();
        } else {
            deleteButton.hide();
        }
    }

    function todayDate()
    {
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth()+1; //January is 0!
        var yyyy = today.getFullYear();

        if(dd<10) {
            dd = '0'+dd
        }

        if(mm<10) {
            mm = '0'+mm
        }

        today = dd + '-' + mm + '-' + yyyy;
        return today;
    }

    $(document).ready( function() {

        chkRowAddMoreButton($('.addMore-2'),$(this));
        chkRowDellMoreButton($('.delRow-2'));

        $(document).on('click','.addMore-2',function(){

            var $row = $(this).parent().parent().clone();

            $row.appendTo('.appendTr');

            // Reforming date
            $row.children()[1].children[0].value = todayDate();
            $row.children()[2].children[0].value = todayDate();
            $row.children()[3].innerHTML = 1;

            chkRowAddMoreButton($('.addMore-2'),$(this));
            chkRowDellMoreButton($('.delRow-2'));


            var formDateInput = $(this).parent().parent().find('.fromDate');
            var toDateInput = $(this).parent().parent().find('.toDate');
            var newFormDateInput = $row.children().find('.fromDate');
            var newToDateInput = $row.children().find('.toDate');

            var date = toDateInput.val().split('-').reverse().join('-');

            var today     = moment(date);
            var tomorrow  = moment(today).add(1,'days');

            newFormDateInput.val(tomorrow.format('D-M-Y'));
            newToDateInput.val(tomorrow.format('D-M-Y'));

            newFormDateInput.datepicker({
                'format':'dd-mm-yyyy',
                'startDate': new Date(tomorrow.format('Y-M-D'))
            });

            newToDateInput.datepicker({
                'format':'dd-mm-yyyy',
                'startDate': new Date(tomorrow.format('Y-M-D'))
            });


        });

        $(document).on('click','.delRow-2',function(){
            if(confirm('Are you sure to delete?')){
                $(this).parent().parent().remove();
            }
            chkRowAddMoreButton($('.addMore-2'),$(this));
            chkRowDellMoreButton($('.delRow-2'));

        });

    });

    // Count days from two date range
    function getDaysOfTheRange(d1 , d2)
    {
        var date1 = new Date(d1.split('-').reverse().join('-'));
        var date2 = new Date(d2.split('-').reverse().join('-'));
        var timeDiff = Math.abs(date2.getTime() - date1.getTime());
        var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
        return diffDays + 1;
    }

    // Set initial day count value
    $('#js-table-leave-range tbody tr td')[3].innerHTML =
        getDaysOfTheRange($('#js-table-leave-range tbody tr td')[1].children[0].value,
        $('#js-table-leave-range tbody tr td')[2].children[0].value);

    $('#js-table-leave-range tbody').change('tr',function(e){
        var tdContainer = e.target.parentElement.parentElement.children;

        var fromDate = tdContainer[1].children[0].value;
        var toDate   = tdContainer[2].children[0].value;
        var countDaysElement = tdContainer[3];
        countDaysElement.innerHTML = getDaysOfTheRange(fromDate, toDate);
        // console.log(fromDate);
    });

    $(document).on('change','.fromDate',function() {
        checkLeaveAbility($(this));
    });

    $(document).on('change','.toDate',function() {
        checkLeaveAbility($(this));
    });

    $(document).on('change','.leaveType',function() {
        checkLeaveAbility($(this));
    });

    function checkLeaveAbility(objectArray)
    {
        $('.disableButton').attr('disabled','disabled');
        var userId=$('#users_id_fk').val();
        var typeId=$(objectArray).parent().parent().find('.leaveType').val();
        var typeIdText=$(objectArray).parent().parent().find('.leaveType option:selected').text();
        var fromDate=$(objectArray).parent().parent().find('.fromDate').val();
        var toDate=$(objectArray).parent().parent().find('.toDate').val();
        var link ="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/demo_bk/resources/views/hr/hrLeaveApplication/form.blade.php:369
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/hr/hrLeaveApplication/form.blade.php</b> on line <b>369</b><br />