@extends('layouts.apps')
@section('title', 'Leader - Africa Inland Church Tanzania(AICT)')
@section('title',$leader->full_name.' — Department Leader')

@section('content')
<div class="container py-5">
  <div class="row">
    {{-- Left: Photo + Bio --}}
    <div class="col-md-4">
      <div class="thumbnail">
        <img
          src="{{ asset('storage/'.$leader->photo) }}"
          alt="{{ $leader->full_name }}"
          class="img-responsive"
        >
      </div>
      <hr>
      <h4>Biography</h4>
      <p>{{ $leader->biography ?? 'No biography provided.' }}</p>
    </div>

    {{-- Center: Details --}}
    <div class="col-md-6">
      <h2>{{ $leader->full_name }}</h2>
      <p><strong>Position:</strong> {{ $leader->position }}</p>
      <p><strong>Head of Department:</strong> {{ $leader->is_director ? 'Yes':'No' }}</p>
      <p><strong>Department:</strong> {{ $leader->department->name }}</p>
      <p><strong>Diocese:</strong> {{ $leader->diocese->name }}</p>
      <p><strong>Pastorate:</strong> {{ $leader->pastorate->name }}</p>
      <p><strong>Local Church:</strong> {{ $leader->Church->name }}</p>
      <p><strong>Date of Birth:</strong> {{ \Carbon\Carbon::parse($leader->dob)->format('d/m/Y') }}</p>
      <p><strong>Started Leadership:</strong> {{ $leader->start_year }}</p>
      @if($leader->married_to)
        <p><strong>Married to:</strong> {{ $leader->married_to }}</p>
      @endif
    </div>

    {{-- Right: 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