@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">
                            <div class="dt-ext table-responsive">
                                <table class="table table-bordered" id="permissions_groups_table">
                                    <thead>
                                    <th>Sno</th>
                                    <th>Group</th>
                                    <th>Select All</th>
                                    <th>Permission</th>
                                    </thead>
                                    <tbody>
                                    @foreach($groups as $g)
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{$g->name}}</td>
                                            <td>
                                                <a href="{{route("holiday-group-edit" ,["id"=> $g->id])}}">
                                                    <i class="fa fa-edit fw-bold text-danger fs-5"></i>
                                                </a>
                                            </td>
                                            <td class=" checkbox-secondary mb-0">
                                                <div class="row row-cols-auto">
                                                    @php
                                                        $holidays = $g->getGroupViseHolidays;
                                                    @endphp
                                                    @foreach($holidays as $h)
                                                        @php
                                                            $date = \Carbon\Carbon::parse($h->getHolidays->date);
                                                            $formattedDate = $date->format('d-F-Y');
                                                        @endphp
                                                        <div class="col-sm-4">
                                                            <li>

                                                                <label style="margin-right: 25px;"
                                                                       class="form-check-label"
                                                                       for=""> <span
                                                                        class="text-uppercase fw-bold"> {{$h->getHolidays->title}}</span>
                                                                    ({{$formattedDate}})</label>
                                                            </li>

                                                        </div>
                                                    @endforeach
                                                </div>


                            </div>

                            </td>
                            </tr>
                            @endforeach
                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


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

            let c = 1;
            $(".selectAllHolidays").change(function (e) {
                e.preventDefault();
                let inputs = $(this).closest("tr").find("input");
                if (c == 1) {
                    $(inputs).prop("checked", true);
                    c = 0;
                } else {
                    $(inputs).prop("checked", false)
                    c = 1;
                }
            });
        })
    </script>

@endsection