@extends('layouts.admin')

@section('title', 'Application Reset History')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.application-reset.index') }}">Reset Applications</a></li>
    <li class="breadcrumb-item active">Reset History</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">Application Reset History</h1>
            <p class="text-muted">Complete log of all application reset activities</p>
        </div>
        <div>
            <a href="{{ route('admin.application-reset.index') }}" class="btn btn-outline-primary">
                <i class="fas fa-arrow-left me-2"></i>Back to Reset Applications
            </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-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">
                                Total Resets
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $resetLogs->total() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-undo 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-info 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-info text-uppercase mb-1">
                                This Month
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ \App\Models\ApplicationResetLog::whereMonth('created_at', now()->month)->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-calendar 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-success 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-success text-uppercase mb-1">
                                With Notifications
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ \App\Models\ApplicationResetLog::where('notify_applicant', true)->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-envelope fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Reset History 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-history me-2"></i>Reset History Log
            </h6>
        </div>
        <div class="card-body">
            @if($resetLogs->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Reset Date</th>
                                <th>Application</th>
                                <th>Applicant</th>
                                <th>Admin</th>
                                <th>Reason</th>
                                <th>Notification</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($resetLogs as $log)
                                <tr>
                                    <td>
                                        <div>{{ $log->reset_at->format('M d, Y') }}</div>
                                        <small class="text-muted">{{ $log->reset_at->format('h:i A') }}</small>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $log->application->application_number }}</strong>
                                        </div>
                                        <small class="text-muted">{{ $log->application->advertisement->title ?? 'N/A' }}</small>
                                    </td>
                                    <td>
                                        <div>{{ $log->application->user->name }}</div>
                                        <small class="text-muted">{{ $log->application->user->email }}</small>
                                    </td>
                                    <td>
                                        <div>{{ $log->admin->name }}</div>
                                        <small class="text-muted">{{ $log->admin->email }}</small>
                                    </td>
                                    <td>
                                        <div class="text-truncate" style="max-width: 200px;" title="{{ $log->reason }}">
                                            {{ $log->reason }}
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        @if($log->notify_applicant)
                                            <span class="badge badge-success">
                                                <i class="fas fa-check me-1"></i>Sent
                                            </span>
                                        @else
                                            <span class="badge badge-secondary">
                                                <i class="fas fa-times me-1"></i>Not Sent
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <button type="button" 
                                                class="btn btn-sm btn-outline-info"
                                                data-bs-toggle="modal" 
                                                data-bs-target="#detailModal{{ $log->id }}">
                                            <i class="fas fa-eye me-1"></i>Details
                                        </button>
                                    </td>
                                </tr>

                                <!-- Detail Modal -->
                                <div class="modal fade" id="detailModal{{ $log->id }}" tabindex="-1">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Reset Details</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h6 class="text-primary">Application Information</h6>
                                                        <table class="table table-sm table-borderless">
                                                            <tr>
                                                                <td class="fw-bold">Application #:</td>
                                                                <td>{{ $log->application->application_number }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="fw-bold">Applicant:</td>
                                                                <td>{{ $log->application->user->name }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="fw-bold">Email:</td>
                                                                <td>{{ $log->application->user->email }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="fw-bold">Position:</td>
                                                                <td>{{ $log->application->advertisement->title ?? 'N/A' }}</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <h6 class="text-primary">Reset Information</h6>
                                                        <table class="table table-sm table-borderless">
                                                            <tr>
                                                                <td class="fw-bold">Reset By:</td>
                                                                <td>{{ $log->admin->name }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="fw-bold">Reset Date:</td>
                                                                <td>{{ $log->reset_at->format('F d, Y h:i A') }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="fw-bold">Notification:</td>
                                                                <td>
                                                                    @if($log->notify_applicant)
                                                                        <span class="badge badge-success">Sent</span>
                                                                    @else
                                                                        <span class="badge badge-secondary">Not Sent</span>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </div>
                                                
                                                <div class="mt-3">
                                                    <h6 class="text-primary">Reset Reason</h6>
                                                    <div class="bg-light p-3 rounded">
                                                        {{ $log->reason }}
                                                    </div>
                                                </div>

                                                @if($log->original_data)
                                                    <div class="mt-3">
                                                        <h6 class="text-primary">Original Submission Data</h6>
                                                        <div class="bg-light p-3 rounded">
                                                            <small>
                                                                @if(isset($log->original_data['submitted_at']))
                                                                    <strong>Original Submission:</strong> {{ \Carbon\Carbon::parse($log->original_data['submitted_at'])->format('F d, Y h:i A') }}<br>
                                                                @endif
                                                                @if(isset($log->original_data['undertaking_accepted_at']))
                                                                    <strong>Undertaking Accepted:</strong> {{ \Carbon\Carbon::parse($log->original_data['undertaking_accepted_at'])->format('F d, Y h:i A') }}<br>
                                                                @endif
                                                                @if(isset($log->original_data['final_pdf_path']))
                                                                    <strong>Final PDF:</strong> {{ $log->original_data['final_pdf_path'] ? 'Generated' : 'Not Generated' }}
                                                                @endif
                                                            </small>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-center">
                    {{ $resetLogs->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-history fa-3x text-gray-300 mb-3"></i>
                    <h5 class="text-gray-600">No Reset History Found</h5>
                    <p class="text-muted">No applications have been reset yet.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection