@section('stylesheets')
<link rel="stylesheet" href="{{ asset('css/spacing-helpers.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/css/bootstrap-timepicker.min.css">

<style>
    /* .panel-beautify {
        border: 1px solid #eee !important;
    } */
    .panel-beautify .panel-heading{
        padding: 0px !important;
        border-bottom: 1px solid #eee !important;
    }
    .panel-body{}
</style>

@endsection

{{-- General --}}
<div class="row form-group">
    <div class="col-md-12">
        <strong>General</strong>
    </div>
    <div class="col-md-4">
        <div class="{{ $errors->has('group') ? 'has-error' : ''}}">
            {!! Form::label('group', 'Group', ['class' => 'control-label']) !!}
            {!! Form::select('group',$d__a->groups, $d__a->leaveSetting->group_id_fk ?? null, ['class' => 'form-control']) !!}
        </div>
    </div>

    <div class="col-md-4">
        <div class="{{ $errors->has('company') ? 'has-error' : ''}}">
            {!! Form::label('company', 'Company', ['class' => 'control-label']) !!}
            {!! Form::select('company',$d__a->companies, $d__a->leaveSetting->company_id_fk ?? null, ['class' => 'form-control']) !!}
        </div>
    </div>
    
    <div class="col-md-4">       
        <div class="{{ $errors->has('project') ? 'has-error' : ''}}">
            {!! Form::label('project', 'Project', ['class' => 'control-label']) !!}
            {!! Form::select('project',$d__a->projects, $d__a->leaveSetting->project_id_fk ?? null, ['class' => 'form-control']) !!}
        </div>
    </div>
</div>

{{-- Details --}}
<div class="row form-group">
    <div class="col-md-12">
        <strong>Details</strong>
    </div>
    <div class="col-md-4">
        <div class="{{ $errors->has('settingFor') ? 'has-error' : ''}}">
            {!! Form::label('settingFor', 'Settings For', ['class' => 'control-label']) !!}
            {!! Form::select('settingFor',$d__a->settingsFor, $d__a->leaveSetting->settings_for ?? null, ['class' => 'form-control']) !!}
        </div>
    </div>
    <div class="col-md-4">
        <div class="{{ $errors->has('time') ? 'has-error' : ''}}">
            {!! Form::label('time', 'Entry Time', ['class' => 'control-label']) !!}
            {!! Form::text('time',!empty($d__a->leaveSettingDetail) ? date('h:i A',strtotime($d__a->leaveSettingDetail->emp_entry_end_time)) : '12:00 AM', ['class' => 'form-control','id'=>'timepicker']) !!}
            <small style="color: #ddd; font-size: .8em;">Employee entry time</small>        
        </div>
    </div>
    <div class="col-md-4">
        <div class="{{ $errors->has('dayLimit') ? 'has-error' : ''}}">
            {!! Form::label('dayLimit', 'Day count', ['class' => 'control-label']) !!}
            {!! Form::select('dayLimit',$d__a->dayLimits,!empty($d__a->leaveSettingDetail) ? $d__a->leaveSettingDetail->day_limit : null , ['class' => 'form-control']) !!}
            <small style="color: #ddd; font-size: .8em;">How many days have to count?</small>        
        </div>
    </div>

    <div class="col-md-4">
        <div class="{{ $errors->has('cuttingOption') ? 'has-error' : ''}}">
            {!! Form::label('cuttingOption', 'Adjustment', ['class' => 'control-label']) !!}
            {!! Form::select('cuttingOption',$d__a->cuttingOptions, !empty($d__a->leaveSettingDetail) ? $d__a->leaveSettingDetail->cutting_option : null , ['class' => 'form-control', 'id'=>'cutting-option']) !!}
            <small style="color: #ddd; font-size: .8em;">Employee Leave cutting options</small>
        </div>
    </div>
    <div class="col-md-4" 
        style="display:  
        @if(empty($d__a->leaveSettingDetail)) 
            none; 
        @elseif(!empty($d__a->leaveSettingDetail) && $d__a->leaveSettingDetail->cutting_option != 'Leave') 
            none; 
        @endif" 
        id="leave-type-tag-container">       
        <div class="{{ $errors->has('leave_type_tag_id_fk') ? 'has-error' : ''}}">
            {!! Form::label('leave_type_tag_id_fk[]', 'Leave Tag', ['class' => 'control-label']) !!}
            {!! Form::select('leave_type_tag_id_fk[]',$d__a->leaveTypeTagList ?? [] , !empty($d__a->leaveSettingDetail) ? json_decode($d__a->leaveSettingDetail->leave_type_tag_id_fk) : [], ['class' => 'form-control select2','id'=>'leave-type-tag','multiple'=>'multiple']) !!}
            <small style="color: #ddd;">Select Leave Tag.</small>
        </div>
    </div>
</div>


{{-- Button --}}
<div class="row">
    <div class="col-md-12 text-center">
        <div class="form-group">
            {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
            <a href="{!! $d__a->closeBtnUrl !!}" class="btn btn-danger closeBtn">Close</a>
        </div>
    </div>
</div>


@section('footerAssets')
{{-- For Time Picker  --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
<script>

    $('#timepicker').timepicker({
        'maxHours': 12
    });

    $('#cutting-option').change(function(e){
        var cuttingOpt = $(this);
        if( cuttingOpt.val() == 'Leave' ) {
            $('#leave-type-tag-container').show();
        } else {
            $('#leave-type-tag-container').hide();
        }
    });

</script>
@endsection