@extends('layouts.app')

@section('title', 'آرشیو پروازها')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/archive.css') }}">
@endpush

@section('content')
    <div class="archive-page">
        <div class="container">

            {{-- هدر آرشیو --}}
            <div class="archive-header">
                <h4><i class="fa fa-plane mr-2"></i> آرشیو پروازها</h4>
                <a href="{{ route('index') }}" class="btn-back">
                    <i class="fa fa-home"></i> بازگشت به صفحه اصلی
                </a>
            </div>

            <div class="row">
                @forelse($flights as $flight)
                    <div class="col-md-4 col-sm-6 mb-4">
                        <div class="flight-card">
                            <div class="flight-body">
                                {{-- مسیر پرواز --}}
                                <div class="flight-route">
                                    <div class="flight-city">
                                        <span>مبدأ</span>
                                        <strong>{{ $flight->origin }}</strong>
                                    </div>
                                    <div class="flight-line">
                                        <span class="plane-icon">✈</span>
                                    </div>
                                    <div class="flight-city">
                                        <span>مقصد</span>
                                        <strong>{{ $flight->destination }}</strong>
                                    </div>
                                </div>

                                {{-- زمان‌ها --}}
                                <div class="flight-info">
                                    <p>🛫 حرکت: {{ $flight->departure_time?->toJalali()->format('Y/m/d H:i') }}</p>
                                    <p>🛬 ورود: {{ $flight->arrival_time?->toJalali()->format('Y/m/d H:i') }}</p>
                                </div>

                                {{-- قیمت --}}
                                <span class="flight-price">{{ number_format($flight->price) }} تومان</span>

                                <a href="{{ route('flights.show', $flight->id) }}" class="btn btn-sm btn-primary btn-block mt-3">
                                    مشاهده جزئیات <i class="fa fa-arrow-left"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-12">
                        <div class="archive-empty">
                            <i class="fa fa-plane"></i>
                            <p>هنوز پروازی ثبت نشده است.</p>
                        </div>
                    </div>
                @endforelse
            </div>


            <div class="archive-pagination">
                {{ $flights->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
@endsection