@extends('layouts.careers')
@section('title', __('Application status'))

@section('content')
    @php
        $mainSteps = ['applied', 'shortlisted', 'interview', 'offered', 'hired'];
        $currentIdx = array_search($application->status, $mainSteps, true);
    @endphp

    <div class="careers-hero mb-4">
        <h1 class="h4 font-weight-bold mb-1">{{ __('Application status') }}</h1>
        <p class="mb-0 opacity-90">{{ $application->jobPosting->title }}</p>
    </div>

  @if(session('message'))
        <div class="alert alert-success">{{ session('message') }}</div>
    @endif

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <div class="d-flex flex-wrap justify-content-between mb-3">
                <div>
                    <span class="badge badge-{{ \App\Models\RecruitmentJobApplication::statusBadgeClass($application->status) }} badge-lg">
                        {{ \App\Models\RecruitmentJobApplication::statusLabel($application->status) }}
                    </span>
                    <div class="text-muted small mt-2">{{ __('Applied') }}: {{ $application->created_at?->format('M j, Y') }}</div>
                </div>
                <div class="text-right small">
                    <div class="text-muted">{{ __('Tracking link') }}</div>
                    <button type="button" class="btn btn-sm btn-outline-secondary mt-1" onclick="navigator.clipboard.writeText('{{ $application->portalUrl() }}');this.textContent='{{ __('Copied!') }}'">{{ __('Copy link') }}</button>
                </div>
            </div>

            <div class="d-flex flex-wrap justify-content-between mb-2">
                @foreach($mainSteps as $idx => $stepKey)
                    @php
                        $isCurrent = $application->status === $stepKey;
                        $isPast = $currentIdx !== false && $idx < $currentIdx;
                    @endphp
                    <div class="text-center flex-fill px-1 mb-2" style="min-width:60px">
                        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-1
                            @if($isCurrent) bg-primary text-white @elseif($isPast) bg-success text-white @else bg-light text-muted @endif"
                             style="width:30px;height:30px;font-size:12px;">
                            @if($isPast)<i class="mdi mdi-check"></i>@else{{ $idx + 1 }}@endif
                        </div>
                        <div class="small @if($isCurrent) font-weight-bold text-primary @endif">{{ \App\Models\RecruitmentJobApplication::statusLabel($stepKey) }}</div>
                    </div>
                @endforeach
            </div>

            @if($application->status === 'rejected')
                <div class="alert alert-warning small mb-0">
                    {{ __('Unfortunately your application was not successful at this time.') }}
                    @if($application->rejection_reason)
                        ({{ \App\Models\RecruitmentJobApplication::rejectionReasonLabel($application->rejection_reason) }})
                    @endif
                </div>
            @endif
        </div>
    </div>

    @if($application->interviews->isNotEmpty())
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white font-weight-bold">{{ __('Interviews') }}</div>
            <div class="card-body">
                @foreach($application->interviews as $int)
                    <div class="border rounded p-3 mb-2 small">
                        <strong>{{ $int->scheduled_at->format('l, M j, Y \a\t H:i') }}</strong>
                        @if($int->completed_at)
                            <span class="badge badge-success ml-1">{{ __('Completed') }}</span>
                        @else
                            <span class="badge badge-info ml-1">{{ __('Scheduled') }}</span>
                        @endif
                        @if($int->location_or_link)
                            <div class="text-muted mt-1">{{ $int->location_or_link }}</div>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    <div class="text-center">
        <a href="{{ route('careers.index') }}" class="btn btn-outline-primary btn-sm">{{ __('Browse other positions') }}</a>
    </div>
@endsection