@extends('web.include.master')
@section('content')
<style>
   .prod_tab_dtl .nav-pills .nav-link.active {
    background: #e2ac54;
    color: #fff !important;
    border-radius: 0px;
    border-bottom: 2px solid #e2ac54 !important;
}
.nav-link{cursor: pointer;}

.prod_tab_dtl div.tab-pane {
    padding: 0px 0px 0px;
}
.rsp_onln_prc_lst {
    object-fit: cover;
    height: 110px !important;
    width: 80px !important;
}
form.dsn_prc_lst_btn {
    display: flex;
    align-items: center;
        justify-content: flex-end;
        flex-direction: row;
  flex-wrap: wrap;
}
form.dsn_prc_lst_btn button.btn_crt_innr {
    margin-left: 17px;
}
form.dsn_prc_lst_btn i.fa-solid.fa-euro-sign {
    font-size: 13px;
    margin-left: 2px;
}
th.width_eql_mnhead1 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
th.width_eql_mnhead3 {
    width: 195px;
    text-align: right;
}
form.dsn_prc_lst_btn p.not_in_stock span {
    border: none !important;
    padding-right: 0px !important;
}

form.dsn_prc_lst_btn p.not_in_stock {
    flex: 1;
    text-align: right;
    border: none !important;
    display: block;
}

</style>

<div class="availibility_wrp bounded_wrp_overfl">
   <div class="tab_with_title pt-2">
      <div class="container">
	  <div class="paragw_txt mt-2 mb-5">
  <div class="container">
   @if(!empty(Auth::guard('customer')->user()) && Auth::guard('customer')->user()->is_business==2)
   <h3>{{@$content->heading}}</h3>
   {!! @$content->description !!}
   <div class="d-flex justify-content-center">
    <a href="/en/contact" class="btn btn-gold">Contact Us</a>
</div>
</div>
   @else
   @if($lang=='en') 
   <h3>Price list</h3>
   <p>The key prices at a glance for bars and coins made of gold, silver, platinum, and palladium, as well as osmium: In our price list, you can conveniently select the products that interest you directly. The view adjusts dynamically according to availability and lists all suitable products clearly - You always see our buying and selling prices up-to-date.</p>
    @else
    <h3>Preisliste</h3>
    <p>Die wichtigsten Preise auf einen Blick für Barren und Münzen aus Gold, Silber, Platin und Palladium sowie Osmium: In unserer Preisliste können Sie bequem direkt Ihre Produkte aussuchen die Sie interessant finden. Die Ansicht passt sich dynamisch nach Verfügbarkeit an und listet alle passenden Produkte übersichtlich auf – Immer aktuell sehen Sie unsere An- und Verkaufspreis.</p>
   @endif
   @endif
  </div>
</div>
         <div class="accounrding_wrp">
            <div class="container">
               <div class="row gutters">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
 <!--filter tab data-->
