@extends('layouts/contentNavbarLayout')

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

@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"><a href="{{ route('employee-delete-requests.show', $deleteRequest->id) }}">Request #{{ $deleteRequest->id }}</a></li>
            <li class="breadcrumb-item active">Review</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-pencil-outline me-2"></i>Review Delete Request
                    </h1>
                </div>
                <div>
                    <a href="{{ route('employee-delete-requests.show', $deleteRequest->id) }}" class="btn btn-outline-secondary">
                        <i class="mdi mdi-arrow-left me-1"></i>Back to Details
                    </a>
                </div>
            </div>
        </div>
    </div>

    @if($deleteRequest->status !== 'pending')
    <div class="alert alert-warning">
        <i class="mdi mdi-alert-outline me-2"></i>
        This request has already been reviewed and cannot be modified.
    </div>
    @endif

    <div class="row">
        <!-- Review Form -->
        <div class="col-lg-8">
            <form method="POST" action="{{ route('employee-delete-requests.update', $deleteRequest->id) }}">
                @csrf
                @method('PUT')
                
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Request Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">Employee Name</label>
                                <input type="text" class="form-control" value="{{ $deleteRequest->employee->name ?? 'N/A' }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Email</label>
                                <input type="email" class="form-control" value="{{ $deleteRequest->employee->email ?? 'N/A' }}" readonly>
                            </div>
                        </div>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">Company</label>
                                <input type="text" class="form-control" value="{{ $deleteRequest->employee->company->name ?? 'N/A' }}" readonly>
                            </div>
                            @if($deleteRequest->employee->department)
                            <div class="col-md-6">
                                <label class="form-label">Department</label>
                                <input type="text" class="form-control" value="{{ $deleteRequest->employee->department->name ?? 'N/A' }}" readonly>
                            </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Reason for Deletion</label>
                            <div class="bg-light p-3 rounded">
                                <p class="mb-0" style="white-space: pre-wrap;">{{ $deleteRequest->reason }}</p>
                            </div>
                        </div>

                        <div class="mb-3">
                            <small class="text-muted">
                                Requested on {{ $deleteRequest->created_at->format('F d, Y \a\t h:i A') }}
                                ({{ $deleteRequest->created_at->diffForHumans() }})
                            </small>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Review Decision</h5>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">Decision <span class="text-danger">*</span></label>
                                <select class="form-select @error('status') is-invalid @enderror" name="status" required {{ $deleteRequest->status !== 'pending' ? 'disabled' : '' }}>
                                    <option value="">Select Decision</option>
                                    <option value="accepted" {{ old('status') == 'accepted' ? 'selected' : '' }}>Accept - Delete Account</option>
                                    <option value="refused" {{ old('status') == 'refused' ? 'selected' : '' }}>Refuse - Keep Account</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @if($deleteRequest->status !== 'pending')
                                <input type="hidden" name="status" value="{{ $deleteRequest->status }}">
                                @endif
                                <div class="form-text">
                                    <strong>Warning:</strong> If accepted, the employee account will be permanently soft-deleted.
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Admin Response (Optional)</label>
                            <textarea class="form-control @error('admin_response') is-invalid @enderror" 
                                      name="admin_response" 
                                      rows="6" 
                                      placeholder="Enter your response or notes about this decision..."
                                      {{ $deleteRequest->status !== 'pending' ? 'readonly' : '' }}>{{ old('admin_response', $deleteRequest->admin_response) }}</textarea>
                            @error('admin_response')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                This response will be recorded for internal tracking purposes.
                            </div>
                        </div>

                        @if($deleteRequest->admin_response && $deleteRequest->status !== 'pending')
                        <div class="alert alert-info">
                            <h6 class="alert-heading">Previous Response</h6>
                            <p class="mb-2" style="white-space: pre-wrap;">{{ $deleteRequest->admin_response }}</p>
                            <hr>
                            <small class="mb-0">
                                Reviewed by {{ $deleteRequest->reviewedBy->name ?? 'Unknown Admin' }} 
                                on {{ $deleteRequest->reviewed_at ? $deleteRequest->reviewed_at->format('F d, Y \a\t h:i A') : 'Unknown date' }}
                            </small>
                        </div>
                        @endif

                        @if($deleteRequest->status === 'pending')
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary" onclick="return confirm('Are you sure you want to submit this decision?')">
                                <i class="mdi mdi-content-save me-1"></i>Submit Decision
                            </button>
                            <a href="{{ route('employee-delete-requests.show', $deleteRequest->id) }}" class="btn btn-outline-secondary">
                                Cancel
                            </a>
                        </div>
                        @else
                        <div class="alert alert-warning">
                            This request has already been reviewed and cannot be modified.
                        </div>
                        @endif
                    </div>
                </div>
            </form>
        </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">
                        <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>
                        <a href="{{ route('employee-delete-requests.show', $deleteRequest->id) }}" class="btn btn-outline-secondary">
                            <i class="mdi mdi-arrow-left me-1"></i>Back to Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Employee Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0">Employee Information</h6>
                </div>
                <div class="card-body">
                    <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">Employee</small>
                        </div>
                    </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-2">
                        <small class="text-muted d-block">Company</small>
                        <strong>{{ $deleteRequest->employee->company->name ?? 'N/A' }}</strong>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection