@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper">
    <div class="content container-fluid">

        <h4 class="mb-3">Holiday Master</h4>

        {{-- ALERTS --}}
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        {{-- FORM --}}
        <div class="card mb-4">
            <div class="card-header">
                <h5>{{ isset($holiday) ? 'Edit Holiday' : 'Add Holiday' }}</h5>
            </div>
            <div class="card-body">
                <form method="POST"
                      action="{{ isset($holiday) ? route('holiday-update', $holiday->id) : route('holiday-create') }}">
                    @csrf
                    @if(isset($holiday)) @method('PUT') @endif

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label>Holiday Name</label>
                            <input type="text" name="name" class="form-control"
                                   value="{{ $holiday->name ?? old('name') }}" required>
                        </div>

                        <div class="col-md-3">
                            <label>Date</label>
                            <input type="date" name="date" class="form-control"
                                   value="{{ isset($holiday) ? $holiday->date->format('Y-m-d') : old('date') }}"
                                   required>
                        </div>

                        <div class="col-md-3">
                            <label>Type</label>
                            <select name="type" class="form-control" required>
                                <option value="">Select</option>
                                <option value="national" @selected(($holiday->type ?? '')=='national')>National</option>
                                <option value="optional" @selected(($holiday->type ?? '')=='optional')>Optional</option>
                                <option value="company" @selected(($holiday->type ?? '')=='company')>Company</option>
                            </select>
                        </div>

                        <div class="col-md-2">
                            <label>Remark</label>
                            <input type="text" name="remark" class="form-control"
                                   value="{{ $holiday->remark ?? old('remark') }}">
                        </div>
                    </div>

                    <button class="btn btn-primary">
                        {{ isset($holiday) ? 'Update' : 'Create' }}
                    </button>
                </form>
            </div>
        </div>

        {{-- TABLE --}}
        <div class="card">
            <div class="card-body table-responsive">
                <table class="table table-bordered" id="HolidayTable">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Remark</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($holidays as $h)
                        <tr>
                            <td>{{ $h->id }}</td>
                            <td>{{ $h->name }}</td>
                            <td>{{ $h->date->format('d M Y') }}</td>
                            <td>{{ ucfirst($h->type) }}</td>
                            <td>{{ $h->remark ?? '-' }}</td>
                            <td>
                                <a href="{{ route('holiday-edit', $h->id) }}" class="btn btn-sm btn-success">Edit</a>
                                <a href="{{ route('holiday-delete', $h->id) }}"
                                   onclick="return confirm('Delete this holiday?')"
                                   class="btn btn-sm btn-danger">Delete</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script>
initDataTableWithFilters('HolidayTable');
</script>
@endpush