@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-update")}}" method="post" autocomplete="on">
                                @csrf
                                <div class="row">
                                    <input type="text" name="group_id" class="d-none" value="{{isset($group->id) ? $group->id : ""}}">
                                    <div class="col-sm-6">
                                        <label for="">Holiday Group</label>
                                        <input type="text" name="group" class="form-control"
                                               value="{{isset($group->name) ? $group->name : ""}}">
                                        @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="{{isset($group->description) ? $group->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 $h)
                                                @php
                                                    $date = \Carbon\Carbon::parse($h->date);
                                                    $formattedDate = $date->format('d-F-Y');
                                                    $count = $h->getGroupsHolidays()->where("group_id" , $group->id)->count();
                                                @endphp
                                                <div class="col-sm-3">
                                                    <input
                                                        data-holiday_id="{{$h->id}}"
                                                        data-group_id="{{$group->id}}"
                                                        class="form-check-input border border-primary holidays_checkbox"
                                                        id="" name="holidays[]" @if($count == 1) checked @endif
                                                        type="checkbox" value="{{$h->id}}" style="height:15px ;"
                                                    >
                                                    <label style="margin-right: 25px;"
                                                           class="form-check-label fw-bold"
                                                           for=""> <span class="text-uppercase">{{$h->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;
                }
            });


            $(".holidays_checkbox").change(function (e) {
                let true_false = $(this).prop("checked");
                let holiday = $(this).data("holiday_id");
                let group = $(this).data("group_id");
                console.log(holiday, group)
                if (!true_false) {
                    $.ajax({
                        url: "{{route("remove-holiday-from-group")}}",
                        type: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                            "holiday": holiday, "group": group
                        },
                        success: function (data) {
                            console.log(data)
                            if (data.response != 0) {
                                Swal.fire({
                                    position: "top-middle",
                                    icon: "success",
                                    title: "Successfully Deleted",
                                    showConfirmButton: false,
                                    timer: 1500
                                });
                            } else {
                                Swal.fire({
                                    icon: "error",
                                    title: "Oops...",
                                    text: "Something went wrong!",
                                });
                            }
                        },
                    })
                }

            })


        })
    </script>

@endsection