@extends('frontLayouts.frontApp')

@section('headerContent')

@endsection
@section('class')
    rate-nav
@endsection

@section('frontContent')
    <!-- Start Breadcrumb -->
    <div class="breadcrumb">
        <div class="container">
            <div class="row">
                <h6><a href="{{route('front.guides')}}">{{trans('lang.guides_pages')}}</a> > <a
                        href="{{route('front.guides.details',$data->guide_id)}}">{{$data->guide->name}}</a>
                    > {{$data->name}}</h6>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->

    <!-- Start Slider -->
    <div class="slider-track-details">
        <div class="container">
            <div class="slider">
                <div class="row">
                    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
                        <div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                                    class="active" aria-current="true" aria-label="Slide 1"></button>
                            @foreach($data->Images as $key => $row)
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="{{$key + 1}}" aria-label="Slide {{$key + 2}}"></button>
                            @endforeach
                        </div>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="{{$data->image}}" class="d-block w-75" alt="...">
                            </div>
                            @foreach($data->Images as $row)
                                <div class="carousel-item">
                                    <img src="{{$row->image}}" class="d-block w-75" alt="...">
                                </div>
                            @endforeach
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
                                data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
                                data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Slider -->

    <!-- Start Details Track -->
    <div class="details-track">
        <div class="container">
            <div class="row">
                <h4>{{trans('lang.track_details')}}</h4>
                <h5>{{$data->name}}</h5>
                <p>{{$data->description}}</p>
            </div>
        </div>
    </div>
    <!-- End Details Track -->

    <!-- Start Guide Package -->
    <div class="guide-package">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="guide">
                        <div class="top">
                            <img style="border-radius: 50%;" src="{{$data->guide->image}}" alt="#"/>
                            <h4>{{trans('lang.guide')}} : {{$data->guide->name}}</h4>
                            <h5><i class="fa-solid fa-star"></i> {{$data->guide->rate}}</h5>
                        </div>
                        <div class="data">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-location-dot"></i>
                                            <h6>{{trans('lang.address')}}</h6>
                                        </div>
                                        <h4>{{$data->city->name}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-dollar-sign"></i>
                                            <h6>{{trans('lang.price')}}</h6>
                                        </div>
                                        <h4>{{$data->price}} {{trans('lang.currency')}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-users"></i>
                                            <h6>{{trans('lang.persons_numbers')}}</h6>
                                        </div>
                                        <h4>{{$data->available_number}} {{trans('lang.persons')}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-calendar-check"></i>
                                            <h6>{{trans('lang.from_date')}}</h6>
                                        </div>
                                        <h4> {{date('Y-m-d', strtotime($data->from_date))}} </h4>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-calendar-check"></i>
                                            <h6>{{trans('lang.to_date')}}</h6>
                                        </div>
                                        <h4>{{date('Y-m-d', strtotime($data->to_date))}} </h4>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="box">
                                        <div class="icon">
                                            <i class="fa-solid fa-clock"></i>
                                            <h6>{{trans('lang.period')}}</h6>
                                        </div>
                                        <h4>{{$data->days_number}} {{trans('lang.days')}}</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form method="post" action="{{ route('customer.package.store') }}">
                            @csrf
                            <input type="hidden" name="package_id" value="{{$data->id}}" required>
                            <button type="submit"
                                    class="btn btn-warning sbm-btn">{{trans('lang.subscription_now')}}</button>
                        </form>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="package">
                        <h4>{{trans('lang.package_contents')}}</h4>
                        {{$data->description}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Guide Package -->

    <!-- Start Rate Guides -->
    @include('front.guides.parts.rates_container', ['guide_id' => $data->guide_id])
    <!-- End Rate Guides -->

    <!-- Start Live Experience Block -->
    <section class="live-experience-block guide-package-private">
        <div class="container">
            <div class="row">
                <div class="col-md-6 title-right">
                    <h4>{{trans('lang.other_guide_packages')}}</h4>
                </div>
                <div class="col-md-6 title-left">
                    <a href="{{route('front.guides.all_guide_packages',$data->guide_id)}}">{{trans('lang.view_all_packages')}}
                        <i class="fa-solid fa-angle-left"></i></a>
                </div>
                <div class="box-track">
                    <div class="row">
                        @include('front.guides.parts.package_parts', ['packages' => $packages])
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Live Experience Block -->

@endsection