@extends('layouts.admin')

@section('title', 'Position Details')

@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">Position Details</h1>
            <p class="text-muted">{{ $position->title }}</p>
        </div>
        <div>
            <a href="{{ route('admin.positions.edit', $position) }}" class="btn btn-warning">
                <i class="fas fa-edit me-2"></i>Edit Position
            </a>
            <a href="{{ route('admin.positions.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Back to Positions
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Position Information -->
        <div class="col-lg-8">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Position Information</h6>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Title:</strong></div>
                        <div class="col-sm-9">{{ $position->title }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Position Code:</strong></div>
                        <div class="col-sm-9"><code>{{ $position->position_code }}</code></div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Department:</strong></div>
                        <div class="col-sm-9">{{ $position->department->name ?? 'N/A' }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Type:</strong></div>
                        <div class="col-sm-9">
                            <span class="badge bg-{{ $position->position_type_badge }} fs-6">
                                {{ \App\Models\Position::getPositionTypes()[$position->position_type] ?? $position->position_type }}
                            </span>
                        </div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Level:</strong></div>
                        <div class="col-sm-9">{{ \App\Models\Position::getLevels()[$position->level] ?? $position->level }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Employment Type:</strong></div>
                        <div class="col-sm-9">{{ \App\Models\Position::getEmploymentTypes()[$position->employment_type] ?? $position->employment_type }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Status:</strong></div>
                        <div class="col-sm-9">
                            <span class="badge bg-{{ $position->status_badge }} fs-6">
                                {{ ucfirst($position->status) }}
                            </span>
                            @if($position->is_featured)
                                <span class="badge bg-warning ms-2">Featured</span>
                            @endif
                        </div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Location:</strong></div>
                        <div class="col-sm-9">{{ $position->location }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Number of Positions:</strong></div>
                        <div class="col-sm-9">{{ $position->number_of_positions }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Application Deadline:</strong></div>
                        <div class="col-sm-9">
                            {{ $position->application_deadline->format('F d, Y') }}
                            @if($position->is_expired)
                                <span class="text-danger">(Expired)</span>
                            @elseif($position->days_remaining <= 7)
                                <span class="text-warning">({{ $position->days_remaining }} days remaining)</span>
                            @endif
                        </div>
                    </div>
                    
                    @if($position->salary_range_min || $position->salary_range_max)
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Salary Range:</strong></div>
                        <div class="col-sm-9">{{ $position->formatted_salary_range }}</div>
                    </div>
                    @endif
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Description:</strong></div>
                        <div class="col-sm-9">{{ $position->description }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Responsibilities:</strong></div>
                        <div class="col-sm-9">{{ $position->responsibilities }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Qualifications:</strong></div>
                        <div class="col-sm-9">{{ $position->qualifications }}</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-sm-3"><strong>Created:</strong></div>
                        <div class="col-sm-9">
                            {{ $position->created_at->format('F d, Y \a\t H:i:s') }}
                            @if($position->creator)
                                by {{ $position->creator->name }}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistics -->
        <div class="col-lg-4">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Application Statistics</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <div class="d-flex justify-content-between">
                            <span>Total Applications:</span>
                            <strong>{{ $applicationStats['total'] }}</strong>
                        </div>
                    </div>
                    
                    @if(!empty($applicationStats['by_status']))
                        <h6 class="mt-3">By Status:</h6>
                        @foreach($applicationStats['by_status'] as $status => $count)
                        <div class="d-flex justify-content-between mb-2">
                            <span>{{ ucfirst($status) }}:</span>
                            <span class="badge bg-secondary">{{ $count }}</span>
                        </div>
                        @endforeach
                    @endif
                </div>
            </div>

            @if(!empty($applicationStats['recent']))
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Recent Applications</h6>
                </div>
                <div class="card-body">
                    @foreach($applicationStats['recent'] as $application)
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <div class="fw-bold">{{ $application->user->name }}</div>
                            <small class="text-muted">{{ $application->created_at->format('M d, Y') }}</small>
                        </div>
                        <span class="badge bg-{{ $application->status_color }}">
                            {{ ucfirst($application->status) }}
                        </span>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection