@extends('layouts/contentNavbarLayout')

@section('title', 'Delete Request Details')

@section('content')
<div class="container-fluid">
    <nav aria-label="breadcrumb" class="mb-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('employee-delete-requests.index') }}">Delete Requests</a></li>
            <li class="breadcrumb-item active">Request #{{ $deleteRequest->id }}</li>
        </ol>
    </nav>
    <!-- Header Section -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="mb-1 fw-bold text-primary">
                        <i class="mdi mdi-account-remove-outline me-2"></i>Delete Request Details
                    </h1>
                </div>
                <div>
                    @if($deleteRequest->status === 'pending')
                    <a href="{{ route('employee-delete-requests.edit', $deleteRequest->id) }}" class="btn btn-primary">
                        <i class="mdi mdi-pencil-outline me-1"></i>Review Request
                    </a>
                    @endif
                    <a href="{{ route('employee-delete-requests.index') }}" class="btn btn-outline-secondary">
                        <i class="mdi mdi-arrow-left me-1"></i>Back to List
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Request Details -->
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Request Information</h5>
                        @php
                            $statusClasses = [
                                'pending' => 'bg-warning',
                                'accepted' => 'bg-success',
                                'refused' => 'bg-danger'
                            ];
                        @endphp
                        <span class="badge {{ $statusClasses[$deleteRequest->status] ?? 'bg-secondary' }} fs-6">
                            {{ ucfirst($deleteRequest->status) }}
                        </span>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h6 class="text-muted mb-1">Employee</h6>
                            <div class="d-flex align-items-center mb-3">
                                <div class="avatar avatar-md me-3">
                                    <span class="avatar-initial rounded-circle bg-label-primary fs-4">
                                        {{ strtoupper(substr($deleteRequest->employee->name ?? 'N', 0, 1)) }}
                                    </span>
                                </div>
                                <div>
                                    <h6 class="mb-0">{{ $deleteRequest->employee->name ?? 'N/A' }}</h6>
                                    <small class="text-muted">{{ $deleteRequest->employee->email ?? 'N/A' }}</small>
                                    @if($deleteRequest->employee->phone)
                                        <br><small class="text-muted">{{ $deleteRequest->employee->phone }}</small>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h6 class="text-muted mb-1">Requested</h6>
                            <p class="mb-0">{{ $deleteRequest->created_at->format('F d, Y \a\t h:i A') }}</p>
                            <small class="text-muted">{{ $deleteRequest->created_at->diffForHumans() }}</small>
                        </div>
                    </div>

                    <div class="mb-4">
                        <h6 class="text-muted mb-2">Company</h6>
                        <h5 class="mb-0">{{ $deleteRequest->employee->company->name ?? 'N/A' }}</h5>
                    </div>

                    @if($deleteRequest->employee->department)
                    <div class="mb-4">
                        <h6 class="text-muted mb-2">Department</h6>
                        <p class="mb-0">{{ $deleteRequest->employee->department->name ?? 'N/A' }}</p>
                    </div>
                    @endif

                    <div class="mb-4">
                        <h6 class="text-muted mb-2">Reason for Deletion</h6>
                        <div class="bg-light p-3 rounded">
                            <p class="mb-0 text-danger" style="white-space: pre-wrap;">{{ $deleteRequest->reason }}</p>
                        </div>
                    </div>

                    @if($deleteRequest->admin_response)
                        <div class="border-top pt-4">
                            <h6 class="text-muted mb-2">Admin Response</h6>
                            <div class="bg-primary bg-opacity-10 p-3 rounded mb-3">
                                <p class="mb-0 text-white" style="white-space: pre-wrap;">{{ $deleteRequest->admin_response }}</p>
                            </div>
                            <div class="d-flex justify-content-between text-muted">
                                <small>
                                    Reviewed by: {{ $deleteRequest->reviewedBy->name ?? 'Unknown Admin' }}
                                </small>
                                <small>
                                    {{ $deleteRequest->reviewed_at ? $deleteRequest->reviewed_at->format('F d, Y \a\t h:i A') : '' }}
                                </small>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Sidebar -->
        <div class="col-lg-4">
            <!-- Quick Actions -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0">Quick Actions</h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        @if($deleteRequest->status === 'pending')
                        <a href="{{ route('employee-delete-requests.edit', $deleteRequest->id) }}" class="btn btn-primary">
                            <i class="mdi mdi-pencil-outline me-1"></i>Review Request
                        </a>
                        @endif
                        <a href="{{ route('employees.index', ['search' => $deleteRequest->employee->email ?? '']) }}" class="btn btn-outline-info">
                            <i class="mdi mdi-account-outline me-1"></i>View Employee Profile
                        </a>
                    </div>
                </div>
            </div>

            <!-- Request Info -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0">Request Information</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <small class="text-muted d-block">Request ID</small>
                        <strong>#{{ $deleteRequest->id }}</strong>
                    </div>
                    <div class="mb-3">
                        <small class="text-muted d-block">Status</small>
                        <span class="badge {{ $statusClasses[$deleteRequest->status] ?? 'bg-secondary' }}">
                            {{ ucfirst($deleteRequest->status) }}
                        </span>
                    </div>
                    <div class="mb-3">
                        <small class="text-muted d-block">Created</small>
                        <strong>{{ $deleteRequest->created_at->format('M d, Y h:i A') }}</strong>
                    </div>
                    @if($deleteRequest->reviewed_at)
                    <div class="mb-3">
                        <small class="text-muted d-block">Reviewed</small>
                        <strong>{{ $deleteRequest->reviewed_at->format('M d, Y h:i A') }}</strong>
                    </div>
                    @endif
                    @if($deleteRequest->reviewedBy)
                    <div class="mb-0">
                        <small class="text-muted d-block">Reviewed By</small>
                        <strong>{{ $deleteRequest->reviewedBy->name }}</strong>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Employee Info -->
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">Employee Information</h6>
                </div>
                <div class="card-body">
                    <div class="mb-2">
                        <small class="text-muted d-block">Name</small>
                        <strong>{{ $deleteRequest->employee->name ?? 'N/A' }}</strong>
                    </div>
                    <div class="mb-2">
                        <small class="text-muted d-block">Email</small>
                        <strong>{{ $deleteRequest->employee->email ?? 'N/A' }}</strong>
                    </div>
                    @if($deleteRequest->employee->phone)
                    <div class="mb-2">
                        <small class="text-muted d-block">Phone</small>
                        <strong>{{ $deleteRequest->employee->phone }}</strong>
                    </div>
                    @endif
                    <div class="mb-0">
                        <small class="text-muted d-block">Company</small>
                        <strong>{{ $deleteRequest->employee->company->name ?? 'N/A' }}</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection