@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-3">
                <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']) !!}
                    <small style="color: #ddd;">Select your group name.</small>
                </div>
            </div>

            <div class="col-md-3">
                <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']) !!}
                    <small style="color: #ddd;">Select your company name.</small>
                </div>
            </div>
            
            <div class="col-md-3">       
                <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']) !!}
                    <small style="color: #ddd;">Select your project name.</small>
                </div>
            </div>
        </div>
        {{-- ./row --}}
    </div>
    {{-- ./panel-body --}}
</div>
{{-- ./panel --}}

{{-- Earn Leave Panel --}}
<div class="panel panel-beautify">
    <div class="panel-heading">
        <h4 >Earn Leave</h4>
    </div>
    <div class="panel-body">

        <div class="row" style="display:flex; justify-content:space-between">
            <div class="col-md-3">
                <div class="form-group {{ $errors->has('dayCountPerMonth') ? 'has-error' : ''}}">
                    {!! Form::label('dayCountPerMonth', 'Day Count', ['class' => 'control-label']) !!}
                    {!! Form::select('dayCountPerMonth',$d__a->dayCountPerMonthContainer, $d__a->leaveSettingEarn->day_count_per_month ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">How many days in a month?</small>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group {{ $errors->has('highestLimit') ? 'has-error' : ''}}">
                    {!! Form::label('highestLimit', 'Highest Limit', ['class' => 'control-label']) !!}
                    {!! Form::select('highestLimit',$d__a->highestLimitContainer, $d__a->leaveSettingEarn->highest_limit_in_days ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Highest limitaion.</small>
                </div>
            </div>
            
            <div class="col-md-3">       
                <div class="form-group {{ $errors->has('afterActive') ? 'has-error' : ''}}">
                    {!! Form::label('afterActive', 'After Active', ['class' => 'control-label']) !!}
                    {!! Form::select('afterActive',$d__a->afterActiveContainer, $d__a->leaveSettingEarn->after_active_in_month ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">After activation.</small>
                </div>
            </div>
        </div>
        {{-- ./row --}}

        <div class="row" style="display:flex; justify-content:space-between">

            <div class="col-md-3">
                <div class="form-group {{ $errors->has('cashSet') ? 'has-error' : ''}}">
                    {!! Form::label('cashSet', 'Cash Set', ['class' => 'control-label']) !!}
                    {!! Form::select('cashSet',$d__a->cashSetContainer, $d__a->leaveSettingEarn->cash_set_in_month ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Cash set in month.</small>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group {{ $errors->has('effectMonth') ? 'has-error' : ''}}">
                    {!! Form::label('effectMonth', 'Effect Month', ['class' => 'control-label']) !!}
                    {!! Form::select('effectMonth',$d__a->effectMonthContainer, $d__a->leaveSettingEarn->effect_month_option ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Effect month selection.</small>
                </div>
            </div>
            
            <div class="col-md-3"></div>

        </div>
        {{-- ./row --}}
    
    </div>
    {{-- ./panel-body --}}
</div>
{{-- ./panel --}}

{{-- LPR Leave Panel --}}
<div class="panel panel-beautify">
    <div class="panel-heading">
        <h4 >LPR Leave</h4>
    </div>
    <div class="panel-body">

        <div class="row" style="display:flex; justify-content:space-between">
            <div class="col-md-3">
                <div class="form-group {{ $errors->has('activeJobAge') ? 'has-error' : ''}}">
                    {!! Form::label('activeJobAge', 'Active Job Age(Years)', ['class' => 'control-label']) !!}
                    {!! Form::text('activeJobAge',$d__a->leaveSettingLpr->active_job_age_in_year ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Enter years of active job age.</small>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group {{ $errors->has('lprDuration') ? 'has-error' : ''}}">
                    {!! Form::label('lprDuration', 'Duration(Month)', ['class' => 'control-label']) !!}
                    {!! Form::text('lprDuration',$d__a->leaveSettingLpr->duration_in_month ?? null,['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Select LPR duraion in month.</small>
                </div>
            </div>
            
            <div class="col-md-3">       
                <div class="form-group {{ $errors->has('facilities') ? 'has-error' : ''}}">
                    {!! Form::label('facilities', 'Facility', ['class' => 'control-label']) !!}
                    {!! Form::select('facilities[]',$d__a->benifitTypes , isset($d__a->leaveSettingLpr) ? json_decode($d__a->leaveSettingLpr->settings_benefit_type_id_fk) : null, ['class' => 'form-control select2','multiple'=>'multiple']) !!}
                    <small style="color: #ddd;">Select LPR facility.</small>
                </div>
            </div>
        </div>
        {{-- ./row --}}

        <div class="row" style="display:flex; justify-content:space-between">

            <div class="col-md-3">
                <div class="form-group {{ $errors->has('adjust') ? 'has-error' : ''}}">
                    {!! Form::label('adjust', 'Adjustment (%)', ['class' => 'control-label']) !!}
                    {!! Form::text('adjust', $d__a->leaveSettingLpr->adjustment_in_percent ?? null, ['class' => 'form-control']) !!}
                    <small style="color: #ddd;">Enter LPR adjustment in percentice.</small>
                </div>
            </div>

            <div class="col-md-3"></div>
            <div class="col-md-3"></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