<div class="prod_singl_tab">
    <div class="containerxs">
      <div class="prod_tab_dtl">
        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist" style="padding-left:0px;">
         @foreach ($CategoryData as $pk => $parent)
         @if($parent->id!='41')
         <li class="nav-item priceRootCategory" root_id="{{$parent->id}}" role="presentation" title="{{$parent->title}}">
            <span class="nav-link {{ $pk=='0' ? 'active' : '' }}" id="pills-tab_{{$parent->id}}-tab" data-bs-toggle="pill" data-bs-target="#tab_{{$parent->id}}" role="tab" aria-controls="pills-tab_{{$parent->id}}" aria-selected="{{ $pk=='0' ? 'true' : 'false' }}">{{$parent->title}}</span>
         </li>
         @endif
         @endforeach
         @if(!empty(Auth::guard('customer')->user()) && Auth::guard('customer')->user()->is_business==1 || !Auth::guard('customer')->user())
         <li class="nav-item price_osmium" myEvent="osmium" role="presentation" title="Osmium">
            <span class="nav-link" id="pills-tab_osmium-tab" data-bs-toggle="pill" data-bs-target="#tab_osmium" role="tab" aria-controls="pills-tab_osmium" aria-selected="false">OSMIUM</span>
         </li>
         @endif
         <li class="nav-item priceRootCategory allCat" root_id="0" myEvent="all" role="presentation" title="Alle">
            <span class="nav-link" id="pills-tab_0-tab" data-bs-toggle="pill" data-bs-target="#tab_0" role="tab" aria-controls="pills-tab_0" aria-selected="false">@if($lang=='en') All @else Alle @endif</span>
         </li>
         <div class="pdf-export" style="float: right;">

            <form action="{{ url($lang.'/online-price-pdf') }}" method="post">
                @csrf
                <input type="hidden" name="parent_category" value="23" id="parent_category_pdf">
                <input type="hidden" name="weight" value="">
                <input type="hidden" name="manufacturer" value="">
                <input type="hidden" name="category" value="">
                <input type="hidden" name="available" value="">
                <p>
                    <button id="pdfgent" style="background: #e2ac54" class="btn btn-success" type="button">@if($lang=='en') Print price list @else Preisliste drucken @endif <i class="fa fa-print" aria-hidden="true"></i></button>
                </p>
            </form>
         </div>
        </ul>
        <div class="tab-content" id="pills-tabContent">
         @foreach ($CategoryData as $pk => $parent)
         @if($parent->id!='92' || $parent->id!='41')
         <div class="tab-pane fade show {{ $pk=='0' ? ' active' : '' }} " id="tab_{{$parent->id}}" role="tabpanel" aria-labelledby="pills-tab_{{$parent->id}}-tab" tabindex="0">
            <form action="#" method="post" id="filter_data_{{$parent->id}}">
             @csrf
               <div class="prod_srch_fltr newfltrserch" style="margin-bottom:10px;">
                  <div class="container">
                     <input type="hidden" name="parent_category" id="parent_category" value="{{$parent->id}}">
                     <div class="row align-items-center">
                        <div class="col">
                        <div class="srch_prdct_inp">
                              <select name="category[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="@if($lang=='en') Manufacturer @else Hersteller @endif">
                                 @foreach ($manufacturer as $cat)
                                    <option value="{{  $cat->id }}">{{  $cat->title }}</option>
                                 @endforeach
                              </select>
                        </div>
                        </div>

                        <div class="col">
                        <div class="srch_prdct_inp">
                              <select name="weight[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="@if($lang=='en') Weight @else Gewicht @endif">
                                 @if(!empty($weightList))
                                    @foreach ($weightList as $gram)
                                          <option value="{{ $gram->id }}" >{{ $gram->title }}</option>
                                    @endforeach
                                 @endif
                              </select>
                        </div>
                        </div>

                        <div class="col">
                        <div class="srch_prdct_inp">
                              <select name="category[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="@if($lang=='en') Category @else Kategorie @endif">
                                 @if(!empty($parent->child))
                                    @foreach ($parent->child as $child)
                                          <option value="{{ $child->id }}" >{{ $child->title }}</option>
                                    @endforeach
                                 @endif
                              </select>
                        </div>
                        </div>

                        <div class="col">
                           <div class="form-check form-check-inline">
                              <input class="form-check-input" name="available" type="checkbox" id="nurchkbx" value="option1">
                              <label class="form-check-label" for="nurchkbx">@if($lang=='en') Available products only @else Nur verfügbare Produkte @endif</label>
                           </div>
                        </div>          

                        <div class="col">
                           
                           @if($lang=='en')
                           <a href="{{ url($lang.'/online-preisliste') }}">reset</a>
                        @else
                            <a href="{{ url($lang.'/online-preisliste') }}">zurücksetzen</a>
                        @endif
                        </div>

                     </div>
                  </div>
               </div>
            
               <div style="margin-bottom:20px;">
                  <select name="product" class="form-control item_multi_select" id="item_multi_select_{{$parent->id}}" title="@if($lang=='en') Choose product @else Produkt wählen @endif"></select>
               </div>
            </form>
         </div>
          @endif
          @endforeach
          <!--start osmium-->
