@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    @php
        $studentName = data_get($refundRequest, 'student.full_name')
            ?: trim((data_get($refundRequest, 'student.first_name') ?? '') . ' ' . (data_get($refundRequest, 'student.last_name') ?? ''));
        $courseName = data_get($refundRequest, 'course.course_name_en')
            ?: data_get($refundRequest, 'course.course_name_ar')
            ?: '--';
        $courseStartDate = data_get($refundRequest, 'course.start_date');
        $statusChangedBy = $refundRequest->status_changed_by_name
            ?: $refundRequest->status_changed_by
            ?: '--';
        $hasCourse = filled($courseName) && $courseName !== '--';
        $refundInvoiceAmount = is_numeric($refundRequest->refund_invoice_amount ?? null)
            ? number_format((float) $refundRequest->refund_invoice_amount, 2)
            : '--';
        $packageLevelDeductionAmount = (float) ($refundRequest->package_level_deduction_amount ?? 0);
        $adminBaseAmount = max(0, (float) ($refundRequest->refund_invoice_amount ?? 0) - $packageLevelDeductionAmount);
        $adminExpensesDeduction = ($refundRequest->deduct_admin_expenses && is_numeric($refundRequest->refund_invoice_amount ?? null))
            ? number_format($adminBaseAmount * 0.10, 2)
            : '0.00';
        $packageLevelDeduction = number_format($packageLevelDeductionAmount, 2);
        $refundPackageName = $refundRequest->refund_package_name ?: '--';
        $refundAmount = is_numeric($refundRequest->refund_amount ?? null)
            ? number_format((float) $refundRequest->refund_amount, 2)
            : '--';
        $isCeoApproved = ($context['role'] ?? null) === 'ceo'
            && ($refundRequest->status ?? null) === config('refunds.review_status');
        $isApproved = ($refundRequest->status ?? null) === config('refunds.approved_status')
            || $isCeoApproved;
        $isFinanceReviewRequest = ($refundRequest->status ?? null) === config('refunds.review_status');

        $canActOnRequest = ($refundRequest->status ?? null) === ($context['action_status'] ?? config('refunds.review_status'));
        $canEditCeoReview = ($context['role'] ?? null) === 'ceo' && $canActOnRequest;
        $showFinanceApprovalForm = ($context['role'] ?? null) === 'finance' && $isFinanceReviewRequest;
        $showApprovalActions = $canEditCeoReview || $showFinanceApprovalForm;
        $statusLabel = $isCeoApproved ? 'approved' : ($refundRequest->status ?? '--');
        $statusClass = $isApproved ? 'bg-success text-white' : 'bg-warning text-dark';
    @endphp

    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between gap-3 mb-3">
            <div>
                <div class="d-flex align-items-center gap-2 mb-1">
                    <h4 class="fw-bold mb-0">Refund Request #{{ $refundRequest->id }}</h4>
                    <span class="badge rounded-pill {{ $statusClass }}">{{ $statusLabel }}</span>
                </div>
                <div class="text-muted small">{{ $studentName ?: '--' }} - {{ $hasCourse ? $courseName : 'No course selected' }}</div>
            </div>

            <div class="d-flex flex-wrap align-items-center gap-2">
                @if($showFinanceApprovalForm)
                    <form method="POST" action="{{ route('finance.refund_requests.approve', $refundRequest->id) }}" class="d-inline-flex m-0">
                        @csrf
                        <button type="submit" class="btn btn-success d-inline-flex align-items-center justify-content-center gap-2 px-4">
                            <iconify-icon icon="solar:check-circle-bold" class="text-lg"></iconify-icon>
                            Approve and Roll Back
                        </button>
                    </form>
                @endif
                <x-table-action type="view" :url="route('finance.refund_requests.index')" label="Back" :icon="false" />
            </div>
        </div>

        <div class="row g-3">
            <div class="col-12">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-bottom">
                        <h6 class="fw-bold mb-0">Request Details</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="text-muted small">Student</div>
                                <div class="fw-semibold">{{ $studentName ?: '--' }}</div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-muted small">Course</div>
                                <div class="fw-semibold {{ $hasCourse ? '' : 'text-muted' }}">{{ $hasCourse ? $courseName : 'No course selected' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Type</div>
                                <div class="fw-semibold">{{ $refundRequest->type ?? '--' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Refund Type</div>
                                <div class="fw-semibold {{ $refundRequest->refund_type ? '' : 'text-muted' }}">{{ $refundRequest->refund_type ?: 'Not selected' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Requested At</div>
                                <div class="fw-semibold">{{ optional($refundRequest->created_at)->format('Y-m-d H:i') ?? '--' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Course Start Date</div>
                                <div class="fw-semibold">{{ $courseStartDate ? \Carbon\Carbon::parse($courseStartDate)->format('Y-m-d') : '--' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Refund Invoice Amount</div>
                                <div class="fw-semibold">{{ $refundInvoiceAmount }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Package</div>
                                <div class="fw-semibold">{{ $refundPackageName }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Started Level Deduction</div>
                                <div class="fw-semibold">{{ $packageLevelDeduction }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-muted small">Refund Amount</div>
                                <div class="fw-semibold">{{ $refundAmount }}</div>
                            </div>
                            <div class="col-12">
                                <div class="text-muted small">Description</div>
                                <div class="border rounded p-1 bg-light w-100 text-break overflow-hidden {{ $refundRequest->description ? '' : 'text-muted' }}">{{ $refundRequest->description ?: 'No description' }}</div>
                            </div>
                        </div>
                    </div>
                </div>

                @if($canEditCeoReview)
                    <form
                        id="refund-review-form"
                        method="POST"
                        action="{{ route('finance.refund_requests.approve', $refundRequest->id) }}"
                        class="mt-3"
                    >
                        @csrf
                @endif

                    <div class="card border-0 shadow-sm {{ $canEditCeoReview ? '' : 'mt-3' }}">
                        <div class="card-header bg-white border-bottom">
                            <h6 class="fw-bold mb-0">Review Details</h6>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <div class="text-muted small">Status</div>
                                    <div class="fw-semibold">{{ $refundRequest->status ?? '--' }}</div>
                                </div>
                                <div class="col-md-4">
                                    <div class="text-muted small">Status Changed By</div>
                                    <div class="fw-semibold">{{ $statusChangedBy }}</div>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Refund Type</label>
                                    @if($canEditCeoReview)
                                        <select name="refund_type" class="form-select @error('refund_type') is-invalid @enderror">
                                            <option value="">Select refund type</option>
                                            <option value="full_course_refund" @selected(old('refund_type', $refundRequest->refund_type) === 'full_course_refund')>Full Course Refund</option>
                                            <option value="partial_refund" @selected(old('refund_type', $refundRequest->refund_type) === 'partial_refund')>Partial Refund</option>
                                        </select>
                                        @error('refund_type')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    @else
                                        <div class="fw-semibold {{ $refundRequest->refund_type ? '' : 'text-muted' }}">{{ $refundRequest->refund_type ?: 'Not selected' }}</div>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Deduct Admin Expenses</label>
                                    @if($canEditCeoReview)
                                        <div class="form-check form-switch mt-2">
                                            <input
                                                type="hidden"
                                                name="deduct_administrative_expenses"
                                                value="0"
                                            >
                                            <input
                                                class="form-check-input"
                                                type="checkbox"
                                                role="switch"
                                                name="deduct_administrative_expenses"
                                                value="1"
                                                @checked((bool) old('deduct_administrative_expenses', $refundRequest->deduct_admin_expenses))
                                            >
                                        </div>
                                    @else
                                        <div class="fw-semibold">{{ $refundRequest->deduct_admin_expenses ? 'Yes' : 'No' }}</div>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <div class="text-muted small">Admin Expenses Deduction</div>
                                    <div class="fw-semibold">{{ $adminExpensesDeduction }}</div>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label text-muted small mb-1">Additional Amount</label>
                                    @if($canEditCeoReview)
                                        <input
                                            type="number"
                                            step="0.01"
                                            min="0"
                                            name="additional_refund_amount"
                                            class="form-control @error('additional_refund_amount') is-invalid @enderror"
                                            value="{{ old('additional_refund_amount', $refundRequest->additional_refund_amount ?? 0) }}"
                                        >
                                        @error('additional_refund_amount')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    @else
                                        <div class="fw-semibold">{{ $refundRequest->additional_amount }}</div>
                                    @endif
                                </div>
                                <div class="col-12">
                                    <label class="form-label text-muted small mb-1">Status Note</label>
                                    @if($canEditCeoReview)
                                        <textarea
                                            name="manual_refund_note"
                                            class="form-control @error('manual_refund_note') is-invalid @enderror"
                                            rows="4"
                                            placeholder="{{ $context['note_placeholder'] ?? 'Add review note' }}">{{ old('manual_refund_note', $refundRequest->status_note) }}</textarea>
                                        @error('manual_refund_note')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    @else
                                        <div class="border rounded p-3 bg-light {{ $refundRequest->status_note ? '' : 'text-muted' }}">{{ $refundRequest->status_note ?: 'No status note' }}</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                @if($canEditCeoReview)
                    </form>
                @endif
            </div>

            <div class="col-12">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-bottom">
                        <h6 class="fw-bold mb-0">Audit Trail</h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive scroll-sm">
                            <table class="table bordered-table sm-table mb-0">
                                <thead>
                                    <tr>
                                        <th>From</th>
                                        <th>To</th>
                                        <th>Status Note</th>
                                        <th>Status Changed By</th>
                                        <th>Deduct Admin</th>
                                        <th>Additional</th>
                                        <th>Performed By</th>
                                        <th>At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($refundRequest->histories as $history)
                                        <tr>
                                            <td>{{ $history->from_status ?? '--' }}</td>
                                            <td>{{ $history->to_status }}</td>
                                            <td>{{ $history->status_note ?? '--' }}</td>
                                            <td>{{ $history->status_changed_by_name ?: ($history->status_changed_by ?? '--') }}</td>
                                            <td>{{ $history->deduct_admin_expenses ? 'Yes' : 'No' }}</td>
                                            <td>{{ $history->additional_amount }}</td>
                                            <td>{{ data_get($history, 'performedBy.staff.full_name', data_get($history, 'performedBy.id', $history->performed_by_user_id ?? '--')) }}</td>
                                            <td>{{ optional($history->created_at)->format('Y-m-d H:i') ?? '--' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center text-muted py-3">No audit trail entries yet.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card border-0 shadow-sm overflow-hidden">
                    <div class="card-header bg-white border-bottom d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <div>
                            <h6 class="fw-bold mb-1">{{ $showFinanceApprovalForm ? 'Finance Approval' : ($context['review_heading'] ?? 'Approval') }}</h6>
                            <div class="text-muted small">Refund amount: <span class="fw-semibold text-primary-light">{{ $refundAmount }}</span></div>
                        </div>
                        <span class="badge rounded-pill {{ $canActOnRequest ? 'bg-warning text-dark' : ($isApproved ? 'bg-success text-white' : 'bg-secondary') }}">
                            {{ $statusLabel }}
                        </span>
                    </div>
                    <div class="card-body p-24">
                        @if($showFinanceApprovalForm)
                            <div class="d-flex flex-column flex-xl-row gap-4">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start gap-3 p-3 rounded border bg-success-focus">
                                        <span class="w-44-px h-44-px rounded-circle bg-success-main d-inline-flex align-items-center justify-content-center flex-shrink-0">
                                            <iconify-icon icon="solar:check-circle-bold" class="text-white text-xl"></iconify-icon>
                                        </span>
                                        <div>
                                            <div class="fw-semibold text-primary-light mb-1">{{ $context['ready_title'] ?? 'Ready for approval' }}</div>
                                            <div class="text-secondary-light text-sm">
                                                Invoice {{ $refundInvoiceAmount }} &middot; Admin deduction {{ $adminExpensesDeduction }} &middot; Additional {{ $refundRequest->additional_amount }}
                                                @if($packageLevelDeductionAmount > 0)
                                                    &middot; Started level deduction {{ $packageLevelDeduction }}
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <form method="POST" action="{{ route('finance.refund_requests.approve', $refundRequest->id) }}" class="mt-4">
                                @csrf
                                <div class="mb-3">
                                    <label class="form-label fw-semibold">Finance note</label>
                                    <textarea
                                        name="manual_refund_note"
                                        class="form-control @error('manual_refund_note') is-invalid @enderror"
                                        rows="4"
                                        placeholder="Add finance note">{{ old('manual_refund_note') }}</textarea>
                                    @error('manual_refund_note')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="d-flex flex-wrap align-items-center justify-content-end gap-2">
                                    <x-table-action type="view" :url="route('finance.refund_requests.index')" label="Cancel" :icon="false" />
                                    <button
                                        type="submit"
                                        formaction="{{ route('finance.refund_requests.reject', $refundRequest->id) }}"
                                        class="btn btn-outline-danger d-inline-flex align-items-center justify-content-center gap-2 px-4"
                                    >
                                        <iconify-icon icon="solar:close-circle-bold" class="text-lg"></iconify-icon>
                                        Reject Request
                                    </button>
                                    <button type="submit" class="btn btn-success d-inline-flex align-items-center justify-content-center gap-2 px-4">
                                        <iconify-icon icon="solar:check-circle-bold" class="text-lg"></iconify-icon>
                                        Approve and Roll Back
                                    </button>
                                </div>
                            </form>
                        @elseif($canEditCeoReview)
                            <div class="d-flex flex-column flex-xl-row gap-4">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start gap-3 p-3 rounded border bg-success-focus">
                                        <span class="w-44-px h-44-px rounded-circle bg-success-main d-inline-flex align-items-center justify-content-center flex-shrink-0">
                                            <iconify-icon icon="solar:check-circle-bold" class="text-white text-xl"></iconify-icon>
                                        </span>
                                        <div>
                                            <div class="fw-semibold text-primary-light mb-1">{{ $context['ready_title'] ?? 'Ready for approval' }}</div>
                                            <div class="text-secondary-light text-sm">
                                                Invoice {{ $refundInvoiceAmount }} &middot; Admin deduction {{ $adminExpensesDeduction }} &middot; Additional {{ $refundRequest->additional_amount }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex flex-wrap align-items-center justify-content-end gap-2 mt-4">
                                <x-table-action type="view" :url="route('finance.refund_requests.index')" label="Cancel" :icon="false" />
                                <button
                                    type="submit"
                                    form="refund-review-form"
                                    formaction="{{ route('finance.refund_requests.reject', $refundRequest->id) }}"
                                    class="btn btn-outline-danger d-inline-flex align-items-center justify-content-center gap-2 px-4"
                                >
                                    <iconify-icon icon="solar:close-circle-bold" class="text-lg"></iconify-icon>
                                    {{ $context['reject_button_label'] ?? 'Reject' }}
                                </button>
                                <button
                                    type="submit"
                                    form="refund-review-form"
                                    class="btn btn-success d-inline-flex align-items-center justify-content-center gap-2 px-4"
                                >
                                    <iconify-icon icon="solar:check-circle-bold" class="text-lg"></iconify-icon>
                                    {{ $context['button_label'] ?? 'Approve' }}
                                </button>
                            </div>
                        @else
                            <div class="d-flex align-items-start gap-3 p-3 rounded border bg-light">
                                <span class="w-44-px h-44-px rounded-circle {{ $isApproved ? 'bg-success-main' : 'bg-secondary' }} d-inline-flex align-items-center justify-content-center flex-shrink-0">
                                    <iconify-icon icon="{{ $isApproved ? 'solar:check-circle-bold' : 'solar:info-circle-bold' }}" class="text-white text-xl"></iconify-icon>
                                </span>
                                <div>
                                    <div class="fw-semibold text-primary-light mb-1">{{ $isApproved ? 'Approved refund request' : 'Review action closed' }}</div>
                                    <div class="text-secondary-light text-sm">{{ $isApproved ? 'This request is visible for CEO and finance manager review.' : 'This request is no longer waiting for your approval.' }}</div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection