@extends('layouts.app')

@section('content')

    <div class="container py-5">

        <h2 class="mb-4">
            آرشیو پروازها
        </h2>


        <div class="row">

            @foreach($flights as $flight)

                <div class="col-md-4 mb-4">

                    <div class="card shadow-sm">

                        <img src="{{ asset($flight->image) }}"
                             class="card-img-top"
                             height="200">

                        <div class="card-body">

                            <h5>
                                {{ $flight->airline }}
                            </h5>

                            <p>
                                {{ $flight->origin }}
                                -
                                {{ $flight->destination }}
                            </p>

                            <strong>
                                {{ number_format($flight->price) }}
                                تومان
                            </strong>

                        </div>

                    </div>

                </div>

            @endforeach

        </div>

        <br>
        <br>

        <div class="mt-4">

            {{ $flights->links() }}

        </div>

    </div>

@endsection