@extends('layouts.admin')
@section('content')
<main id="detailDiv">
<!-- facebook, whatsapp share tags -->
<meta property="og:url"                content="{{url('/')}}" />
<meta property="og:type"               content="website" />
<meta property="og:title"              content="{{ $product_detail['name_en']}}" />
<meta property="og:description"        content="{{ $product_detail['description_en'] }}" />
<meta property="og:image"              content="" />
<meta property="og:image:secure_url"   content="" />
<link rel="image_src"                  href="" />

<!-- Primary Meta Tags -->
<title>{{ $product_detail['name_en']}}</title>
<meta name="title" content="{{ $product_detail['name_en']}}">
<meta name="description" content="{{ $product_detail['description_en'] }}">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{url('/')}}">
<meta property="twitter:title" content="{{ $product_detail['name_en']}}">
<meta property="twitter:description" content="{{ $product_detail['description_en'] }}">
<meta property="twitter:image" content="">

<nav aria-label="breadcrumb" class="breadcrumb-wrap">
    <div class="container">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:;"><i class="ti-home"></i></a></li>
            <li class="breadcrumb-item">
                <a href="{{ route('products.list',['category_id'=>'all-products','level'=>'*']) }}">All Products </a>
            </li>
            @if(isset($product_detail['main_category_id']) && !empty($product_detail['main_category_id']))
            @php $main_category_name_slug = Str::slug($product_detail['main_category_id'],'-'); @endphp
            <li class="breadcrumb-item"><a data-category-id="{{$product_detail['main_category_id']}}"
                    data-name-slug="{{$main_category_name_slug}}" data-meta-keyword="" data-meta-description=""
                    data-level="1" href="javascript:;"
                    class="category_product_list">{{ $product_detail['main_category_name'] }} </a></li>
            @endif
            @if(isset($product_detail['second_level_category_id']) &&
            !empty($product_detail['second_level_category_id']))
            @php $second_level_category_name_slug = Str::slug($product_detail['second_level_category_name'],'-');
            @endphp
            <li class="breadcrumb-item"><a data-category-id="{{$product_detail['second_level_category_id']}}"
                    data-name-slug="{{$second_level_category_name_slug}}" data-meta-keyword="" data-meta-description=""
                    data-level="2" href="javascript:;"
                    class="category_product_list">{{ $product_detail['second_level_category_name'] }} </a>
                @endif
                @if(isset($product_detail['third_level_category_id']) &&
                !empty($product_detail['third_level_category_id']))
                @php $third_level_category_name_slug = Str::slug($product_detail['third_level_category_name'],'-');
                @endphp
            <li class="breadcrumb-item"><a data-category-id="{{$product_detail['third_level_category_id']}}"
                    data-name-slug="{{$third_level_category_name_slug}}" data-meta-keyword="" data-meta-description=""
                    data-level="3" href="javascript:;"
                    class="category_product_list">{{ $product_detail['third_level_category_name'] }} </a>
                @endif
                @if(isset($product_detail['fourth_level_category_id']) &&
                !empty($product_detail['fourth_level_category_id']))
                @php $fourth_level_category_name_slug = Str::slug($product_detail['fourth_level_category_name'],'-');
                @endphp
            <li class="breadcrumb-item"><a data-category-id="{{$product_detail['fourth_level_category_id']}}"
                    data-name-slug="{{$fourth_level_category_name_slug}}" data-meta-keyword="" data-meta-description=""
                    data-level="3" href="javascript:;"
                    class="category_product_list">{{ $product_detail['fourth_level_category_name'] }} </a>
                @endif
                @if(isset($product_detail['fifth_level_category_id']) &&
                !empty($product_detail['fifth_level_category_id']))
                @php $fifth_level_category_name_slug = Str::slug($product_detail['fifth_level_category_name'],'-');
                @endphp
            <li class="breadcrumb-item"><a data-category-id="{{$product_detail['fifth_level_category_id']}}"
                    data-name-slug="{{$fifth_level_category_name_slug}}" data-meta-keyword="" data-meta-description=""
                    data-level="4" href="javascript:;"
                    class="category_product_list">{{ $product_detail['fifth_level_category_name'] }} </a>
                @endif
            <li class="breadcrumb-item"><a href="javascript:;">{{ $product_detail['name_en']}}</a></li>
        </ol>
    </div>
