@extends('layouts.app')

@section('content')

    <div class="container py-5">

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


        <div class="row">

            @foreach($tours as $tour)

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

                    <div class="card shadow-sm">

                        <img src="{{ getImageUrl($tour->image) }}"
                             class="card-img-top"
                             style="height:220px; object-fit:cover;"
                             alt="{{ $tour->title }}">

                        <div class="card-body">

                            <h5>
                                {{ $tour->title }}
                            </h5>


                            <p>
                                {{ $tour->summary }}
                            </p>


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


                        </div>

                    </div>

                </div>

            @endforeach

        </div>

        <br>
        <br>

        <div class="mt-4">

            {{ $tours->links() }}

        </div>


    </div>

@endsection