@extends('layouts.app')

@section('title', 'Leave Request')
@section('header', 'Leave Request')
@section('subheader', $leaveRequest->employee?->full_name)

@section('content')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card table-wrapper">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <h2 class="h5 mb-0">{{ $leaveRequest->leaveType?->name }}</h2>
                        <x-status-badge :status="$leaveRequest->status" />
                    </div>
                    <dl class="row mb-0">
                        <dt class="col-sm-3">Employee</dt>
                        <dd class="col-sm-9">{{ $leaveRequest->employee?->full_name }}</dd>
                        <dt class="col-sm-3">Duration</dt>
                        <dd class="col-sm-9">
                            {{ $leaveRequest->start_date->format('M d, Y') }} –
                            {{ $leaveRequest->end_date->format('M d, Y') }}
                            <span class="text-muted">({{ $leaveRequest->days }} day(s))</span>
                        </dd>
                        <dt class="col-sm-3">Reason</dt>
                        <dd class="col-sm-9">{{ $leaveRequest->reason }}</dd>
                    </dl>
                </div>
            </div>

            <div class="card table-wrapper mt-4">
                <div class="card-body">
                    <h2 class="h6 text-muted text-uppercase mb-3">Approval Workflow</h2>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item px-0 d-flex justify-content-between">
                            <span><i class="bi bi-1-circle me-2"></i>Manager Approval</span>
                            <span>
                                @if ($leaveRequest->manager_reviewed_at)
                                    <span class="text-muted small">{{ $leaveRequest->managerReviewer?->name }} · {{ $leaveRequest->manager_reviewed_at->format('M d, H:i') }}</span>
                                    @if ($leaveRequest->status === \App\Models\LeaveRequest::STATUS_REJECTED && ! $leaveRequest->hr_reviewed_at)
                                        <span class="badge text-bg-danger ms-2">Rejected</span>
                                    @else
                                        <span class="badge text-bg-success ms-2">Approved</span>
                                    @endif
                                @elseif ($leaveRequest->isPending())
                                    <span class="badge text-bg-warning">Pending</span>
                                @else
                                    <span class="text-muted small">—</span>
                                @endif
                            </span>
                        </li>
                        <li class="list-group-item px-0 d-flex justify-content-between">
                            <span><i class="bi bi-2-circle me-2"></i>HR Approval</span>
                            <span>
                                @if ($leaveRequest->hr_reviewed_at)
                                    <span class="text-muted small">{{ $leaveRequest->hrReviewer?->name }} · {{ $leaveRequest->hr_reviewed_at->format('M d, H:i') }}</span>
                                    <span class="badge text-bg-{{ $leaveRequest->status === \App\Models\LeaveRequest::STATUS_APPROVED ? 'success' : 'danger' }} ms-2">
                                        {{ $leaveRequest->status === \App\Models\LeaveRequest::STATUS_APPROVED ? 'Approved' : 'Rejected' }}
                                    </span>
                                @elseif ($leaveRequest->isAwaitingHr())
                                    <span class="badge text-bg-warning">Pending</span>
                                @else
                                    <span class="text-muted small">—</span>
                                @endif
                            </span>
                        </li>
                    </ul>
                    @if ($leaveRequest->manager_comment)
                        <p class="small text-muted mb-1 mt-3"><strong>Manager:</strong> {{ $leaveRequest->manager_comment }}</p>
                    @endif
                    @if ($leaveRequest->hr_comment)
                        <p class="small text-muted mb-0"><strong>HR:</strong> {{ $leaveRequest->hr_comment }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            @can('review', $leaveRequest)
                <div class="card stat-card">
                    <div class="card-body">
                        <h2 class="h6 mb-1">{{ $leaveRequest->isPending() ? 'Manager Review' : 'HR Review' }}</h2>
                        <p class="text-muted small">{{ $leaveRequest->isPending() ? 'Approving forwards this to HR for final approval.' : 'Approving grants the leave and deducts the balance.' }}</p>
                        <form method="POST" action="{{ route('leave-requests.review', $leaveRequest) }}">
                            @csrf
                            @method('PATCH')
                            <div class="mb-3">
                                <label for="review_comment" class="form-label">Comment</label>
                                <textarea id="review_comment" name="review_comment" rows="3"
                                    class="form-control @error('review_comment') is-invalid @enderror">{{ old('review_comment') }}</textarea>
                                @error('review_comment')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="d-grid gap-2">
                                <button type="submit" name="status" value="approved" class="btn btn-success">
                                    <i class="bi bi-check-lg me-1"></i>Approve
                                </button>
                                <button type="submit" name="status" value="rejected" class="btn btn-outline-danger">
                                    <i class="bi bi-x-lg me-1"></i>Reject
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            @endcan

            <a href="{{ route('leave-requests.index') }}" class="btn btn-link mt-3">&larr; Back to list</a>
        </div>
    </div>
@endsection