@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 Panel --}}
<div class="panel panel-beautify">
    <div class="panel-heading">
        <h4>General</h4>
    </div>
    <div class="panel-body">
        <div class="row" style="display:flex; justify-content:space-between">
            <div class="col-md-2">
                <div class="form-group {{ $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-2">
                <div class="form-group {{ $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-2">       
                <div class="form-group {{ $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 class="col-md-2">
                <div class="form-group {{ $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>
        {{-- ./row --}}
    </div>
    {{-- ./panel-body --}}
</div>
{{-- ./panel --}}

{{-- Details Panel --}}
<div class="panel panel-beautify">
<div class="panel-heading">
    <h4 >Details</h4>
</div>
<div class="panel-body">
    <div class="row" style="display:flex; justify-content:space-around;">
        <div class="col-md-3">
            <div class="form-group {{ $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-3">
            <div class="form-group {{ $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-3">
            <div class="form-group {{ $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']) !!}
                <small style="color: #ddd; font-size: .8em;">Employee Leave cutting options</small>
            </div>
        </div>
    </div>
    {{-- ./row --}}
</div>
{{-- ./panel-body --}}
</div>
{{-- ./panel --}}

<div class="row" style="display:flex; justify-content:center;">
<div class="col-sm-4 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>
{{-- ./row --}}

@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
  });
</script>
@endsection