@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Public Holiday API')
<style>
    .blurred-content {
        filter: blur(5px);
        transition: filter 0.5s;
        border-radius: 10px;
    }

    .clear-blur {
        filter: blur(0);
    }
</style>

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Public Holiday API</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Public Holiday API</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif
                    @if (session('error'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.error('{{ session('error') }}');
                        </script>
                    @endif

                    <form method="POST" action="{{ route('fetch-public-holidays') }}">
                        @csrf
                        <div class="row mb-2">
                            <div class="col-6 flex">
                                <label for="yearID">Year:</label> <Input type="text" class="form-control"
                                    id="yearID" name="year" placeholder="E.G 2024" value="{{ old('year') }}">
                            </div>
                            <div class="col-6 flex ">
                                <label for="countryID">Country:</label> <select name="country" id="countryID"
                                    class="form-control">
                                    <option value="" selected>Select Country</option>
                                    @foreach ($countries as $country)
                                        <option value="{{ $country->code }}"
                                            {{ old('country') == $country->code ? 'selected' : '' }}>
                                            {{ $country->country }} [{{ $country->code }}]
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 justify-content-end">
                                <input type="submit" class="btn btn-primary" id="search" value="Search">
                            </div>
                        </div>
                    </form>


                    @if (isset($holidays))
                        <h2>Results for <b>{{ $year }}</b> - <b>{{ $countryCode }}</b>:</h2>

                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th scope="col">Date</th>
                                    <th scope="col">International Name</th>
                                    <th scope="col">Local Name</th>
                                    <th scope="col">Types</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($holidays as $holiday)
                                    <tr>
                                        <td>{{ $holiday['date'] }}</td>
                                        <td>{{ $holiday['name'] }}</td>
                                        <td>{{ $holiday['localName'] }}</td>
                                        <td>{{ implode(', ', $holiday['types']) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif



                </div>
            </div>
        </div>
    </div>

@stop

@section('footer')
    &nbsp;
@stop