@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> > {{$data->name}}</h6>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->

    <!-- Start Info Guides -->
    <div class="info-guides">
        <div class="container">
            <div class="row inside-info-guides">
                <div class="col-md-1">
                    <div class="image-profile">
                        <img style="border-radius: 50%;" src="{{$data->image}}" alt="#">
                    </div>
                </div>
                <div class="col-md-11">
                    <div class="content">
                        <h3>{{$data->name}}</h3>
                        <p> {{$data->description}} </p>
                    </div>
                    <div class="row">
                        <div class="private-info">
                            <div class="col-lg-8 col-md-12">
                                <div class="row">
                                    <div class="col-lg-6 col-md-12 work">
                                        <h5><i class="fa-solid fa-briefcase"></i> {{$data->job}}</h5>
                                    </div>
                                    <div class="col-lg-6 col-md-12 star">
                                        <h5><i class="fa-solid fa-star"></i> {{$data->rate}} </h5>
                                    </div>
                                    <div class="col-lg-6 col-md-12 location">
                                        <h5>
                                            <i class="fa-solid fa-location-dot"></i> {{($data->city)? $data->city->name : ''}}
                                        </h5>
                                    </div>
                                    <div class="col-lg-6 col-md-12 mamper">
                                        <h5><i class="fa-solid fa-user"></i> {{trans('lang.member_from')}}
                                            <span>{{$data->created_at->format('Y-m-d')}}</span></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="taps-details">
                        <nav>
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                <button class="nav-link active" id="home-tab" data-bs-toggle="tab"
                                        data-bs-target="#home" type="button" role="tab" aria-controls="home"
                                        aria-selected="true">  {{trans('lang.ways')}}
                                </button>
                                <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
                                        type="button" role="tab" aria-controls="profile"
                                        aria-selected="false">{{trans('lang.rates')}}
                                </button>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Info Guides -->

    <!-- Start Taps -->
    <div class="tab-content" id="myTabContent">
        <!-- Start Tap 1 -->
        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <!-- Start private tracks -->
            <div class="guides-private-tracks">
                <div class="container">
                    <div class="row inside">
                        <div class="col-lg-6 col-md-12 content">
                            <h4>{{trans('lang.tracks')}}</h4>
                            <p>{{$data->track}}</p>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <form method="post" action="{{ route('customer.track.store') }}">
                                @csrf
                                <input type="hidden" name="guide_id" value="{{$data->id}}" required>
                                <div class="mb-3 map">
                                    <label for="exampleInputEmail1" class="form-label">{{trans('lang.city')}}</label>
                                    <select name="city_id" required class="form-select"
                                            aria-label="Default select example">
                                        <option selected disabled>{{ __('lang.choose_city') }}</option>
                                        @foreach(\App\Models\City::orderBy('created_at','desc')->get() as $city)
                                            <option value="{{ $city->id }}">{{ $city->name  }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3 map">
                                            <label for="exampleInputEmail1"
                                                   class="form-label">{{trans('lang.start_date')}}</label>
                                            <input type="date" class="form-control start" name="from_date" required >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3 map ">
                                            <label for="exampleInputEmail1" class="form-label">{{trans('lang.end_date')}}</label>
                                            <input type="date" class="form-control start" name="to_date" required >
                                        </div>
                                    </div>
                                </div>
                                <div class="box-price">
                                    <h3>{{trans('lang.price')}} {{$data->track_price}} {{trans('lang.currency')}}</h3>
                                </div>
                                <button type="submit"
                                        class="btn btn-warning sbm-btn">{{trans('lang.subscription_now')}}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End private tracks -->

            <!-- Start Live the experience with us 1 -->
            <section class="live-experience live-the-experience-1">
                <div class="container">
                    <h3 class="title">{{trans('lang.live_with_us')}}</h3>
                    <h4 class="sub-title">{{trans('lang.vip_subscription')}}</h4>
                </div>
            </section>
            <!-- End Live the experience with us 1 -->

            <!-- Start Live Experience Block -->

            <section class="live-experience-block">
                <div class="container">
                    <div class="row">
                        @include('front.guides.parts.package_parts', ['packages' => $packages])
                    </div>
                    <div class="row">
                        {{ $packages->appends(request()->input())->links()}}
                    </div>
                </div>
            </section>
            <!-- End Live Experience Block -->
        </div>
        <!-- End Tap 1 -->
        <!-- Start Tap 2 -->
        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
            @include('front.guides.parts.rates_container', ['guide_id' => $data->id])
        </div>
        <!-- End Tap 2 -->
    </div>
    <!-- End Taps -->

@endsection