@extends('layouts.app')

@section('content')

    <section class="container mt-5">

        <div class="card border-0 shadow rounded-4 overflow-hidden">


            <div class="position-relative">

                <img src="{{ asset($tour->image) }}"
                     alt="{{ $tour->title }}">


                <span class="badge bg-primary position-absolute top-0 end-0 m-4">
                تور
            </span>

            </div>



            <div class="card-body p-4">


                <h1 class="fw-bold mb-4">
                    {{ $tour->title }}
                </h1>



                <p class="text-muted">
                    {{ $tour->summary }}
                </p>



                <hr>



                <div class="row g-4">


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

                    <span class="text-secondary">
                        نوع سفر
                    </span>

                        <h5>
                            {{ $tour->travelType?->name ?? '-' }}
                        </h5>

                    </div>



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

                    <span class="text-secondary">
                        تاریخ حرکت
                    </span>

                        <h5>
                            {{ \Carbon\Carbon::parse($tour->departure_date)->format('Y/m/d') }}
                        </h5>

                    </div>



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

                    <span class="text-secondary">
                        قیمت
                    </span>

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

                    </div>


                </div>



                <hr>



                <h4 class="fw-bold">
                    توضیحات تور
                </h4>


                <p class="mt-3">
                    {{ $tour->description }}
                </p>


            </div>

        </div>

    </section>


@endsection