@extends('layouts.app')

@section('content')
<div class="container py-4">
  <h4 class="mb-4">Add Secretary</h4>

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

  @if ($errors->any())
    <div class="alert alert-danger">
      <ul class="mb-0">
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <form action="{{ route('leaders.secretaries.storeSecretary') }}" method="POST" enctype="multipart/form-data">
    @csrf

    <div class="form-check mb-3">
      <input class="form-check-input" type="checkbox" name="is_pastor" id="isPastor" {{ old('is_pastor') ? 'checked' : '' }}>
      <label class="form-check-label" for="isPastor">Is Secretary Pastor?</label>
    </div>

    <div class="mb-3">
      <label class="form-label">Full Names*</label>
      <input type="text" name="full_name" class="form-control" value="{{ old('full_name') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Profile Picture</label>
      <input type="file" name="photo" class="form-control">
    </div>

    <div class="mb-3">
      <label class="form-label">Diocese*</label>
      <select name="diocese_id" class="form-select" required>
        <option value="">Select Diocese…</option>
        @foreach($dioceses as $dio)
          <option value="{{ $dio->id }}" {{ old('diocese_id')==$dio->id?'selected':'' }}>
            {{ $dio->name }}
          </option>
        @endforeach
      </select>
    </div>

    <div class="mb-3">
      <label class="form-label">Position*</label>
      <select name="position_id" class="form-select" required>
        <option value="">Select Position…</option>
        @foreach($positions as $pos)
          <option value="{{ $pos->id }}" {{ old('position_id')==$pos->id?'selected':'' }}>
            {{ $pos->position }}
          </option>
        @endforeach
      </select>
    </div>

    <div class="mb-3">
      <label class="form-label">Married To</label>
      <input type="text" name="married_to" class="form-control" value="{{ old('married_to') }}">
    </div>

    <div class="mb-3">
      <label class="form-label">Date of Birth*</label>
      <input type="date" name="dob" class="form-control" value="{{ old('dob') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Year when Pastorship was started*</label>
      <input type="number" name="start_year" class="form-control"
             min="1900" max="{{ now()->year }}"
             value="{{ old('start_year') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Biography</label>
      <textarea name="biography" class="form-control" rows="5">{{ old('biography') }}</textarea>
    </div>

    <button type="submit" class="btn btn-success">Submit</button>
  </form>
</div>
@endsection