@extends("template.layouts.simple.master")
@section('content')
    <div class="page-body">
        @include("master.notification")
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{route("holiday-group-store")}}" method="post" autocomplete="on">
                                @csrf
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label for="">Holiday Group</label>
                                        <input type="text" name="group" class="form-control" value="{{old("group")}}">
                                        @error("group")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-6">
                                        <label for="">Description</label>
                                        <input type="text" name="description" class="form-control"
                                               value="{{old("description")}}">
                                        @error("description")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-12 mt-3 ">
                                        <hr>
                                        <h3 class="fw-bold">Holidays List
                                            <div class="btn btn-primary selectAllBtn"><input width="100px"
                                                                                             type="checkbox"
                                                                                             id="selectAllCheckbox"><span
                                                    class="fw-bold p-1">Select All </span></div>
                                        </h3>
                                        <hr>
                                        <div class="row row-cols-auto">
                                            @foreach($holidays as $p)
                                                @php
                                                    $date = \Carbon\Carbon::parse($p->date);
                                                    $formattedDate = $date->format('d-F-Y');
                                                @endphp
                                                <div class="col-sm-3">
                                                    <input
                                                        class="form-check-input border border-primary holidays_checkbox"
                                                        id="" name="holidays[]"
                                                        type="checkbox" value="{{$p->id}}" style="height:15px ;"
                                                    >
                                                    <label style="margin-right: 25px;"
                                                           class="form-check-label fw-bold"
                                                           for=""> <span class="text-uppercase">{{$p->title}}</span>
                                                        ({{$formattedDate}})</label>
                                                </div>
                                            @endforeach

                                        </div>
                                    </div>


                                    <div class="col-sm-12 mt-2">
                                        <button class="btn-primary btn">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {

            let c = 1;
            $("#selectAllCheckbox").change(function (e) {
                e.preventDefault();
                if (c == 1) {
                    $(".holidays_checkbox").prop("checked", true);
                    c = 0;
                } else {
                    $(".holidays_checkbox").prop("checked", false)
                    c = 1;
                }
            });
        })
    </script>

@endsection