@extends('admin.layout.app')
@section('title', __('front.volunteer_lecturer_details'))

@section('body')
<section class="pt-5">
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-md-6">
                <h4 class="fw-bold mb-0">{{ __('front.volunteer_lecturer_details') }}</h4>
                <p class="text-muted mb-0">Application ID: #{{ $volunteer->id }}</p>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="{{ route('volunteers.index') }}" class="btn btn-outline-secondary btn-rounded">
                    <i class="fas fa-arrow-left me-2"></i> {{ __('front.back_to_list') }}
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8">
                <div class="card mb-4">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">Applicant Information</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.full_name') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->name ?? '-' }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.email_address') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->email ?? '-' }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.phone_number') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->phone ?? '-' }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">Application Type</label>
                                <p class="mb-0">
                                    <span class="badge {{ ($volunteer->application_type ?? 'lecturer') === 'staff' ? 'bg-success' : 'bg-info' }} rounded-pill">
                                        {{ ucfirst($volunteer->application_type ?? 'lecturer') }}
                                    </span>
                                </p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">Role / Field</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->desired_position ?? $volunteer->field_of_study ?? $volunteer->subject ?? ($volunteer->speciality ?? '-') }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.experience_years') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->experience_years ?? '-' }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.education_degree') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->education_degree ?? '-' }}</p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.university') }}</label>
                                <p class="mb-0 fw-bold">{{ $volunteer->university ?? '-' }}</p>
                            </div>

                            @if($volunteer->address)
                                <div class="col-12 mb-3">
                                    <label class="form-label text-muted small mb-1">{{ __('front.current_address') }}</label>
                                    <div class="card bg-light">
                                        <div class="card-body">
                                            <p class="mb-0" style="white-space:pre-wrap">{{ $volunteer->address }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if($volunteer->skills)
                                <div class="col-12 mb-3">
                                    <label class="form-label text-muted small mb-1">Relevant Skills</label>
                                    <div class="card bg-light">
                                        <div class="card-body">
                                            <p class="mb-0" style="white-space:pre-wrap">{{ $volunteer->skills }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <div class="col-md-6 mb-3">
                                <label class="form-label text-muted small mb-1">{{ __('front.applied_on') }}</label>
                                <p class="mb-0">
                                    {{ $volunteer->created_at?->format('F d, Y') }}<br>
                                    <small class="text-muted">{{ $volunteer->created_at?->format('h:i A') }}</small>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                @include('online-form._attachments', ['model' => $volunteer])
            </div>

            <div class="col-lg-4">
                <div class="card">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">{{ __('front.actions') }}</h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('volunteers.status', $volunteer->id) }}" class="mb-3">
                            @csrf @method('PATCH')
                            <input type="hidden" name="status" value="approved">
                            <label class="form-label">Approval note</label>
                            <input type="text" name="status_note" class="form-control mb-2" placeholder="Optional email note">
                            <button class="btn btn-success w-100"><i class="fas fa-check me-1"></i> Accept + Email</button>
                        </form>

                        <form method="POST" action="{{ route('volunteers.status', $volunteer->id) }}" class="mb-3">
                            @csrf @method('PATCH')
                            <input type="hidden" name="status" value="rejected">
                            <label class="form-label">Rejection note</label>
                            <input type="text" name="status_note" class="form-control mb-2" placeholder="Rejection reason">
                            <button class="btn btn-warning w-100"><i class="fas fa-times me-1"></i> Reject + Email</button>
                        </form>

                        <form method="POST" action="{{ route('volunteers.destroy', $volunteer->id) }}" onsubmit="return confirm('{{ __('front.are_you_sure_you_want_to_delete_this_volunteer_applicat') }}')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger w-100">
                                <i class="fas fa-trash me-2"></i> {{ __('front.delete_application') }}
                            </button>
                        </form>
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">{{ __('front.application_summary') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="list-group list-group-flush">
                            <div class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                                <span class="text-muted">{{ __('front.application_id') }}</span>
                                <span class="fw-bold">#{{ $volunteer->id }}</span>
                            </div>
                            <div class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                                <span class="text-muted">Register No</span>
                                <span class="fw-bold">{{ $volunteer->register_no }}</span>
                            </div>
                            <div class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                                <span class="text-muted">Type</span>
                                <span class="fw-bold">{{ ucfirst($volunteer->application_type ?? 'lecturer') }}</span>
                            </div>
                            <div class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                                <span class="text-muted">{{ __('front.status') }}</span>
                                <span class="badge bg-warning rounded-pill">{{ ucfirst($volunteer->status ?? 'pending') }}</span>
                            </div>
                            <div class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                                <span class="text-muted">{{ __('front.date') }}</span>
                                <span class="fw-bold">{{ $volunteer->created_at?->format('M d, Y') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection