@extends('adminlte::page')

@section('content')
<div class="container">
    <h3 class="mb-3">Add Tolly Tatler</h3>

    {{-- Global flash messages --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <form action="{{ route('admin.saveTollyTatler') }}" method="POST" enctype="multipart/form-data" novalidate>
        @csrf


        {{-- Title --}}
        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input 
                type="text" 
                id="title" 
                name="title" 
                value="{{ old('title') }}" 
                class="form-control @error('title') is-invalid @enderror">
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>


        {{-- Image --}}
        <div class="mb-3">
            <label for="image" class="form-label">Image</label>
            <input 
                type="file" 
                id="image" 
                name="image" 
                class="form-control @error('image') is-invalid @enderror" 
                accept="image/*">
            @error('image')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- PDF File --}}
        <div class="mb-3">
            <label class="form-label">Upload File (PDF)</label>
            <input
                type="file"
                name="file"
                class="form-control @error('file') is-invalid @enderror">
            @error('file')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Year --}}
        <div class="mb-3">
            <label for="year" class="form-label">Year</label>
            <select
                id="year"
                name="year"
                class="form-select @error('year') is-invalid @enderror">
                <option value="" disabled {{ old('year') ? '' : 'selected' }}>Select year</option>
                {{-- options populated by JS --}}
            </select>
            @error('year')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Flipbook --}}
        <div class="form-check mb-3">
            <input
                type="checkbox"
                id="is_flipbook"
                name="is_flipbook"
                class="form-check-input @error('is_flipbook') is-invalid @enderror"
                value="1"
                {{ old('is_flipbook') ? 'checked' : '' }}>
            <label class="form-check-label" for="is_flipbook">Is Flipbook?</label>
            @error('is_flipbook')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        {{-- Status --}}
        <div class="form-check mb-3">
            <input
                type="checkbox"
                id="status"
                name="status"
                class="form-check-input @error('status') is-invalid @enderror"
                value="1"
                {{ old('status', 1) ? 'checked' : '' }}>
            <label class="form-check-label" for="status">Active</label>
            @error('status')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        {{-- Start Date --}}
        <div class="mb-3">
            <label class="form-label" for="start_date_time">Start Date</label>
            <input
                type="datetime-local"
                id="start_date_time"
                name="start_date_time"
                value="{{ old('start_date_time') }}"
                class="form-control @error('start_date_time') is-invalid @enderror">
            @error('start_date_time')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- End Date --}}
        <div class="mb-3">
            <label class="form-label" for="end_date_time">End Date</label>
            <input
                type="datetime-local"
                id="end_date_time"
                name="end_date_time"
                value="{{ old('end_date_time') }}"
                class="form-control @error('end_date_time') is-invalid @enderror">
            @error('end_date_time')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <button class="btn btn-success">Save</button>
        <a href="{{ route('admin.showTollyTatler') }}" class="btn btn-secondary ms-2">Back</a>
    </form>
</div>
@endsection

@section('js')
<script>
  (function () {
    const startYear = 1900;
    const endYear = new Date().getFullYear();

    const yearSelect = document.getElementById('year');
    for (let y = endYear; y >= startYear; y--) {
      const opt = document.createElement('option');
      opt.value = String(y);
      opt.textContent = String(y);
      yearSelect.appendChild(opt);
    }

    // Reselect old value after rebuild
    const oldYear = @json(old('year'));
    if (oldYear) yearSelect.value = String(oldYear);
  })();
</script>
@stop