</nav>
<section class="pt-3 pb-3 product-details-page">
    <div class="container">
        <div class=""> 
        </div>
        <input type="hidden" name="main_warehouse" id="main_warehouse"
            value="{{ $product_detail['warehouse_product_id'] }}">
        <input type="hidden" name="main_product" id="main_product" value="{{ $product_detail['product_id'] }}">
        <input type="hidden" name="main_group" id="main_group" value="{{ $product_detail['group_id'] }}">
        <div class="row mt-4">
                        <div class="col-lg-6 col-md-12 col-sm-12">
                @if($product_detail['type'] == 'Veg')
                <div class="woo_veg_tag text-success poleft fa fa-circle mr-3"></div>
                @endif
                @if($product_detail['type'] == 'Non-Veg')
                <div class="woo_veg_tag text-danger poleft fa fa-circle mr-3"></div>
                @endif
                @if(!empty($product_detail['offer_tag']))
                <div class="woo_detail_tag hot mr-3">{{ $product_detail['offer_tag'] }}</div>
                @elseif(!empty($product_detail['discount_label']))
                <div class="woo_detail_tag hot mr-3">{{ $product_detail['discount_label'] }}</div>
                @endif


                <!--<div class="sp-loading"><img src="" alt=""><br>LOADING IMAGES</div>
                    <div class="sp-wrap">
                        @if(!empty($product_detail['image1']))
                    <a href="">
                                <img src="" alt="">
                            </a>
                        @endif
                @if(!empty($product_detail['image2']))
                    <a href="">
                                <img src="" alt="">
                            </a>
                        @endif
                @if(!empty($product_detail['image3']))
                    <a href="">
                                <img src="" alt="">
                            </a>
                        @endif
                @if(!empty($product_detail['image4']))
                    <a href="">
                                <img src="" alt="">
                            </a>
                        @endif
                        </div>-->




                <div class="col-lg-12">
                    <div class="pro-slider">
                        @if(!empty($product_detail['image1']))
                        <div class="item">
                            <a href="" target="_blank">
                                <img src="" alt="">
                            </a>
                        </div>
                        @endif
                        @if(!empty($product_detail['image2']))
                        <div class="item">
                            <a href="" target="_blank">
                                <img src="" alt="">
                            </a>
                        </div>
                        @endif
                        @if(!empty($product_detail['image3']))
                        <div class="item">
                            <a href="" target="_blank">
                                <img src="" alt="">
                            </a>
                        </div>
                        @endif
                        @if(!empty($product_detail['image4']))
                        <div class="item">
                            <a href="" target="_blank">
                                <img src="" alt="">
                            </a>
                        </div>
                        @endif

                        @if(!empty($product_detail['product_video']))
                        <div class="item">
                            
                            
                            <iframe width="560" height="315" src="" title="YouTube video player"
                                frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen></iframe>
                            
                    </div>
                    @endif

                </div>

                <div class="pro-slider-nav">
                    @if(!empty($product_detail['image1']))
                    <div class="item">
                        <img src="" alt="">
                    </div>
                    @endif
                    @if(!empty($product_detail['image2']))
                    <div class="item">
                        <img src="" alt="">
                    </div>
                    @endif
                    @if(!empty($product_detail['image3']))
                    <div class="item">
                        <img src="" alt="">
                    </div>
                    @endif
                    @if(!empty($product_detail['image4']))
                    <div class="item">
                        <img src="" alt="">
                    </div>
                    @endif
                    @if(!empty($product_detail['product_video']))
                    <div class="item">
                        <img src="{{ url('img/videos/video-img.jpg') }}" alt="">
                    </div>
                    @endif

                </div>
            </div>


        </div>

        <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="woo_pr_detail">

                <!-- <div class="woo_cats_wrps">
                    <a href="{{ route('products.brands',['id'=>$product_detail['brand_id']]) }}"
                        class="woo_pr_cats">{{ $product_detail['brand_name'] }}</a>
                </div> -->
                <h2 class="woo_pr_title">{{ $product_detail['name_en'] }}</h2>
                
                <div class="woo_cats_wrps">
                    <b class="woo_pr_cats">{{ $product_detail['group_name_en'] }}</b>
                </div>

                <div class="woo_cats_wrps">
                    <P> {{ $product_detail['description_en'] }} </P>
                </div>

                <div class="woo_pr_reviews">
                    <div class="woo_pr_rating badge-dark p-1 rounded pr-2 pl-2">
                        <i class="fa fa-star filled"></i>
                        <span class="woo_ave_rat">{{ $product_detail['avg_product_rating'] }}</span>
                    </div>
                    <div class="p-1 rounded ml-auto">
                        <a href="javascript:;"></a>
                        <a href="javascript:;" tabindex="0" data-toggle="popover" data-trigger="focus"
                            data-placement="bottom" data-popover-content="#a2"><img
                                src="{{ url('img/share_icon.png') }}" /></a>
                        <div id="a2" style="display:none;">
                            <div class="popover-body">
                                                                <p class="mb-0 text-center"><strong>Share</strong></p>
                                <div class="flex_inline_center p-2">
                                    <a target="blank" href="javascript:void(0)"
                                        onclick="javascript:genericSocialShare('http://www.facebook.com/sharer.php?u={{$encodedUrl}}')"
                                        class="sharebtn mr-2" title="facebook share">
                                        <span class="ti-facebook"></span>
                                    </a>
                                    <a href="javascript:void(0)"
                                        onclick="javascript:genericSocialShare('http://twitter.com/share?text=check out this awesome product on Yesdoc &url={{$product_detail['share_link']}}')"
                                        class="sharebtn mr-2" title="twitter share">
                                        <span class="ti-twitter-alt"></span>
                                    </a>
                                    <a href="javascript:void(0)"
                                        onclick="javascript:genericSocialShare('mailto:?subject=products on Yesdoc&body=Check out this awesome product on Yesdoc {{$product_detail['share_link']}}')"
                                        class="sharebtn" title="mail share">
                                        <span class="fa fa-envelope"></span>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="woo_pr_offer_price">
                    <h3><span class="cur-symbol"> {{ env("CURRENCY_CODE") }} </span>
                        {{ number_format((float)$product_detail['discounted_price'],2) }}<span
                            class="org_price">@if($product_detail['price'] != $product_detail['discounted_price'])<span
                                class="cur-symbol"> {{ env("CURRENCY_CODE") }} </span>
                            {{ number_format((float)$product_detail['price'],2) }}@endif</span>