{{-- resources/views/frontend/secretaries/show.blade.php --}}
@extends('layouts.apps')
@section('title', 'Secretary - Africa Inland Church Tanzania(AICT)')
@section('title', $secretary->full_name . ' — Secretary')

@section('content')
<div class="container py-5">
  <div class="row">
    {{-- Photo & Bio --}}
    <div class="col-md-4">
      <div class="thumbnail">
        @if($secretary->photo)
          <img
            src="{{ asset('storage/' . $secretary->photo) }}"
            alt="{{ $secretary->full_name }}"
            class="img-responsive"
          >
        @else
          <div class="text-center text-muted p-5">
            No photo available
          </div>
        @endif
      </div>
      <hr>
      <h4>Biography</h4>
      <p>{!! nl2br(e($secretary->biography ?? 'No biography provided.')) !!}</p>
    </div>

    {{-- Details --}}
    <div class="col-md-6">
      <h2>{{ $secretary->full_name }}</h2>
      <p>
        <strong>Position:</strong>
        {{ optional($secretary->position)->name ?? 'N/A' }}
      </p>
      <p>
        <strong>Diocese:</strong>
        {{ optional($secretary->diocese)->name ?? 'N/A' }}
      </p>
      <p>
        <strong>Date of Birth:</strong>
        {{ $secretary->dob
            ? \Carbon\Carbon::parse($secretary->dob)->format('d/m/Y')
            : 'N/A' }}
      </p>
      @if($secretary->married_to)
        <p><strong>Married to:</strong> {{ $secretary->married_to }}</p>
      @endif
      <p>
        <strong>Started:</strong>
        {{ $secretary->start_year ?? 'N/A' }}
      </p>
    </div>

    {{-- Quick Links --}}
    <div class="col-md-2">
      <h4>Quick Links</h4>
      <ul class="list-unstyled">
        <li><a href="{{ route('frontend.show-bishop') }}">Bishops</a></li>
        <li><a href="{{ route('frontend.show-pastor') }}">Pastors</a></li>
        <li><a href="{{ route('frontend.department-leaders.index') }}">Department Leaders</a></li>
      </ul>
    </div>
  </div>
</div>
@endsection