@extends('adminlte::page')

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

@section('content_header')
    <h1>Edit 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">Edit</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 action="{{ route('admin.updateLetterFromPresident', $letter->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <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"
                   name="file"
                   accept="application/pdf"
                   class="form-control @error('file') is-invalid @enderror">
            <small class="text-muted">Leave empty to keep the current file. Only PDF, max 20MB.</small>
            @if($letter->file_path)
              <div class="mt-2">
                <a href="{{ asset('storage/'.$letter->file_path) }}" target="_blank" class="btn btn-sm btn-outline-info">
                  View Current File
                </a>
              </div>
            @endif
            @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', $letter->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', $letter->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', $letter->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 + 100; $year >= 1000; $year--)
                      <option value="{{ $year }}"
                          {{ old('session_end_year', $letter->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 type="hidden" name="is_flipbook" value="0">
              <input class="form-check-input" type="checkbox" name="is_flipbook" id="is_flipbook" value="1"
                     {{ old('is_flipbook', $letter->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 type="hidden" name="status" value="0">
              <input class="form-check-input" type="checkbox" name="status" id="status" value="1"
                     {{ old('status', $letter->status) ? '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', $letter->visibility) === 'public'  ? 'selected' : '' }}>Public</option>
              <option value="private" {{ old('visibility', $letter->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', $letter->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', $letter->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> Update
          </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,
            placeholder: 'Enter content here...'
        });
    });
</script>
@stop