@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{!! $data['listBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>Weekly Holidays List</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="panel-heading">
                                    <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                                </div>

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

                                            {!! Form::open(['files' => 'false', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
                                            <div class="row form-group">
                                                <div class="col-sm-3">
                                                    {!! Form::label('Effect Date', 'Effect Date', ['class' => 'control-label']) !!}

                                                    <input class="form-control" {{ $data['view'] ? 'disabled' : '' }}
                                                        value="{{ date('d-m-Y', strtotime($data->effect_date)) }}"
                                                        id='datePicker' name="effect_date" placeholder="Effect Date"
                                                        required />

                                                    <p id='fiscal_year_id' style="max-height:3px; color: red!important;">
                                                        {{ $errors->error->first('effect_date') }}</p>
                                                </div>
                                                <div class="col-sm-3">
                                                    {{-- {!! Form::label('holiday_type', 'Holiday Type', ['class' => 'control-label']) !!} --}}
                                                    <input type="hidden" value="Weekly Holiday" class="form-control"  />
                                                    <p id='holiday_type' style="max-height:3px; color: red!important;">
                                                        {{ $errors->error->first('holiday_type') }}</p>
                                                </div>
                                            </div>
                                            <div class="weeklyHoliday">
                                                <h4><u>Day</u></h4>
                                                <div class="row form-group">

                                                    @foreach ($data['allDays'] as $id => $day)
                                                        <div class="col-sm-3">
                                                            {{ Form::checkbox('day_name[]', $id, in_array($id, json_decode($data->weekly_holidays_ids))) }}
                                                            {{ $day }}
                                                        </div>
                                                    @endforeach


                                                </div>
                                            </div>



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

                                        </div>
                                    </div>
                                @section('footerAssets')
                                    <script type="text/javascript">
                                        $("#datePicker").attr("autocomplete", "off").datepicker({
                                            format: "dd-mm-yyyy",
                                            startView: "days", // Start the datepicker with days view
                                            minViewMode: "days", // Set the minimum view mode to days
                                            autoclose: true,
                                            afterShow: function() {
                                                $(".ui-datepicker select").select2();
                                            }
                                        });
                                    </script>
                                @endsection



                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection