@section('title'){{$product->meta_title}} {{$product->sku}}@endsection

@section('desc'){{$product->meta_desc}}@endsection

@section('keyword'){{$product->meta_keywords}}@endsection

@section('caninocal')https://www.jenikashop.com/products/{{$product->slug}}@endsection

@extends('frontend.layout.master')


@section('content')

<div class="container">
    <section class="pd-top-25">
        <div class="row tozihezaf">
            <div class="col-md-7 gallery-product">
                <div class="main-img">
                    <img class="main-photo"  src="/images/product/{{@$product->photos[1]->path}}" alt="">
                    @auth
                    @if(auth()->id() === 11)
                    <span class="share-button" id="share-button">Share</span>
                    @endif
                    @endauth
                </div>
                <div class="nav-img">
                    <div class="list-img">
                        <img class="img-thumb" src="/images/product/{{@$product->photos[1]->path}}" alt="">
                    </div>
                    @foreach($product->photos as $key => $photo)
                    @if($key > 1)
                    <div class="list-img">
                        <img class="img-thumb" src="/images/product/{{@$photo->path}}" alt="">
                    </div>
                    @endif
                    @endforeach
                </div>


            </div>

            <div class="col-md-5">
                <div class="product-detail">
                    <h1 class="title">{{$product->title}}</h1>
                    <div class="price">
                        @if($product->status == 1)
                            @if($product->discount_price == "")
                            <span class="product-price">{{number_format($product->price)}} T</span> : قیمت
                            @elseif($product->discount_price != "")
                            <span class="product-price-mines"><del>{{number_format($product->price)}} T</del></span> 
                            <br/>
                            <span class="product-price">{{number_format($product->discount_price)}} T : قیمت</span>
                            @endif
                        @endif
                    </div>
                    <div class="details">
                    <ul>
                        @foreach($product->attributeValues as $attribute)
                        <li> <span> {{$attribute->attributeGroup->title}} : </span>  {{$attribute->title}} </li>
                        @endforeach
                        @if($product->warranty == 1)
                        <li style="font-size:11px"><i class="icon-certificate"></i> این محصول دارای ضمانت مادام العمر رنگ می باشد.</li>
                        @endif
                    </ul>
                    
                    <form id="addtusabad" action="{{ route('cart.store', $product) }}" method="POST">
                    

                    @if($product->categories[0]->id != 24 && $product->categories[0]->id != 25)
                    <div class="upgrade-option border rounded p-3 mb-3">
                        <div class="form-check">
                            <label class="form-check-label d-flex" for="giftPackaging">
                                <div class="d-flex">
                                    <img class="openModalBtn" src="/images/giftbox/jenika-gift-box-1.jpg" width="80"/>
                                    <div class="desc">
                                    <span class="fw-bold">بسته بندی کادویی</span>
                                    <br/>
                                    <span class="text-success">قیمت : به زودی</span>
                                    <br/>
                                    <span class="text-info openModalBtn" >اطلاعات و عکس</span>
                                    </div>
                                </div>
                                <!--<input class="form-check-input giftbox" name="giftbox" type="checkbox" style="width: 25px">-->
                            </label>
                        </div>
                    </div>
                    @endif

                    </div>

                    
                    @if($product->status == 1)
                    
                
                        <div class="row addtobasket">
                            <div class="col-md-8">
                                
                                    @csrf
                                     @if($product->discount)
                                 <input type="hidden" name="orgprice" value="{{$product->price}}">
                                     @endif
                                     
                                     
                                     @if($product->plusi == 1)
              <span class="input-group-text product-attribute-text"> انتخاب حروف </span>
              <select id="aioConceptName" name="horuf" class="form-control" required>
                <option selected="ture" value="100"> یک حرف انتخاب کنید </option>
                @foreach($horuf as $harf)
                <option value="{{$harf->harf}}">{{$harf->harf}}</option>
                @endforeach
              </select>
              @endif
              
              @if($product->plusi == 2)
              
              <span id="open-size" class="size-guide-btn">راهنمای سایز</span>

              <span class="input-group-text product-attribute-text"> انتخاب سایز </span>
              <select id="aioConceptSize" name="size" class="form-control" required>
                <option selected="ture" value="100"> یک سایز انتخاب کنید </option>
                @foreach($product->size->sortBy('size') as $size)
                <option value="{{$size->size}}">{{$size->size}}</option>
                @endforeach
              </select>
              @endif
                                <button class="addtobasket-btn" data-bs-toggle="modal" data-bs-target="#exampleModal"> اضافه به سبد خرید </button>
                                </form>
                            </div>
                                    
                                        
                    @else
                    <div class="col-md-8">
                        <span class="addtobasket-btn"> ناموجود </span>
                    </div>
                    @endif
                </div>
                <div class="row product-services">
                    <div class="col-md-3 col-xs-3">
                         <i class="icon-undo"></i> <span> ضمانت بازگشت کالا </span> 
                    </div>

                    <div class="col-md-3 col-xs-3">
                         <i class="icon-certificate"></i> <span> ضمانت اصالت کالا </span>
                    </div>

                    <div class="col-md-3 col-xs-3">
                         <i class="icon-truck-1"></i> <span> ارسال سریع </span> 
                    </div>

                    <div class="col-md-3 col-xs-3">
                         <i class="icon-chat"></i> <span> خدمات پس از فروش </span> 
                    </div>

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

    <section class="pd-top-25">
    <div class="row tozihezaf">
            <div class="col-md-12">
        <div class="tabs-product">

            <!-- Nav tabs -->
            <ul id="tabs" class="nav nav-tabs nav-tabs-mob" role="tablist">
                 @if($product->description != "")
                <li role="presentation"><a class="inactive" id="tab4">توضیحات</a></li>
                @endif
                <li role="presentation"><a class="inactive" id="tab1">نحوه ارسال</a></li>
                <li role="presentation"><a class="inactive" id="tab2">نحوه بازگشت کالا</a></li>
                <li role="presentation"><a  class="inactive" id="tab3">نحوه پرداخت</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                @if($product->description != "")
                <div  class="tab-pane" id="tab4C">
                    <h2>توضیحات</h2>
                    {!! $product->description !!}
                </div>
                @endif
                <div  class="tab-pane" id="tab1C">
                    <h2> شرایط ارسال</h2>
                    <p>جنیکا با شرایط ارسال سریع‌ و مطمئن، تجربه خرید لذت‌بخش را برای شما فراهم می‌آورد. برای بهبود سرعت و خدمات ارسال فروشگاه جنیکا،برای تمام سفارش ها مبلغ ۷۵.۰۰۰ تومان هزینه ارسال در نظر گرفته شده.   </p>

<p>تمامی سفارش های شهر تهران که با روش ارسال با پیک ثبت سفارش می شود، کمتر از 24 ساعت پردازش و به دست مشتری می رسد و سفارشات شهرستان ها از طریق پست ارسال خواهد شد و حدود ۳ تا ۴ روز کاری به دست خریدار می رسد. </p>

<p>سفارشات تهران قبل از ارسال با مشتری هماهنگی های لازم برای ارسال و ساعت تحویل انجام خواهد شد. </p>

<p>سفارشات شهرستان بعد از تحویل به اداره پست و تیپاکس کد رهگیری دریافت شده از شرکت ارسال کننده برای مشتری ارسال خواهد شد. </p>
                </div>
                <div  class="tab-pane" id="tab2C">
                    <h2 id="return_link"> خدمات پس از فروش و رویه ی بازگشت کالا</h2>
                    <h3>اگر کالای خریداری شده مشکل فنی داشته باشد.</h3>
                    <ul>
                        <li>در این صورت باید حداکثر تا 48 ساعت با کارشناسان جنیکا اطلاع دهید تا برسی های لازم به عمل آید.</li>
                        <li>پیگیری مواردی که 48 ساعت از تحویل آن ها گذشته باشد امکان ندارد.</li>
                    </ul>

                    <h3>اگر کالای خریداری شده مشکل فیزیکی و ظاهری داشته باشد.</h3>
                    <ul>
                        <li>در این صورت موضوع را ظرف 24 ساعت با کارشناسان جنیکا اطلاع دهید تا برسی های لازم به عمل آید.
                        </li>
                    </ul>
                    <h3>اگر کالای خریداری شده از نظر مشخصات یا ظاهر با وب سایت مغایرت داشته باشد.</h3>
                    <ul>
                        <li>در این صورت موضوع را ظرف 24 ساعت با کارشناسان جنیکا اطلاع دهید تا برسی های لازم به عمل آید.</li>
                    </ul>
                </div>
                <div  class="tab-pane" id="tab3C">
                    <h2>شرایط پرداخت</h2>
                    <h3>پرداخت از طریق درگاه بانکی</h3>
                    <p>تمامی کاربران می توانند از طریق درگاه بانکی با تمام کارت های عضو شتاب هزینه سفارش را به صورت اینترنتی پرداخت نمایند. در این روش پرداختی سفارش های تهران در کمتر از 24 ساعت و سفارشتان شهرستان 3 تا 4 روز کاری به دست مشتری خواهد رسید.</p>
                </div>
            </div>

        </div>


</div>
    </div>

    </section>

    <section class="pd-top-25">
        <div class="product-cat related-products">
            <h2> محصولات مشابه </h2>
            <div class="row tozihezaf">
            @foreach($relatedProducts as $product)
                <div class="col-md-3 col-sm-6 col-xs-6">
                   <a href="/products/{{$product->slug}}">
                    <div class="product-image">
                        <img src="/images/product/{{$product->photos[0]->path}}" alt="{{$product->title}}">
                    </div>
                    <div class="product-info">
                        <div class="info-1">
                            @if($product->discount_price != '')
                            <span class="orgprice-discount">{{$product->discount_price}} T</span>
                            @endif
                        </div>
                        <div class="info-2">
                            <span class="name">{{$product->title}}</span>
                            <span class="orgprice">{{number_format($product->price)}} T</span>
                        </div>
                    </div>
                    </a>
                </div>
                @endforeach
            </div>
        </div>
    </section>

</div>


                        <div class="modal-overlay-gift" id="modalOverlay">
                        <div class="modal-container">
                            <button class="close-btn close-giftinfo">&times;</button>
                            <div class="modal-content">
                            @include('frontend.products.giftbox')
                            </div>
                            <span class="text-left pull-left btn btn-default close-giftinfo">بستن</span>
                        </div>
                    </div>

@endsection



@section('script')

<script>
 $(document).ready(function() {
    $('#share-button').click(function() {
          const encodedUrl = window.location.href;

        const decodedUrl = decodeURIComponent(encodedUrl);

        navigator.clipboard.writeText(decodedUrl).then(function () {
            var button = $('#share-button');
            button.text('کپی انجام شد').addClass('copied');

            setTimeout(function() {
                button.text('Share').removeClass('copied');
            }, 2000);
        }).catch(function() {
            alert('خطا در کپی کردن لینک!');
        });
    });
});
</script>

<script>
$(document).ready(function() {
    $('.openModalBtn').click(function() {
        $('#modalOverlay').addClass('active');
    });
    
    $('.close-giftinfo').click(function() {
        $('#modalOverlay').removeClass('active');
    });
    
    $('#modalOverlay').click(function(e) {
        if ($(e.target).closest('.modal-container').length === 0) {
            $('#modalOverlay').removeClass('active');
        }
    });
    
    $(document).keyup(function(e) {
        if (e.key === "Escape") {
            $('#modalOverlay').removeClass('active');
        }
    });
});
</script>

        <script>
$('#tabs li a:not(:first)').addClass('inactive');
$('.tab-pane').hide();
$('.tab-pane:first').show();

  $('#tabs li a').click(function(){
  var t = $(this).attr('id');

  if($(this).hasClass('inactive')){ //this is the start of our condition 
    $('#tabs li a').addClass('inactive');           
    $(this).removeClass('inactive');

    $('.tab-pane').hide();
    $('#'+ t + 'C').fadeIn('slow');
 }
});

        </script>


<script>

$(document).ready(function() {
    $(".img-thumb").click(function() {
        var img = $(this).attr("src");
        $(".main-photo").attr("src", img);
        $(".img-thumb").removeClass("active");
        $(this).addClass("active");
    });
    $(".img-thumb").first().addClass("active");
});

  $("#open-size").click(function(){
    $("#dark2").show();
    $(".size-guide").show();
  });
  
  $(".close2").click(function(){
    $("#dark2").hide();
    $(".size-guide").hide();
  });
</script>

    <script> 
        $(document).ready(function() {
           
            function formatNumber(num) {
                return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            }
           
            let basePrice = {{$price}};
            let totalPrice = basePrice;
            
            // رویداد تغییر برای checkbox
            $('.giftbox').change(function() {
                if ($(this).is(':checked')) {
                    // اگر تیک زده شد، 85000 اضافه کن
                    totalPrice += 85000;
                } else {
                    // اگر تیک برداشته شد، 85000 کم کن
                    totalPrice -= 85000;
                }
                
                // قیمت نهایی را به روز رسانی کن
                $('.product-price').text(formatNumber(totalPrice)+' T');
            });
        });
    </script>


<script type="application/ld+json">
  {
    "@context": "https://www.schema.org",
    "@type": "Product",
    "name": "{{$product->title}}",
    "image": "https://www.jenikashop.com/images/product/{{$product->photos[0]->path}}",

    "description": "{!! $product->description !!}",
    "sku": "{{$product->sku}}",


    "offers": {
      "@type": "Offer",
      "url": "https://www.jenikashop.com/{{$product->slug}}",
      "priceCurrency": "IRR",
      @if($product -> status == 1)
      "price": "{{$rialprice}}",
      @else "price": "0",
      @endif "priceValidUntil": "{{$product->updated_at}}",
      "itemCondition": "https://schema.org/UsedCondition",

      @if($product -> status == 1)
      "availability": "https://schema.org/InStock"
      @else "availability": "https://schema.org/OutOfStock"
      @endif

    }
  }
</script>

@section('schema')
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "خانه",
      "item": "https://www.jenikashop.com/"
    }, {
      "@type": "ListItem",
      "position": 2,
      "name": "{{@$product->categories[0]->bridcat}}",
      "item": "{{@$product->categories[0]->canices}}"
    }, {
      "@type": "ListItem",
      "position": 3,
      "name": "{{$product->title}}",
      "item": "https://www.jenikashop.com/products/{{$product->slug}}"
    }]
  }
</script>
@endsection

@endsection