@extends('layout.layout')

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

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="d-flex flex-column gap-4">
                <x-page-title
                    title="Escalation Request"
                    description="Review request details, notes, attachments, assignment, and status."
                >
                    <a href="{{ route('escalation-requests.index') }}" class="asset-btn asset-btn--secondary">Back</a>
                    @if ($canManage)
                        <a href="{{ route('escalation-requests.edit', $escalationRequest) }}" class="asset-btn asset-btn--primary">Edit</a>
                    @endif
                </x-page-title>

                <div class="ui-card">
                    <div class="ui-card__header">
                        <div>
                            <h6 class="mb-0 ui-title">{{ $escalationRequest->title }}</h6>
                            <p class="mb-0 ui-muted">Created {{ $escalationRequest->created_at?->format('Y-m-d H:i') }}</p>
                        </div>
                        <span class="badge bg-secondary">{{ $escalationRequest->status?->label() }}</span>
                    </div>

                    <div class="p-3 p-md-4">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <div class="ui-muted small">From Department</div>
                                <div class="fw-semibold">{{ $escalationRequest->fromDepartment?->name ?? 'N/A' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">To Department</div>
                                <div class="fw-semibold">{{ $escalationRequest->toDepartment?->name ?? 'N/A' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">Assigned To</div>
                                <div class="fw-semibold">{{ $escalationRequest->assignedTo?->full_name ?: 'Unassigned' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">Linked Request</div>
                                @if ($escalationRequest->studentRequest)
                                    @php
                                        $studentName = $escalationRequest->studentRequest->student?->full_name
                                            ?: trim(($escalationRequest->studentRequest->student?->first_name ?? '').' '.($escalationRequest->studentRequest->student?->last_name ?? ''));
                                        $studentRequestTitle = $escalationRequest->studentRequest->subject ?: 'No subject';
                                    @endphp
                                    <div class="fw-semibold">Student Request</div>
                                    <div class="fw-semibold">
                                        <a
                                            href="{{ $academicStudentRequestsUrl.'/'.$escalationRequest->studentRequest->id }}"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                        >
                                            #{{ $escalationRequest->studentRequest->id }}
                                        </a>
                                    </div>
                                    <div class="ui-muted small">{{ $studentName ?: 'Student #'.$escalationRequest->studentRequest->created_by }}</div>
                                    <div class="ui-muted small">{{ $studentRequestTitle }}</div>
                                @elseif ($escalationRequest->hrRequest)
                                    @php
                                        $hrCreatorName = $escalationRequest->hrRequest->creator?->full_name
                                            ?: trim(($escalationRequest->hrRequest->creator?->first_name ?? '').' '.($escalationRequest->hrRequest->creator?->last_name ?? ''));
                                        $hrTitle = $escalationRequest->hrRequest->requestType?->name ?: 'Staff Request #'.$escalationRequest->hrRequest->id;
                                    @endphp
                                    <div class="fw-semibold">Staff Request</div>
                                    <div class="fw-semibold">
                                        <a
                                            href="{{ $hrRequestsUrl.'/'.$escalationRequest->hrRequest->id }}"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                        >
                                            #{{ $escalationRequest->hrRequest->id }}
                                        </a>
                                        - {{ $hrTitle }}
                                    </div>
                                    <div class="ui-muted small">
                                        {{ $escalationRequest->hrRequest->department?->name ?? 'No department' }}
                                        @if ($hrCreatorName)
                                            - {{ $hrCreatorName }}
                                        @endif
                                    </div>
                                    <div class="ui-muted small">{{ ucfirst($escalationRequest->hrRequest->status ?? 'pending') }}</div>
                                    @if ($escalationRequest->hrRequest->details)
                                        <div class="ui-muted small mt-1">{{ $escalationRequest->hrRequest->details }}</div>
                                    @endif
                                @else
                                    <div class="fw-semibold">Not linked</div>
                                @endif
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">Created By</div>
                                <div class="fw-semibold">{{ $escalationRequest->creator?->full_name ?: 'N/A' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">Updated By</div>
                                <div class="fw-semibold">{{ $escalationRequest->updater?->full_name ?: 'N/A' }}</div>
                            </div>
                            <div class="col-md-4">
                                <div class="ui-muted small">Last Updated</div>
                                <div class="fw-semibold">{{ $escalationRequest->updated_at?->format('Y-m-d H:i') }}</div>
                            </div>
                            <div class="col-12">
                                <div class="ui-muted small">Description</div>
                                <div class="mt-1">{{ $escalationRequest->description }}</div>
                            </div>
                        </div>
                    </div>
                </div>

                @if ($canManage || $canUpdateStatus)
                    <div class="row g-4">
                        @if ($canManage)
                            <div class="col-lg-6">
                                <div class="ui-card h-100">
                                    <div class="ui-card__header">
                                        <div>
                                            <h6 class="mb-0 ui-title">Assignment</h6>
                                            <p class="mb-0 ui-muted">Assign this request to staff in the receiver department.</p>
                                        </div>
                                    </div>
                                    <div class="p-3 p-md-4">
                                        <form action="{{ route('escalation-requests.assign', $escalationRequest) }}" method="POST">
                                            @csrf
                                            <label class="form-label" for="assigned_to">Assigned To</label>
                                            <select id="assigned_to" name="assigned_to" class="form-select general-select border border-2 border-secondary-subtle" required>
                                                <option value="">Select staff</option>
                                                @foreach ($receiverStaff as $member)
                                                    <option value="{{ $member->id }}" @selected((string) old('assigned_to', $escalationRequest->assigned_to) === (string) $member->id)>
                                                        {{ $member->full_name ?: trim($member->first_name.' '.$member->last_name) ?: 'Staff #'.$member->id }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('assigned_to') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                            <div class="d-flex justify-content-end mt-3">
                                                <button type="submit" class="asset-btn asset-btn--primary">Assign</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if ($canUpdateStatus)
                            <div class="col-lg-6">
                                <div class="ui-card h-100">
                                    <div class="ui-card__header">
                                        <div>
                                            <h6 class="mb-0 ui-title">Status</h6>
                                            <p class="mb-0 ui-muted">Update the current workflow status.</p>
                                        </div>
                                    </div>
                                    <div class="p-3 p-md-4">
                                        <form action="{{ route('escalation-requests.status', $escalationRequest) }}" method="POST">
                                            @csrf
                                            <label class="form-label" for="status">Status</label>
                                            <select id="status" name="status" class="form-select general-select border border-2 border-secondary-subtle" required>
                                                @foreach ($statuses as $value => $label)
                                                    <option value="{{ $value }}" @selected(old('status', $escalationRequest->status?->value) === $value)>{{ $label }}</option>
                                                @endforeach
                                            </select>
                                            @error('status') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                            <label class="form-label mt-3" for="status_note">Status Update Note</label>
                                            <textarea id="status_note" name="status_note" rows="3" class="form-control border border-2 border-secondary-subtle" required>{{ old('status_note') }}</textarea>
                                            @error('status_note') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                            <div class="d-flex justify-content-end mt-3">
                                                <button type="submit" class="asset-btn asset-btn--primary">Update Status</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                @endif

                <div class="ui-card">
                    <div class="ui-card__header">
                        <div>
                            <h6 class="mb-0 ui-title">Attachments</h6>
                            <p class="mb-0 ui-muted">Files uploaded for this request.</p>
                        </div>
                    </div>
                    <div class="p-3 p-md-4">
                        @forelse ($escalationRequest->attachments as $attachment)
                            <div class="d-flex flex-wrap justify-content-between gap-2 border-bottom py-2">
                                <div>
                                    <a href="{{ asset('storage/'.$attachment->file_path) }}" target="_blank" class="fw-semibold">
                                        {{ $attachment->file_name }}
                                    </a>
                                    <div class="ui-muted small">
                                        {{ $attachment->file_type ?: 'File' }}
                                        @if ($attachment->file_size)
                                            - {{ number_format($attachment->file_size / 1024, 1) }} KB
                                        @endif
                                    </div>
                                </div>
                                <div class="ui-muted small">
                                    {{ $attachment->uploadedBy?->full_name ?: 'N/A' }}
                                    {{ $attachment->created_at?->format('Y-m-d H:i') }}
                                </div>
                            </div>
                        @empty
                            <div class="text-muted">No attachments uploaded.</div>
                        @endforelse
                    </div>
                </div>

                <div class="ui-card">
                    <div class="ui-card__header">
                        <div>
                            <h6 class="mb-0 ui-title">Workflow & Tracking</h6>
                            <p class="mb-0 ui-muted">Status and assignment activity for this escalation request.</p>
                        </div>
                    </div>
                    <div class="p-3 p-md-4">
                        @forelse ($escalationRequest->histories as $history)
                            <div class="border-bottom py-3">
                                <div class="d-flex flex-wrap justify-content-between gap-2">
                                    <div class="fw-semibold">
                                        {{ \Illuminate\Support\Str::headline($history->action) }}
                                        @if ($history->from_status || $history->to_status)
                                            <span class="ui-muted">
                                                {{ $history->from_status ? \Illuminate\Support\Str::headline($history->from_status) : 'None' }}
                                                to
                                                {{ $history->to_status ? \Illuminate\Support\Str::headline($history->to_status) : 'None' }}
                                            </span>
                                        @endif
                                    </div>
                                    <div class="ui-muted small">{{ $history->created_at?->format('Y-m-d H:i') }}</div>
                                </div>
                                <div class="ui-muted small mt-1">By {{ $history->staff?->full_name ?: 'N/A' }}</div>
                                @if ($history->note)
                                    <div class="mt-2">{{ $history->note }}</div>
                                @endif
                            </div>
                        @empty
                            <div class="text-muted">No workflow updates recorded yet.</div>
                        @endforelse
                    </div>
                </div>

                <div class="ui-card">
                    <div class="ui-card__header">
                        <div>
                            <h6 class="mb-0 ui-title">Notes</h6>
                            <p class="mb-0 ui-muted">Request discussion and tracking notes.</p>
                        </div>
                    </div>
                    <div class="p-3 p-md-4">
                        @if ($canAddNote)
                            <form action="{{ route('escalation-requests.notes', $escalationRequest) }}" method="POST" class="mb-4">
                                @csrf
                                <label class="form-label" for="content">Add Note</label>
                                <textarea id="content" name="content" rows="3" class="form-control border border-2 border-secondary-subtle" required>{{ old('content') }}</textarea>
                                @error('content') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                @if ($escalationRequest->student_request_id)
                                    <div class="mt-3">
                                        <label class="form-check-label d-flex align-items-center gap-2">
                                            <input
                                                type="checkbox"
                                                name="show_to_student"
                                                value="1"
                                                class="form-check-input"
                                                @checked(old('show_to_student'))
                                            >
                                            <span>Visible to student</span>
                                        </label>
                                        @error('show_to_student') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                    </div>
                                @endif
                                <div class="d-flex justify-content-end mt-3">
                                    <button type="submit" class="asset-btn asset-btn--primary">Add Note</button>
                                </div>
                            </form>
                        @endif

                        @forelse ($escalationRequest->notes as $note)
                            <div class="border-bottom py-3">
                                <div class="d-flex flex-wrap justify-content-between gap-2">
                                    <div class="d-flex flex-wrap gap-2 align-items-center">
                                        <div class="fw-semibold">{{ $note->staff?->full_name ?: 'N/A' }}</div>
                                        @if ($note->show_to_student)
                                            <span class="badge bg-primary">Visible to student</span>
                                        @endif
                                    </div>
                                    <div class="ui-muted small">{{ $note->created_at?->format('Y-m-d H:i') }}</div>
                                </div>
                                <div class="mt-2">{{ $note->content }}</div>
                            </div>
                        @empty
                            <div class="text-muted">No notes yet.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection