@extends('layouts.applicant.applicant')

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

@section('breadcrumbs')
    <li class="breadcrumb-item active">My 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">My Applications</h1>
            <p class="text-muted">Manage and track your job applications</p>
        </div>
        <div>
            <a href="{{ route('applicant.applications.create') }}" class="btn btn-primary">
                <i class="fas fa-plus me-2"></i>New Application
            </a>
        </div>
    </div>

    <!-- Applications List -->
    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-file-alt me-2"></i>All Applications
            </h6>
        </div>
        <div class="card-body">
            @if($applications->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="table-light">
                            <tr>
                                <th>Application #</th>
                                <th>Position</th>
                                <th>Department</th>
                                <th>Status</th>
                                <th>Progress</th>
                                <th>Applied Date</th>
                                <th>Deadline</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($applications as $application)
                            <tr>
                                <td>
                                    <span class="font-weight-bold text-primary">
                                        {{ $application->application_number }}
                                    </span>
                                    @php
                                        $resetCount = \App\Models\ApplicationResetLog::where('application_id', $application->id)->count();
                                    @endphp
                                    @if($resetCount > 0)
                                        <br>
                                        <span class="badge badge-warning badge-sm" title="This application has been reset {{ $resetCount }} time(s) by admin">
                                            <i class="fas fa-undo me-1"></i>Reset {{ $resetCount }}x
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <div>
                                        <strong>{{ $application->advertisement->title ?? 'N/A' }}</strong>
                                        <br>
                                        <small class="text-muted">{{ $application->advertisement->position ?? 'N/A' }}</small>
                                    </div>
                                </td>
                                <td>{{ $application->advertisement->department->name ?? 'N/A' }}</td>
                                <td>
                                    @php
                                        $statusColors = [
                                            'draft' => 'warning',
                                            'submitted' => 'success',
                                            'under_review' => 'info',
                                            'shortlisted' => 'primary',
                                            'rejected' => 'danger',
                                            'selected' => 'success'
                                        ];
                                        $color = $statusColors[$application->status] ?? 'secondary';
                                    @endphp
                                    <span class="badge badge-{{ $color }}">
                                        {{ ucfirst(str_replace('_', ' ', $application->status)) }}
                                    </span>
                                </td>
                                <td>
                                    @php
                                        $percentage = method_exists($application, 'getCompletionPercentage') 
                                            ? $application->getCompletionPercentage() 
                                            : ($application->status === 'submitted' ? 100 : 50);
                                    @endphp
                                    <div class="progress" style="height: 20px;">
                                        <div class="progress-bar bg-{{ $percentage == 100 ? 'success' : 'primary' }}" 
                                             role="progressbar" 
                                             style="width: {{ $percentage }}%"
                                             aria-valuenow="{{ $percentage }}" 
                                             aria-valuemin="0" 
                                             aria-valuemax="100">
                                            {{ $percentage }}%
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    {{ $application->created_at->format('M d, Y') }}
                                    <br>
                                    <small class="text-muted">{{ $application->created_at->format('h:i A') }}</small>
                                </td>
                                <td>
                                    @if($application->advertisement && $application->advertisement->application_end_date)
                                        {{ $application->advertisement->application_end_date->format('M d, Y') }}
                                        <br>
                                        @php
                                            $daysLeft = now()->diffInDays($application->advertisement->application_end_date, false);
                                        @endphp
                                        @if($daysLeft > 0)
                                            <small class="text-success">{{ $daysLeft }} days left</small>
                                        @elseif($daysLeft == 0)
                                            <small class="text-warning">Today</small>
                                        @else
                                            <small class="text-danger">Expired</small>
                                        @endif
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        @if($application->status === 'draft')
                                            <a href="{{ route('applicant.applications.step', [$application->id, 'personal-information']) }}" 
                                               class="btn btn-sm btn-outline-primary" title="Continue Application">
                                                <i class="fas fa-edit"></i> Continue
                                            </a>
                                        @else
                                            <a href="{{ route('applicant.applications.step', [$application->id, 'review']) }}" 
                                               class="btn btn-sm btn-outline-info" title="View Application">
                                                <i class="fas fa-eye"></i> View
                                            </a>
                                        @endif
                                        
                                        @if($application->status === 'submitted')
                                            <a href="{{ route('applicant.applications.download', $application) }}" 
                                               class="btn btn-sm btn-success" title="Download Filled Application PDF">
                                                <i class="fas fa-download"></i> Filled Application
                                            </a>
                                        @endif
                                        
                                        @if($application->status === 'draft')
                                            <form action="{{ route('applicant.applications.destroy', $application) }}" 
                                                  method="POST" 
                                                  class="d-inline"
                                                  onsubmit="return confirm('Are you sure you want to delete this application?')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete Application">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                <!-- Pagination -->
                <div class="d-flex justify-content-center mt-4">
                    {{ $applications->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-file-alt fa-4x text-muted mb-3"></i>
                    <h5 class="text-muted">No Applications Found</h5>
                    <p class="text-muted mb-4">You haven't submitted any applications yet. Start by applying for available positions.</p>
                    <a href="{{ route('applicant.applications.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus me-2"></i>Create New Application
                    </a>
                </div>
            @endif
        </div>
    </div>

    <!-- Quick Stats -->
    @if($applications->count() > 0)
    <div class="row mt-4">
        <div class="col-md-3">
            <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">
                                Draft Applications
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $applications->where('status', 'draft')->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-edit fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <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">
                                Submitted Applications
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $applications->where('status', 'submitted')->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-check-circle fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <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">
                                Under Review
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $applications->where('status', 'under_review')->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-search fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <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">
                                Shortlisted
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ $applications->where('status', 'shortlisted')->count() }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-star fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>

<style>
.border-left-primary {
    border-left: 4px solid #667eea !important;
}

.border-left-warning {
    border-left: 4px solid #f6c23e !important;
}

.border-left-success {
    border-left: 4px solid #1cc88a !important;
}

.border-left-info {
    border-left: 4px solid #36b9cc !important;
}

.card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.table th {
    border-top: none;
    font-weight: 600;
    color: #5a5c69;
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.btn-group .btn {
    margin-right: 2px;
}

.progress {
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    border-radius: 10px;
}

.table-responsive {
    border-radius: 10px;
}

.table tbody tr:hover {
    background-color: #f8f9fa;
}
</style>
@endsection

@push('scripts')
<script>
// Auto-refresh page every 5 minutes to update status
setTimeout(function() {
    location.reload();
}, 300000);

// Tooltip initialization
$(document).ready(function() {
    $('[title]').tooltip();
});
</script>
@endpush