@foreach($flights as $flight)
    <!-- FLIGHT ITEM -->
    <div class="swiper-slide flight-card group">

        <!-- flight header -->
        <div class="flight-card_header">

            <div>
                <span class="flight-airline">
                    {{ $flight->airline }}
                </span>

                <span class="flight-number">
                    {{ $flight->flight_number }}
                </span>
            </div>

            @if($flight->flight_class)
                <span class="flight-class">
                    {{ $flight->flight_class }}
                </span>
            @endif

        </div>


        <!-- flight route -->
        <div class="flight-card_route">

            <div class="flight-airport">

                <span>
                    مبدا
                </span>

                <strong>
                    {{ $flight->origin }}
                </strong>

            </div>


            <div class="flight-route-line">
                ✈
            </div>


            <div class="flight-airport">

                <span>
                    مقصد
                </span>

                <strong>
                    {{ $flight->destination }}
                </strong>

            </div>

        </div>


        <!-- flight details -->
        <div class="flight-card_details">

            <div>
                <span>
                    تاریخ پرواز
                </span>

                <strong>
                    {{ $flight->departure_date?->format('Y/m/d') }}
                </strong>
            </div>


            <div>
                <span>
                    ساعت حرکت
                </span>

                <strong>
                    {{ $flight->departure_time?->format('H:i') }}
                </strong>
            </div>


            <div>
                <span>
                    ساعت رسیدن
                </span>

                <strong>
                    {{ $flight->arrival_time?->format('H:i') }}
                </strong>
            </div>

        </div>


        <!-- flight footer -->
        <div class="flight-card_footer">

            <div class="flight-price">

                <span>
                    قیمت
                </span>

                <strong>
                    {{ number_format($flight->price) }}

                    <small>
                        تومان
                    </small>
                </strong>

            </div>


            <a href="#" class="flight-detail-button">
                جزئیات
            </a>

        </div>

    </div>

@endforeach