@extends('web.include.master')

@section('content')
<div class="breadcrmb">
  <div class="container">
    <ul>
      <li><a href="{{ url($lg.'/') }}"><i class="fa fa-home"></i></a></li>
      <li><a href="{{ url($lg.'/osmium') }}">osmium</a></li>
      <li>{{ $productData->title }}</li>
    </ul>
  </div>
</div>


<div class="shop_single_pg">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <div class="prod_gold_gallry">
            <div class="prod_slder_gold">
            @foreach ($proImage as $image)
              <div class="prod_galry_wrp">
                <div class="gold_invst_prodinr">
                  <img src="{{ URL::to('uploads/product/'.$image->image) }}" alt="{{ $productData->title }}">
                </div>
              </div>
              @endforeach
              @if(!empty($productData->video))
              <div class="prod_galry_wrp">
                <div class="gold_invst_prodinr">
                  <video width="350" height="300" controls>
                                    <source src="{{ url('uploads/product/'.$productData->video) }}"  type="video/mp4">
                                </video>
                </div>
              </div>
              @endif
            </div>
            <!-- product thumb -->
            <div class="prod_gold_nav">
                @foreach ($proImage as $image)
                <div class="prod_gold_thmb_sml">
                    <div class="sml_thmbimg_prd">
                        <img src="{{ URL::to('uploads/product/'.$image->image) }}" alt="{{ $productData->title }}">
                    </div>
                </div>
                @endforeach
                @if(!empty($productData->video) && !empty($productData->video_thumbnail))
                <div class="prod_gold_thmb_sml">
                    <div class="sml_thmbimg_prd">
                      <img src="{{ URL::to('uploads/product/'.$productData->video_thumbnail) }}" alt="{{ $productData->title }}">
                    </div>
                </div>
                @endif
            </div>
          </div>
        </div>

        <div class="col-md-7">
          <div class="prod_singlge_detailtxt">
            <div class="prd_inn_single">
              <h1>{{ $productData->title }}</h1>

                <div class="weight_prd">
                    <span>Lieferzeit</span> <span class="thintxt">5 - 7 Werktage</span>
                </div>
                {{-- <div class="weight_prd">
                  <span>Feingewicht</span> <span class="thintxt">{{ $productData->weight }} g</span>
                </div> --}}
                <div class="weight_prd">
                    <span>Vat</span> <span class="thintxt">{{ $productData->vat }}%</span>
                  </div>
                <div class="weight_prd">
                  <span>Verfügbarkeit</span> <span class="thintxt">@if($productData->stock > 0) Available @endif</span>
                </div><br>
                <div>
                    <span><b>Überblick</b></span>
                <p>{!! $productData->overview !!}</p>
                </div>
                @php
                  $vatprice = 0;
                @endphp
                @if($productData->vat)
                        @php
                            $vatprice = round($productData->price*$productData->vat/100,2);
                        @endphp
                @endif
              <div class="prdct_inf_sngle">
                <div class="prdct_snglbns nmbtnsr">
                  <form action="{{ url($lg.'/cart') }}" method="POST" enctype="multipart/form-data">
                  <div class="ckr_btn_one btn_cmn_crt">
                    <div class="btn_crt_innr">
                            @csrf
                            <input type="hidden" value="{{ $productData->id }}" name="id">
                            <input type="hidden" value="{{ $productData->title }}" name="name">
                            <input type="hidden" value="{{ $productData->price }}" name="price">
                            <input type="hidden" value="{{ $productData->image }}"  name="image">
                            <input type="hidden" value="{{ $productData->weight }}" name="weight">
                            <input type="hidden" value="{{ $productData->vat }}" name="vat_rate" >
                            <input type="hidden" value="Kaufen" name="product_type">
                            <input type="hidden" value="osmium" name="osmium">
                            @if($productData->stock > '0')
                              <button class="btn_crt_innr"><span>Kaufen</span> <span class="prce_thmb_ny"><small>|</small> {{ $productData->price+$vatprice }}<i class="fa-solid fa-euro-sign"></i><sup><i class="fa fa-star"></i></sup></span></button>
                            @else
                            <p class="not_in_stock"> <span class="one">Artikel momentan nicht verfügbar, kontaktieren Sie uns gerne.</span> <span class="second">{{$productData->price+$vatprice}}{{ config('app.symbol')}}</span></p>
                            @endif

                    </div>
                    @if($productData->stock > '0')
                    <div class="itennumbof qtyny">
                      <div class="quantity">
                        <input name="quantity" type="number" min="1" step="1" value="1">
                      </div>
                    </div>
                    @endif
                  </div>
                </form>
                <div class="infoprd_small">
                    VAT _ _
                    @if($productData->vat)
                        @php
                            $vatprice = round($productData->price*$productData->vat/100,2);
                        @endphp
                        {{ $productData->vat }}% {{ config('app.symbol')}}{{ $vatprice }}
                    @endif
                  </div>
                </div>

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

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

  <!-- Products Tab -->
  <div class="prod_singl_tab">
    <div class="container">
      <div class="prod_tab_dtl">
        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
          <li class="nav-item" role="presentation">
            <span class="nav-link active" id="pills-ubrs-tab" data-bs-toggle="pill" data-bs-target="#pills-ubrs" role="tab" aria-controls="pills-ubrs" aria-selected="true">Übersicht</span>
          </li>
          <li class="nav-item" role="presentation">
            <span class="nav-link" id="pills-dtails-tab" data-bs-toggle="pill" data-bs-target="#pills-dtails" role="tab" aria-controls="pills-dtails" aria-selected="false">rechtlicher Hinweis</span>
          </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
          <div class="tab-pane fade show active" id="pills-ubrs" role="tabpanel" aria-labelledby="pills-ubrs-tab" tabindex="0">
            <p>{!! $productData->overview !!}</p>
          </div>
          <div class="tab-pane fade" id="pills-dtails" role="tabpanel" aria-labelledby="pills-dtails-tab" tabindex="0">
            <p>{!! $productData->description !!}</p>
          </div>
        </div>
      </div>
    </div>
  </div>

