@extends('layouts.admin')

<title>{{ config('app.name', 'Laravel') }} | Holidays</title>

<link rel="stylesheet" href="assets/css/toggle.css">
@section('main-content')
    <style>
        .edit:hover {
            color: #fff !important;
            background-color: blue !important;
            border-color: #696cff !important;
            border-radius: 5px !important;
        }

        .delete:hover {
            color: #fff !important;
            background-color: #E3242B !important;
            border-color: #E3242B !important;
            border-radius: 5px !important;
        }

        .dtbl_dropdown .dataTables_length {
            width: 65px;
        }

        .dtbl_dropdown .dataTables_length label {
            width: 100%;
        }

        table.dataTable thead .sorting_asc {
            background-image: none !important;
        }

        table.dataTable thead .sorting {
            background-image: none !important;
        }
    </style>

    <div class="{{ Session::has('success') ? '' : 'd-none' }} hide_msg_class"
        style="position: absolute; top:15%; margin-left:1%;">
        <div id="alert">
            @if (Session::has('success'))
                <div class="alert {{ Session::get('success') == 'Holiday deleted successfully.' ? 'alert-danger' : 'alert-success' }}"
                    role="alert">
                    {{ Session::get('success') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    <div class="d-none" id="messageContainer" style="position: absolute; top:15%; margin-left:1%;">

    </div>

    
    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-auto container-p-y row">
            <div class="col-6 mb-3">
                <h4 class="fw-bold py-3 mb-1"><span class="text-muted fw-light">Records / </span>Holidays</h4>
            </div>
            @php
                $yearRange = session('year_range'); // Example: "2023-2024"
                $currentDate = now();
                [$startYear, $endYear] = explode('-', $yearRange);

                $startDate = \Carbon\Carbon::create($startYear, 4, 1, 0, 0, 0); // April 1st
                $endDate = \Carbon\Carbon::create($endYear, 3, 31, 23, 59, 59); // March 31st
            @endphp
            @if ($currentDate->between($startDate, $endDate))
                <div class="col-6">
                    <div class="text-end upgrade-btn">
                        <a href="{{ route('holidays.create') }}" class="btn btn-primary text-white">Add Holidays</a>
                    </div>
                </div>
            @endif
            <!-- Basic Bootstrap Table -->
            <div class="card pb-5 ms-2">
                <h5 class="mt-3">Holidays</h5>
                <div class="table dataTable text-nowrap dtbl_dropdown">
                    <table class="table" id="services">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Name</th>
                                <th>Start Date</th>
                                <th>End Date</th>
                                <th>Duration</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                            @if (isset($holidays) && count($holidays) != 0)
                                @foreach ($holidays as $key => $value)
                                    <tr id="row_{{ $value->id }}" @if ($key === 0) class="table-success" @endif>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ ucwords($value->name) }}</td>
                                        <td>{{ dateformatter($value->start_date) }}</td>
                                        <td>{{ dateformatter($value->end_date) }}</td>
                                        <td>{{ ucwords($value->duration) }}</td>
                                        <td>
                                            <div class="dropdown text-center">
                                                <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                    data-bs-toggle="dropdown">
                                                    <i class="bx bx-dots-vertical-rounded"></i>
                                                </button>
                                                <div class="dropdown-menu">

                                                    <a class="dropdown-item"
                                                        href="{{ route('holidays.show', ['holiday' => $value->id]) }}"><i
                                                            class='bx bx-book-open'></i> View</a>
                                                    {{-- </div> --}}
                                                    {{-- <div class="dropdown-item" style="display: inline;"> --}}
                                                    @if ($currentDate->between($startDate, $endDate))
                                                        <a class="dropdown-item"
                                                            href="{{ route('holidays.edit', ['holiday' => $value->id]) }}"><i
                                                                class="bx bx-edit-alt me-1"></i> Edit</a>
                                                        {{-- </div> --}}
                                                        <form method="POST"
                                                            action="{{ route('holidays.destroy', $value->id) }}">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="dropdown-item delete"
                                                                onclick="return confirm('Are you sure, you want to remove {{ ucwords($value->name) }} holiday?');">
                                                                <i class="bx bx-trash me-1"></i> Delete
                                                            </button>
                                                        </form>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td><span>{{ 'No record found' }}</span></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- / Content -->
    </div>
@endsection

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>