@extends('adminlte::page')


@section('title', 'Add Letter from the President')

@section('content_header')
    <h1>Add Letter from the President</h1>
@stop

@section('content')
<div class="container-fluid">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h3 class="card-title">Create</h3>
      <a href="{{ route('admin.showLetterFromPresident') }}" class="btn btn-secondary btn-sm">
        <i class="fas fa-arrow-left"></i> Back to List
      </a>
    </div>

    <div class="card-body">
      {{-- Flash --}}
      @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
      @endif
      @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
      @endif

      {{-- Validation Errors --}}
      @if ($errors->any())
        <div class="alert alert-danger">
          <strong>There were some problems with your input:</strong>
          <ul class="mb-0">
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif

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

        <div class="row g-3">
          {{-- PDF file --}}
          <div class="col-md-6">
            <label class="form-label">PDF File <span class="text-danger">*</span></label>
            <input type="file"
                   id="file"
                   name="file"
                   accept="application/pdf"
                   class="form-control @error('file') is-invalid @enderror"
                   required>
            <small class="text-muted">Only PDF, max 20MB.</small>
            @error('file') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Title --}}
          <div class="col-md-6">
            <label class="form-label">Letter Title</label>
            <input type="text"
                   name="letter_title"
                   class="form-control @error('letter_title') is-invalid @enderror"
                   value="{{ old('letter_title') }}"
                   maxlength="255"
                   placeholder="e.g., President’s Address 2024–25">
            @error('letter_title') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Content / description --}}
          <div class="col-12">
              <label class="form-label">Letter Content (Optional)</label>
              <textarea name="letter_content"
                        class="form-control summernote @error('letter_content') is-invalid @enderror"
                        placeholder="Short description / summary...">{{ old('letter_content') }}</textarea>
              @error('letter_content')
                  <div class="invalid-feedback">{{ $message }}</div>
              @enderror
          </div>


          {{-- Session Years --}}
         @php
    $currentYear = date('Y');
@endphp

<div class="col-md-3">
    <label class="form-label">Session Start Year <span class="text-danger">*</span></label>
  
    <select name="session_start_year"
            id="session_start_year"
            class="form-select @error('session_start_year') is-invalid @enderror"
            required>
        <option value="">Select Year</option>
        <!-- @for ($year = $currentYear + 100; $year >= 1000; $year--)
            <option value="{{ $year }}" {{ old('session_start_year') == $year ? 'selected' : '' }}>
                {{ $year }}
            </option>
        @endfor -->
         @for ($year = $currentYear; $year >= $currentYear - 10; $year--) {{-- Show last 10 years --}}
        <option value="{{ $year }}" {{ old('session_start_year') == $year ? 'selected' : '' }}>
            {{ $year }}
        </option>
    @endfor
    </select>
    @error('session_start_year')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

<div class="col-md-3">
    <label class="form-label">Session End Year <span class="text-danger">*</span></label>
    <select name="session_end_year"
            id="session_end_year"
            class="form-select @error('session_end_year') is-invalid @enderror"
            required>
        <option value="">Select Year</option>
             @for ($year = $currentYear; $year >= $currentYear - 10; $year--) {{-- Show last 10 years --}}

            <option value="{{ $year }}" {{ old('session_end_year') == $year ? 'selected' : '' }}>
                {{ $year }}
            </option>
        @endfor
    </select>
    <small class="text-muted">Must be ≥ start year.</small>
    @error('session_end_year')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>


          {{-- Flipbook & Status --}}
          <div class="col-md-3">
            <label class="form-label d-block">Flipbook</label>
            <div class="form-check form-switch">
              <input class="form-check-input" type="checkbox" name="is_flipbook" id="is_flipbook"
                     {{ old('is_flipbook') ? 'checked' : '' }}>
              <label class="form-check-label" for="is_flipbook">Mark as Flipbook</label>
            </div>
            @error('is_flipbook') <div class="text-danger small">{{ $message }}</div> @enderror
          </div>

          <div class="col-md-3">
            <label class="form-label d-block">Status</label>
            <div class="form-check form-switch">
              <input class="form-check-input" type="checkbox" name="status" id="status"
                     {{ old('status', true) ? 'checked' : '' }}>
              <label class="form-check-label" for="status">Active</label>
            </div>
            @error('status') <div class="text-danger small">{{ $message }}</div> @enderror
          </div>

          {{-- Visibility --}}
          <div class="col-md-4">
            <label class="form-label">Visibility <span class="text-danger">*</span></label>
            <select name="visibility"
                    id="visibility"
                    class="form-control @error('visibility') is-invalid @enderror"
                    required>
              <option value="">Select visibility</option>
              <option value="public"  {{ old('visibility') === 'public'  ? 'selected' : '' }}>Public</option>
              <option value="private" {{ old('visibility') === 'private' ? 'selected' : '' }}>Private</option>
            </select>
            @error('visibility') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

          {{-- Schedule (optional) --}}
          <div class="col-md-4">
            <label class="form-label">Start Date & Time</label>
            <input type="datetime-local"
                   name="start_date_time"
                   id="start_date_time"
                   class="form-control @error('start_date_time') is-invalid @enderror"
                   value="{{ old('start_date_time') }}">
            @error('start_date_time') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>

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

        <div class="mt-4 d-flex gap-2">
          <button type="submit" class="btn btn-primary">
            <i class="fas fa-save"></i> Save
          </button>
          <a href="{{ route('admin.showLetterFromPresident') }}" class="btn btn-outline-secondary">
            Cancel
          </a>
        </div>
      </form>
    </div>
  </div>
</div>
@stop

@section('js')
<script>

 
    $(document).ready(function() {
        $('.summernote').summernote({
            height: 300, // Set the height of the editor
            placeholder: 'Enter content here...'
        });
    });


  // Simple client-side validations
  (function() {
    const form = document.getElementById('letterForm');
    const fileInput = document.getElementById('file');
    const startEl = document.getElementById('session_start_year');
    const endEl = document.getElementById('session_end_year');
    const visibilityEl = document.getElementById('visibility');

    form.addEventListener('submit', function(e) {
      // Validate file
      const file = fileInput.files[0];
      if (!file) {
        e.preventDefault();
        alert('Please select a PDF file.');
        return;
      }
      const maxBytes = 20 * 1024 * 1024; // 20MB
      if (file.type !== 'application/pdf') {
        e.preventDefault();
        alert('Only PDF files are allowed.');
        return;
      }
      if (file.size > maxBytes) {
        e.preventDefault();
        alert('PDF may not be greater than 20 MB.');
        return;
      }

      // Validate years
      const s = parseInt(startEl.value, 10);
      const en = parseInt(endEl.value, 10);
      if (isNaN(s) || isNaN(en)) {
        e.preventDefault();
        alert('Please select both session start and end years.');
        return;
      }
      if (en < s) {
        e.preventDefault();
        alert('Session end year must be greater than or equal to start year.');
        return;
      }

      // Validate visibility
      if (!visibilityEl.value) {
        e.preventDefault();
        alert('Please choose a visibility.');
      }
    });
  })();
</script>
@stop