@if(!empty($RandomPro))
  <div class="prod_singl_slder mt-5">
    <div class="container">
      <div class="mainsection_head">
        <h2>Andere Edelmetalle</h2>
      </div>
      <div class="prd_sldr_singlr">
        <div class="prd_sngl_sld_wrp">
        @foreach($RandomPro as $pro)
          <div class="sing_relted_sld_items">
            <div class="prod_inrr">
              <div class="prod_thmb_img">
                <a href="{{ url($lg.'/osmium-product/'.$pro->slug) }}"><img src="{{ URL::to('uploads/product/'.$pro->image) }}" alt="{{ $pro->title }}"></a>
              </div>
              @php
                  $vatprice = 0;
                @endphp
                @if($pro->vat)
                        @php
                           $vatprice = round($pro->price*$pro->vat/100,2);
                        @endphp
                @endif
              <div class="prod_contnt_tmb">
                <div class="prod_txts">
                  <small>{{ $pro->manufacturer }}</small>
                  <a href="{{ url($lg.'/osmium-product/'.$pro->slug) }}"><h3>{{ $pro->title }}</h3></a>
                </div>
                <form action="{{ url($lg.'/cart') }}" method="POST" enctype="multipart/form-data">
                <div class="ckr_btn_one btn_cmn_crt">
                  <div class="btn_crt_innr">
                        @csrf
                        <input type="hidden" value="{{ $pro->id }}" name="id">
                        <input type="hidden" value="{{ $pro->title }}" name="name">
                        <input type="hidden" value="{{ $pro->price }}" name="price">
                        <input type="hidden" value="{{ $pro->image }}"  name="image">
                        <input type="hidden" value="{{ $pro->weight }}" name="weight">
                        <input type="hidden" value="{{ $pro->vat }}" name="vat_rate" >
                        <input type="hidden" value="Kaufen" name="product_type">
                        <input type="hidden" value="osmium" name="osmium">
                        @if($pro->stock > '0')
                          <button class="btn_crt_innr"><span>Kaufen</span> <span class="prce_thmb_ny"><small>|</small> {{ $pro->price+$vatprice }} <i class="fa-solid fa-euro-sign"></i><sup><i class="fa fa-star"></i></sup></span></button>
                          @else
                          <p class="not_in_stock"> <span class="one">Artikel momentan nicht verfügbar, kontaktieren Sie uns gerne.</span> <span class="second">{{$pro->price+$vatprice}}{{ config('app.symbol')}}</span></p>
                        @endif


                  </div>
                  @if($pro->stock > '0')
                  <div class="itennumbof qtyny">
                    <div class="quantity">
                      <input name="quantity" type="number" min="1" step="1" value="1">
                    </div>
                  </div>
                  @endif
                </div>
              </form>

              </div>
            </div>
          </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
@endif

@if($partnerList)
<div class="clnt_logo">
  <div class="container">
    <div class="mainsection_head">
      <h2>@lang('arsh.page_footer_txt1')</h2>
    </div>
    <div class="clint_logog_img">
    <div class="clnt_logosld owl-carousel">
                @foreach($partnerList as $partner)
                    <div class="colsdf">
                      <img src="{{ URL::to('uploads/partner/'.$partner->image) }}" alt="">
                    </div>
                @endforeach
            </div>
    </div>
  </div>
</div>
@endif

<script>
  $(document).on('click', '#ordersubmit', function(e) {
      e.preventDefault();

      var day = $("#limit_day").val();
      var price = $("input[name='limit_price']").val();
      var qty = $("input[name='limit_qty']").val();
      var product_type = $("#limit_product_type").val();
      var pro_id = $("input[name='pro_id']").val();

      $.ajax({
          url:"{{url($lg.'/limitorder')}}",
          method:"POST",
          dataType: 'JSON',
          data:{
              _token: "{{ csrf_token() }}",
              day : day, price : price, qty : qty, product_type : product_type ,pro_id : pro_id,
          },
          beforeSend:function(){
              $('#ordersubmit').prop('disabled', true);
              $('.itemList').attr('id', 'itemListLoad');
              $(".itemList").html("<img src='https://media.tenor.com/-n8JvVIqBXkAAAAM/dddd.gif' >").show();
          },
          complete: function(){
              $(".itemList").hide();
          },
          success: function( data ) {
              if(data.success == '400')
              {
                  $('#ordersubmit').prop('disabled', false);
                  toastr.error('Bitte loggen Sie sich zuerst ein !');
              }

              if(data.success == '200')
              {
                  $("#limitOrder")[0].reset();
                  $('#ordersubmit').prop('disabled', false);
                  toastr.success('Limit Order Save Successfully!');
              }
              if(data.success == false)
              {
                  $('#ordersubmit').prop('disabled', false);
                  $.each(data.errors, function(key, value){
                      toastr.error(value);
                  });
              }
          },
          error: function(e) {
              console.log(e.responseText);
          }
      });

  });
</script>
@endsection