@extends('admin/layouts.master')
@section('title',"Edit Product: $products->name" )
@section('body')

<div class="box">
  <div class="box-header with-border">
    <div class="box-title">Edit Product : {{$products->name ?? ''}}</div>
  <a href="{{ route('products.index') }}" class="pull-right btn btn-md btn-default">
      <i class="fa fa-arrow-left" aria-hidden="true"></i>
      {{ __('Back') }}
    </a>
  </div>
  <div class="box-body">
    

    <div class="row">
      <div class="nav-tabs-custom">
        <div class="col-md-2">
            <ul class="nav nav-stacked" role="tablist" id="myTab">
              <li role="presentation" class="active"><a href="#lis" aria-controls="home" role="tab"
                  data-toggle="tab"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                  Product Details</a></li>
      
              <li role="presentation"><a href="#prospec" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                 Product Specification</a></li>

              <li role="presentation">
                <a href="#cashback_settings" aria-controls="cashback_settings" role="tab" data-toggle="tab"><i class="fa fa-money" aria-hidden="true"></i> {{__("Cashback settings")}}
              </a></li>
      
              <li role="presentation"><a href="#tags" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                 Faq</a></li>
      
              <li role="presentation"><a href="#rel" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                  Related Products</a></li>
            </ul>
        </div>

        <div class="col-md-10">
          <div class="tab-content">


            <div role="tabpanel" class="tab-pane fade in active" id="lis">
             
                @include('admin/product/tab.edit.product')
              
            </div>
    
            <div role="tabpanel" class="fade tab-pane" id="prospec">
              @include('admin.product.tab.edit.productspec')
            </div>

            <div role="tabpanel" class="fade tab-pane" id="cashback_settings">
              @include('admin.product.tab.edit.cashback_settings')
            </div>
    
            <div role="tabpanel" class="fade tab-pane" id="tags">
              @include('admin/product/tab.edit.faq')
            </div>
    
            <div role="tabpanel" class="fade tab-pane" id="rel">
              @include('admin/product/tab.edit.show_related')
            </div>
    
          </div>
        </div>
      </div>
    </div>


  </div>
</div>

<div class="modal fade" id="taxmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="exampleModalCenterTitle">Product Tax Information(PTI)</h4>
        
      </div>

      <div class="modal-body">
        <div id="accordion">
          @foreach(App\TaxClass::all() as $protax)
          <div class="card">
            <div class="card-header" id="headingThree">
              <h5 class="mb-0">
                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#tbl{{$protax->id}}"
                  aria-expanded="false" aria-controls="{{$protax->title}}">
                  {{$protax->title}}
                </button>
              </h5>
            </div>
            <div id="tbl{{$protax->id}}" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
              <div class="card-body">
                <table class="table table-bordered table-striped">
                  <tr>
                    <th>Tax Name
                      <img src="{{(url('images/info.png'))}}" class="height-15" data-toggle="popover"
                        data-content="You Want to Choose Tax Class Then Apply same Tax Class And Tax Rate .">
                    </th>
                    <th>Tax Rate</th>
                    <th>Priority
                      <img src="{{(url('images/info.png'))}}" class="height-15" data-toggle="popover" data-content="1 Priority Is Higher Priority And All Numeric Number Is Lowest Priority,
                      Priority Are Accept Is Numeric Number.">
                    </th>
                    <th>Based On <img src="{{(url('images/info.png'))}}" class="height-15" data-toggle="popover"
                        data-content="You Want To Choose Billing address.. 
                   Then Billing Address And Zone Address Are Same Then Tax Will Be Applied,
                    And You Will Be Choose Store Address then Store Addrss And User Billing Address Is Same Then Tax Will Be Apply  .">
                    </th>
                    <th>Zone Details<img src="{{(url('images/info.png'))}}" class="height-15" data-toggle="popover"
                        data-content="You Want To Choose Billing address.. 
                   Then Billing Address And Zone Address Are Same Then Tax Will Be Applied,
                    And You Will Be Choose Store Address then Store Addrss And User Billing Address Is Same Then Tax Will Be Apply  .">
                    </th>
                  </tr>
                  @if(isset($protax->priority))

                  @foreach($protax->priority as $k=> $taxRate)

                  @if(isset($protax->taxRate_id[$taxRate]))