<div class="tab-pane fade show" id="tab_osmium" role="tabpanel" aria-labelledby="pills-tab_osmium-tab" tabindex="0">
            <form action="#" method="post" id="filter_data_osmium">
             @csrf
               
            </form>
         </div>
         <!--end osmium-->
          <div class="tab-pane fade show" id="tab_0" role="tabpanel" aria-labelledby="pills-tab_0-tab" tabindex="0">
            <form action="#" method="post" id="filter_data_0">
             @csrf
               <div class="prod_srch_fltr newfltrserch" style="margin-bottom:10px;">
                  <div class="container">
                     <input type="hidden" name="parent_category" id="parent_category" value="0">
                     <div class="row align-items-center">
                        <div class="col">
                           <div class="srch_prdct_inp">
                                 <select name="category[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="Manufacturer">
                                    @foreach ($manufacturer as $cat)
                                       <option value="{{  $cat->id }}">{{  $cat->title }}</option>
                                    @endforeach
                                 </select>
                           </div>
                        </div>
                        <div class="col">
                           <div class="srch_prdct_inp">
                                 <select name="weight[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="Weight">
                                    @if(!empty($weightList))
                                       @foreach ($weightList as $gram)
                                             <option value="{{ $gram->id }}" >{{ $gram->title }}</option>
                                       @endforeach
                                    @endif
                                 </select>
                           </div>
                        </div>
                        <div class="col">
                           <div class="srch_prdct_inp">
                                 <select name="category[]" multiple class="form-select multi_select" id="{{$parent->id}}" title="Category">
                                    @foreach ($CategoryData as $pk => $parent)
                                       @if($parent->id!='41')
                                          <option value="{{ $parent->id }}" >{{ $parent->title }}</option>
                                          @if(!empty($parent->child))
                                             @foreach ($parent->child as $child)
                                                   <option value="{{ $child->id }}" >{{ $child->title }}</option>
                                             @endforeach
                                          @endif
                                       @endif
                                    @endforeach
                                 </select>
                           </div>
                        </div>
                        <div class="col">
                           <div class="form-check form-check-inline">
                              <input class="form-check-input" name="available" type="checkbox" id="nurchkbx" value="option1">
                              <label class="form-check-label" for="nurchkbx">@if($lang=='en') Available products only @else Nur verfügbare Produkte @endif</label>
                           </div>
                        </div>          
                        <div class="col">
                         @if($lang=='de')
                           <a href="{{ url($lang.'/online-preisliste') }}">zurücksetzen</a>
                        @else
                            <a href="{{ url($lang.'/online-preisliste') }}">reset</a>
                        @endif
                        </div>
                     </div>
                  </div>
               </div>
            
               <div style="margin-bottom:20px;">
                  <select name="product" class="form-control item_multi_select" id="item_multi_select_0" title="@if($lang=='en') Choose product @else Produkt wählen @endif"></select>
               </div>
            </form>
         </div>
        </div>
      </div>
    </div>
</div>
  <!--filter tab data-->
  <div ><h2 class="fhead"></h2></div>
  <div class="itemList"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</div>

<script>
@if(!empty(Auth::guard('customer')->user()) && Auth::guard('customer')->user()->is_business==1 || !Auth::guard('customer')->user())
   $(document).on("click",".price_osmium,.allCat",function(){
     
      var p_title = $(this).attr("title");
      var ce = $(this).attr("myEvent");
      $("#parent_category_pdf").val(root_cat);
      $(".fhead").html('OSMIUM');
      var root_cat =  'OSMIUM';
      var token =  '