@include('layouts.app')


@include('layouts.header')
@php
    $cityToCountry= file_get_contents(asset('tz-cities-to-countries.json'));
    $cityToCountry=json_decode($cityToCountry,true);
     $countriesJs=array();
    foreach($cityToCountry as $key=>$value){
        $countriesJs[$key]=$value;
     }
@endphp

<div class="rentalcar-detail-page pt-5 product-detail-page mb-4">

    <div class="container position-relative">

        <div class="car-detail-inner">

            <div class="car-del-top-section">

                <div class="row" id="product-detail">

                </div>

                <div class="hidden-inputs">
                    <input type="hidden" name="vendor_id" id="vendor_id" value="">
                    <input type="hidden" name="vendor_name" id="vendor_name" value="">
                    <input type="hidden" name="vendor_location" id="vendor_location" value="">
                    <input type="hidden" name="vendor_latitude" id="vendor_latitude" value="">
                    <input type="hidden" name="vendor_longitude" id="vendor_longitude" value="">
                    <input type="hidden" name="vendor_image" id="vendor_image" value="">
                </div>
            </div>

            <div class="py-2 mb-3 rental-detailed-ratings-and-reviews mt-5">
                <div class="row">
                    <div class="rental-review col-md-8">
                        <div class="main-specification mb-3"></div>
                        <div class="review-inner">
                            <div id="customers_ratings_and_review"></div>
                            <div class="see_all_review_div" style="display:none">
                                <button class="btn btn-primary btn-block btn-sm see_all_reviews">{{trans('lang.see_all_reviews')}}</button>
                            </div>
                            <p class="no_review_fount" style="display:none">{{trans('lang.no_review_found')}}</p>
                        </div>
                    </div>

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

                        <div class="shipping-detail card p-4 mb-4">
                            <div class="shipping-details-bottom-border pb-3">
                                <img class="mr-2" src="{{url('img/Payment.png')}}" alt="">
                                <span>{{trans('lang.safe_payment')}}</span>
                            </div>
                            <div class="shipping-details-bottom-border pb-3">
                                <img class="mr-2" src="{{url('img/money.png')}}" alt="">
                                <span>{{trans('lang.return_policy')}}</span>
                            </div>
                            <div class="shipping-details-bottom-border">
                                <img class="mr-2" src="{{url('img/Genuine.png')}}" alt="">
                                <span>{{trans('lang.authentic_products')}}</span>
                            </div>
                        </div>

                        <div class="seller-info">
                            <div class="d-flex justify-content-between card p-4 mb-4">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="d-flex">
                                            <div id="seller-image"></div>
                                            <div class="ml-3">
                                                <span class="vendor_name"></span>
                                                <br>
                                                <span>{{trans('lang.seller_info')}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mt-4">
                                        <div class="row d-flex justify-content-between">
                                            <div class="col-6 ">
                                                <div class="d-flex justify-content-center align-items-center review-box">
                                                    <div class="text-center">
                                                        <span class="vendor-total-review"></span>
                                                        <br>
                                                        <span> {{trans('lang.reviews')}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="d-flex justify-content-center align-items-center review-box">
                                                    <div class="text-center">
                                                        <span class="vendor-total-product"></span>
                                                        <br>
                                                        <span> {{trans('lang.products')}} </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mt-3">
                                        <div class="visit-store">
                                            <a class="store_url btn btn-primary" href="#">
                                                <i class="fa fa-shopping-bag" aria-hidden="true"></i>
                                                <span> {{trans('lang.visit_store')}}</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="more-from-store">
                            <div class="card p-4 mb-4">
                                <div class="more-fromd-flex justify-content-center">
                                    <h3> {{trans('lang.more_from_store')}}</h3>
                                </div>
                                <div class="vendor-products" id="vendor-products"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="py-2 mb-3 related-products mt-4" id="related_products">

            </div>

        </div>

    </div>

</div>

<div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">
    {{trans('lang.Processing')}}
</div>

@include('layouts.footer')

<script src="https://unpkg.com/geofirestore/dist/geofirestore.js"></script>

<script src="https://cdn.firebase.com/libs/geofire/5.0.1/geofire.min.js"></script>
<script type="text/javascript" src="{{asset('vendor/slick/slick.min.js')}}"></script>

<script type="text/javascript">
    cityToCountry = '<br />
<b>Warning</b>:  Undefined variable $countriesJs in <b>/home/vulpesdelivery/public_html/resources/views/products/detail.blade.php</b> on line <b>149</b><br />
null';

    cityToCountry = JSON.parse(cityToCountry);
    var userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
    userCity = userTimeZone.split('/')[1];
    userCountry = cityToCountry[userCity];
    var id = '<br />
<b>Warning</b>:  Undefined variable $id in <b>/home/vulpesdelivery/public_html/resources/views/products/detail.blade.php</b> on line <b>155</b><br />
';
    var takeaway = "<br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Session&quot; not found in /home/vulpesdelivery/public_html/resources/views/products/detail.blade.php:156
Stack trace:
#0 {main}
  thrown in <b>/home/vulpesdelivery/public_html/resources/views/products/detail.blade.php</b> on line <b>156</b><br />