@extends('layouts.admin')

@section('title', 'Reset Applications')

@section('breadcrumbs')
    <li class="breadcrumb-item active">Reset Applications</li>
@endsection

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Reset Applications</h1>
            <p class="text-muted">Reset submitted applications back to draft status for editing</p>
        </div>
        <div>
            <a href="{{ route('admin.application-reset.history') }}" class="btn btn-outline-primary">
                <i class="fas fa-history me-2"></i>Reset History
            </a>
        </div>
    </div>

    <!-- Statistics Cards -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Submitted Applications
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $applications->total() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-file-alt fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Applications Reset Today
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ \App\Models\ApplicationResetLog::whereDate('created_at', today())->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-undo fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Applications Table -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-list me-2"></i>Submitted Applications
            </h6>
        </div>
        <div class="card-body">
            @if($applications->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Application #</th>
                                <th>Applicant</th>
                                <th>Position</th>
                                <th>Department</th>
                                <th>Submitted Date</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($applications as $application)
                                <tr>
                                    <td>
                                        <strong>{{ $application->application_number }}</strong>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $application->personalInformation->first_name ?? 'N/A' }} {{ $application->personalInformation->last_name ?? '' }}</strong>
                                        </div>
                                        <small class="text-muted">{{ $application->user->email }}</small>
                                    </td>
                                    <td>{{ $application->advertisement->title ?? 'N/A' }}</td>
                                    <td>{{ $application->advertisement->department->name ?? 'N/A' }}</td>
                                    <td>
                                        <div>{{ $application->submitted_at->format('M d, Y') }}</div>
                                        <small class="text-muted">{{ $application->submitted_at->format('h:i A') }}</small>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('admin.application-reset.show', $application) }}" 
                                               class="btn btn-sm btn-outline-primary">
                                                <i class="fas fa-eye me-1"></i>View
                                            </a>
                                            <button type="button" 
                                                    class="btn btn-sm btn-warning"
                                                    data-bs-toggle="modal" 
                                                    data-bs-target="#resetModal{{ $application->id }}">
                                                <i class="fas fa-undo me-1"></i>Reset
                                            </button>
                                        </div>
                                    </td>
                                </tr>

                                <!-- Reset Modal -->
                                <div class="modal fade" id="resetModal{{ $application->id }}" tabindex="-1">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <form method="POST" action="{{ route('admin.application-reset.reset', $application) }}">
                                                @csrf
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Reset Application</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="alert alert-warning">
                                                        <i class="fas fa-exclamation-triangle me-2"></i>
                                                        <strong>Warning:</strong> This action will reset the application status from "Submitted" to "Draft", allowing the applicant to edit their application again.
                                                    </div>
                                                    
                                                    <div class="mb-3">
                                                        <strong>Application Details:</strong>
                                                        <ul class="list-unstyled mt-2">
                                                            <li><strong>Application #:</strong> {{ $application->application_number }}</li>
                                                            <li><strong>Applicant:</strong> {{ $application->personalInformation->first_name ?? 'N/A' }} {{ $application->personalInformation->last_name ?? '' }}</li>
                                                            <li><strong>Position:</strong> {{ $application->advertisement->title ?? 'N/A' }}</li>
                                                            <li><strong>Submitted:</strong> {{ $application->submitted_at->format('M d, Y h:i A') }}</li>
                                                        </ul>
                                                    </div>

                                                    <div class="mb-3">
                                                        <label for="reason{{ $application->id }}" class="form-label">
                                                            <strong>Reason for Reset <span class="text-danger">*</span></strong>
                                                        </label>
                                                        <textarea class="form-control" 
                                                                  id="reason{{ $application->id }}" 
                                                                  name="reason" 
                                                                  rows="3" 
                                                                  placeholder="Please provide a detailed reason for resetting this application..."
                                                                  required></textarea>
                                                        <div class="form-text">Minimum 10 characters required</div>
                                                    </div>

                                                    <div class="form-check">
                                                        <input class="form-check-input" 
                                                               type="checkbox" 
                                                               id="notify{{ $application->id }}" 
                                                               name="notify_applicant" 
                                                               value="1">
                                                        <label class="form-check-label" for="notify{{ $application->id }}">
                                                            Send email notification to applicant
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                                    <button type="submit" class="btn btn-warning">
                                                        <i class="fas fa-undo me-2"></i>Reset Application
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-center">
                    {{ $applications->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-file-alt fa-3x text-gray-300 mb-3"></i>
                    <h5 class="text-gray-600">No Submitted Applications Found</h5>
                    <p class="text-muted">There are currently no submitted applications that can be reset.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    // Auto-resize textareas
    document.querySelectorAll('textarea[name="reason"]').forEach(function(textarea) {
        textarea.addEventListener('input', function() {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
        });
    });
</script>
@endsection