@extends('layouts.app')

@section('content')
<div class="container py-4">
    {{-- Header with “Add Pastor” --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="fw-bold">All Pastors</h4>
        <a href="{{ route('leaders.pastors.create') }}" class="btn btn-primary">
            + Add Pastor
        </a>
    </div>

    {{-- Pastors Table --}}
    <div class="card shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Full Names</th>
                            <th>DOB</th>
                            <th>Start Date</th>
                            <th>Church</th>
                            <th>Position</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pastors as $pastor)
                        <tr>
                            <td>{{ $pastor->full_name }}</td>
                            <td>{{ \Carbon\Carbon::parse($pastor->dob)->format('d/m/Y') }}</td>
                            <td>{{ $pastor->start_date ? \Carbon\Carbon::parse($pastor->start_date)->format('d/m/Y') : '--' }}</td>
                            <td>{{ $pastor->church->name ?? '--' }}</td>
                            <td>{{ $pastor->position }}</td>
                            <td>
                                {{-- Remove --}}
                                <form
                                    action="{{ route('leaders.pastors.destroy', $pastor->id) }}"
                                    method="POST"
                                    class="d-inline"
                                >
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger">Remove</button>
                                </form>

                                {{-- Edit --}}
                                <a
                                    href="{{ route('leaders.pastors.edit', $pastor->id) }}"
                                    class="btn btn-sm btn-warning text-white"
                                >
                                    Edit
                                </a>

                                {{-- Photos --}}
                                <a
                                    href="{{ route('leaders.pastors.photos', $pastor->id) }}"
                                    class="btn btn-sm btn-info"
                                >
                                    Photos
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- Pagination --}}
            <div class="p-3">
                {{ $pastors->links() }}
            </div>
        </div>
    </div>
</div>
@endsection