@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;
        }
    </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 --}}
            {!! Form::label('company_id_fk', $data['attributes']['company_id_fk'], ['class' => 'col-sm-1 control-label']) !!}
            <div class="col-sm-3">
                {!! 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 --}}
            {!! Form::label('project_id_fk', $data['attributes']['project_id_fk'], ['class' => 'col-sm-1 control-label']) !!}
            <div class="col-sm-3">
                {!! 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 --}}
            {!! Form::label('branch_id_fk', $data['attributes']['branch_id_fk'], ['class' => 'col-sm-1 control-label']) !!}
            <div class="col-sm-3">
                {!! Form::select('branch_id_fk', array(''=>'Select any'), $data['model']->branch_id_fk, ['class' => 'form-control 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 --}}
            {!! Form::label('users_id_fk', $data['attributes']['users_id_fk'], ['class' => 'col-sm-1 control-label']) !!}
            <div class="col-sm-3">
                {!! 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 --}}
            {!! Form::label('respons_user_id', $data['attributes']['respons_user_id'], ['class' => 'col-sm-1 control-label']) !!}
            <div class="col-sm-3">
                {!! Form::select('respons_user_id', [''=>'Select any'], $data['model']->respons_user_id, ['class' => 'form-control getResponsibleUser', 'id' => 'respons_user_id']) !!}
                <p id='respons_user_id' style="max-height:3px; color:red;">{{ $errors->error->first('respons_user_id') }}</p>
            </div>
        </div>
    @endif
    
    {{-- Superadmin & all data permitted user cant get these fields --}}
    @if( !$data['isSuperAdmin'] && !$data['hasAccessAllData'])
        {{-- Respinsible Employee --}}
        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label class="control-label"><strong>{{ $data['attributes']['respons_user_id'] }}</strong><label>
                    {!! Form::select('respons_user_id', [''=>'Select any'], $data['model']->respons_user_id, ['class' => 'form-control getResponsibleUser', 'id' => 'respons_user_id']) !!}
                    <p id='respons_user_id' style="max-height:3px;">{{ $errors->error->first('respons_user_id') }}</p>
                </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><strong>Leave Range</strong></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>
                        <th></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']) !!}
                                </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>
                                <td>
                                    <a href="javascript:;" id="" class="btn btn-xs btn-info addMore-2"><i class="fa fa-plus-circle"></i></a>
                                    <a href="javascript:;" id="" class="btn btn-xs btn-danger delRow-2"><i class="fa fa-times"></i></a>
                                </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>
                            <td>
                                <a href="javascript:;" id="" class="btn btn-xs btn-info addMore-2"><i class="fa fa-plus-circle"></i></a>
                                <a href="javascript:;" id="" class="btn btn-xs btn-danger delRow-2"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                    @endif
                    {{-- <tr>
                        <td colspan="5" class="showLeaveError" style="color:red;"></td>
                    </tr>
                    <tr>
                        <td colspan="5" class="showLeaveRemain" style="color:red;"></td>
                    </tr> --}}
                </tbody>
                <tfoot class="showLeaveError" ></tfoot>
            </table>
        </div>
    </div>
    <br>
    
    {{-- Details --}}
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="control-label"><strong>{{ $data['attributes']['details'] }}</strong></label>
                {!! Form::textarea('details', $data['model']->details, ['class' => 'form-control', 'id' => 'details', 'rows'=>3]) !!}
                <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/resources/views/hr/hrLeaveApplication_v2/form.blade.php</b> on line <b>205</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/resources/views/hr/hrLeaveApplication_v2/form.blade.php</b> on line <b>205</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')

<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;

            $('.datepicker').datepicker({format: 'dd-mm-yyyy'});
            chkRowAddMoreButton($('.addMore-2'),$(this));
            chkRowDellMoreButton($('.delRow-2'));

        });

        $(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();
        //alert(typeId);
        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/resources/views/hr/hrLeaveApplication_v2/form.blade.php:337
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/resources/views/hr/hrLeaveApplication_v2/form.blade.php</b> on line <b>337</b><br />