@section('extraCss')
<style>
    .partyCombinations td,
    .partyCombinations td input{
        font-size:11px;
    }
     table.TableAddDelete,.TableAddcompont{
    width: 100%;
    border-collapse: collapse;
    margin-top:20px;
}
table.TableAddDelete th, table.TableAddDelete td,table.TableAddcompont th,table.TableAddcompont td{
    border: 1px solid #cdcdcd;
    padding: 7px;
}


.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}

.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
}

/* .accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #099DF6;
} */

.accordion dd,
.accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
  max-width: 100%;
}

/* .container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
} */

.accordionTitle,
.accordion__Heading {
  background-color: #099DF6;
  /*text-align: center; */
  
  text-indent: 3px;
  font-weight: 700;
  padding: 10px;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #30bb64;
}

.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.9em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #38CC70;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #38CC70;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: auto;
  max-height: 900px;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 900px;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: 900px;
}

.animateIn {
  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
  animation: accordionIn 0.65s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
  animation: accordionOut 0.75s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}

@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}
/*label styles */

.label-style {
  float: left;
  margin-right: 15px;
  padding-top: 5px;
  padding-left: 100px;
}
/* form headings */

.headings {
  text-align: center;
  font-weight: bold;
}
/* button styles */

.button-container {
  text-align: center;
  margin-bottom: 5px;
}
/* position of the hint */

.hint {
  display: inline-block;
  position: relative;
  margin-left: 0.5em;
  margin-top: 0.3em;
}
/* background style for 'i' */

.hint-icon {
  background: #099DF6;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-family: 'Libre Baskerville';
  height: 20px;
  line-height: 1.3em;
  text-align: center;
  width: 20px;
}
/* hint icon hover style */

.hint-icon:hover {
  background: #1f8ac9;
}
/* Displays the hint. important! Do not remove. */

.hint:hover .hint-description,
.hint:focus .hint-description {
  display: inline-block;
}
/* position of the hint  */

.hint-description {
  display: none;
  background: #3b3b3b;
  border: 1px solid #099DF6;
  border-radius: 3px;
  font-size: 0.8em;
  color: #ffffff;
  font-weight: bold;
  /*padding: 1em; */
  
  position: absolute;
  left: 30px;
  top: -15px;
  width: 180px;
  height: auto;
}
/* styling for the arrow */

.hint-description:before,
.hint-description:after {
  content: "";
  position: absolute;
  left: -11px;
  top: 15px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #099DF6;
}
/* overlay styling */

.hint-description:after {
  left: -10px;
  border-right-color: #3b3b3b;
}
</style>
@endsection
@php
//$partyType = [1 => 'RETAILER',2 =>'AGENT', 3 => 'DISTRIBUTOR',4=> 'VENDOR',5=> 'MBO', 6 => 'LFS'];
$posType = [1 => 'COMPANY',2 =>'FRANCHISE', 3 => 'LFS'];
//$partyHas = [1 => 'MBO',2 =>'EBO', 3 => 'SIS'];
$partythrough = [1 => 'DIRECT',2 =>'AGENT', 3 => 'DISTRIBUTOR'];
$partybillTo = [1 => 'PARTY',2 =>'AGENT', 3 => 'DISTRIBUTOR'];
$GSTType = [1 => 'INCLUSIVE',2 =>'EXCLUSIVE'];
$OnTax = [1 => 'ON NET SALE BEFORE TAX',2 =>'MRP',3 => 'N/A'];
$PaymentTerm = [1 => 'AGAINST PAYMENT',2 =>'DUE DAYS',3=>'Actual Monthly Sales'];

$Partyoffer = [1 => 'COMPANY',2 =>'DISTRIBUTOR', 3 => 'SHARING',4=> 'PARTY',5 => 'N/A'];
$discount = [1 => 'CD',2 =>'TD'];
$discountOn = [1 => 'MRP',2 =>'WSP',3 => 'N/A'];

$addressType = [1 => 'Billing Address',2 =>'Shipping Address'];
$categoryse =  !empty($party->category) ? $party->category : 0;
$partyse =  !empty($party->party_through) ? $party->party_through : 0;

$saddress =   !empty($party->shippingAddress->address)  ? $party->shippingAddress->address : 0;
$scity =  !empty($party->shippingAddress->city) ? $party->shippingAddress->city : 0;
$scode =  !empty($party->shippingAddress->code) ? $party->shippingAddress->code : 0;
$sarea_name =  !empty($party->shippingAddress->area_name) ? $party->shippingAddress->area_name : 0;
$sstate =  !empty($party->shippingAddress->state) ? $party->shippingAddress->state : 0;
$scountry =  !empty($party->shippingAddress->country) ? $party->shippingAddress->country : 0;


@endphp
<form
    method="POST"
    enctype="multipart/form-data" action="{{ route('partyVendors.store') }}"   id="partysub"
>
@csrf

<div class="row">

    @if ($errors->any())
    <div class="alert alert-danger">
        <ul class="list-unstyled">
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
<div class="accordion">
    <dl>
        <dt>
            <!-- accordion tab 1 - Delivery and Pickup Options -->
            <a href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="accordion-title accordionTitle js-accordionTrigger">Party Basic Details</a>
        </dt>    
        <dd class="accordion-content accordionItem " id="accordion1" aria-hidden="true">
            <div class="row" style="padding: 5px;">
            <div class="col-md-4 form-group" id="party_parent">
                <label class="d-block" for="party_parent">Party Parent </label>
                <select name="party_parent" id="party_parent" class="form-control select2 " >
                    <option value="">Select Option</option>  
                    @foreach($allparty as $key => $value)
                    <option value="{{ $value->id }}" {{ !empty($party->parent_id) && $party->parent_id == $value->id ? 'selected' : '' }}>{{ $value->name }}</option>
                    @endforeach          
                </select>
            </div> 
            <div class="col-md-4 form-group" id='party_type_div'>
                <label class="d-block" for="party_type">Party Formate</label>
                <select name="party_type" id="party_type" class="form-control " required>
                    <option value="">Select Option</option>
                    @foreach($partyType as $key => $statusv)
                    <option value="{{ $statusv->id }}" {{ !empty($party->party_type) && $party->party_type == $statusv->id ? 'selected' : '' }}>{{ $statusv->name }}</option>
                    @endforeach
                </select>
                
            </div>

    {{-- <div class="col-md-4 form-group">
        <label for="merchant">Merchant</label>
        <select name="merchant" id="merchant" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($merchant as $key => $value)
            <option value="{{ $value->id }}" {{ !empty($party->merchant) && $party->merchant == $value->id ? 'selected' : '' }}>{{ $value->name }}</option>
            @endforeach            
        </select>
    </div> --}}

    <div class="col-md-4 form-group" id="party_through_div">
        <label class="d-block" for="party_through">Through</label>
        <select name="party_through" id="party_through" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($partythrough as $key => $partythr)
            <option value="{{ $key }}" {{ !empty($party->party_through) && $party->party_through == $key ? 'selected' : '' }} >{{ $partythr }}</option>
            @endforeach
        </select>
    </div>
    
    <div class="col-md-4 form-group" id="agent_div">
        <label class="d-block" for="agent">Agent Name</label>
        <select name="agent" id="agent" class="form-control " required>
            <option value="">Select Option</option>  
            @foreach($agents as $key => $value)
            <option value="{{ $value->id }}" {{ !empty($party->agent) && $party->agent == $value->id ? 'selected' : '' }}>{{ $value->name }}</option>
            @endforeach          
        </select>
    </div>

    <div class="col-md-4 form-group" id="distri_div">
        <label class="d-block" for="distributor">Distributor Name</label>
        <select name="distributor" id="distri" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($distributors as $key => $value)
            <option value="{{ $value->id }}" {{ !empty($party->distributor) && $party->distributor == $value->id ? 'selected' : '' }}>{{ $value->name }}</option>
            @endforeach             
        </select>
    </div> 

    <div class="col-md-4 form-group" id='party_bill_to_div'>
        <label class="d-block" for="party_bill_to">Bill To</label>
        <select name="party_bill_to" id="party_bill_to" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($partybillTo as $key => $statusv)
            <option value="{{ $key }}" {{ !empty($party->party_bill_to) && $party->party_bill_to == $key ? 'selected' : '' }}>{{ $statusv }}</option>
            @endforeach
        </select>
    </div>
    
    {{-- <div class="col-md-4 form-group">
        <label class="d-block" for="brand">Label</label>
        <select name="brand" id="brand" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($brands as $key => $brand)
            <option value="{{ $brand->id }}" {{ !empty($party->label) && $party->label == $brand->id ? 'selected' : '' }} >{{ $brand->name }}</option>
            @endforeach
        </select>
    </div> --}}
    
    {{-- <div class="col-md-4 form-group"><label class="d-block" for="merchant">Category</label>
        <select name="category" id="section" class="form-control select2">
              <option value="">Any</option>
              @foreach($sections as $section)
              @php $dash=''; @endphp
              <option value="{{ $section->id }}">{{ $section->name }}</option>
              @foreach ($section->childrenCategories as $childCategory)
                  @include('backend.subsections.child_category', ['child_category' => $childCategory])
              @endforeach
              @endforeach
          </select>
    </div> --}}
    
    <div class="col-md-4 form-group">
        <label class="d-block" for="discount_on">Discount Base</label>
        <select name="discount_on" id="discount_on" class="form-control " required>
            <option value="">Select Option</option>
            <option value="wsp" {{ !empty($party->discount_base) && $party->discount_base == 'wsp' ? 'selected' : '' }}>WSP</option>
            <option value="mrp" {{ !empty($party->discount_base) && $party->discount_base == 'mrp' ? 'selected' : '' }}>MRP</option>
        </select>
    </div>
    
    {{-- <div class="col-md-4 form-group">
        <label for="wdiscount1">Discount/Margin(%)</label>
        <input class="form-control" name="discount" id="discount" required value="{{ !empty($party->discount)  ? $party->discount : ''}}" placeholder="Enter Discount" type="number" min="0" max="70" />
    </div> --}}
    
    <div class="col-md-4 form-group"><label class="d-block" for="gsttype">GST</label>
        <select name="gsttype" id="gsttype" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($GSTType as $key => $statusv)
            <option value="{{ $key }}" {{ !empty($party->gsttype) && $party->gsttype == $key ? 'selected' : '' }}>{{ $statusv }}</option>
            @endforeach
        </select>
    </div> 

    <div class="col-md-4 form-group" id='party_offer_div'><label class="d-block" for="party_offer">Offer/Schemes</label>
        <select name="party_offer" id="party_offer" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($Partyoffer as $key => $statusv)
            <option value="{{ $key }}" {{ !empty($party->party_offer) && $party->party_offer == $key ? 'selected' : '' }} >{{ $statusv }}</option>
            @endforeach
        </select>
    </div> 

    <div class="col-md-4 form-group"><label class="d-block" for="spe_discount">Special Discounts</label>
        <select name="spe_discount" id="spe_discount" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($OnTax as $key => $statusv)
            <option value="{{ $key }}" {{ !empty($party->special_discount) && $party->special_discount == $key ? 'selected' : '' }}>{{ $statusv }}</option>
            @endforeach
        </select>
    </div>   
    
    <div class="col-md-4 form-group" id='party_pos_div'>
      <label class="d-block" for="party_pos">BUSINESS MODEL</label>
      <select name="party_pos" id="party_pos" class="form-control " required>
          <option value="">Select Option</option>
          @foreach($partyHas as $key => $statusv)
          <option value="{{ $statusv->id }}" {{ !empty($party->party_pos) && $party->party_pos == $statusv->id ? 'selected' : '' }}>{{ $statusv->name }}</option>
          @endforeach
      </select>      
    </div>

    <input type="hidden" name="party_id" id='party_id' value="{{ !empty($party->id) ? $party->id : '' }}">

    <div class="col-md-4 form-group">
        <label for="vendor_id"> Party Name</label>
        <input class="form-control" name="name" id="names" required value="{{ !empty($party->name)  ? $party->name : ''}}" placeholder="Enter Name"/>
    </div>

    {{-- <div class="col-md-4 form-group">
        <label for="collection_id">Company Name </label>
        <input class="form-control" name="company_name" id="company_name" required value="{{ !empty($party->company_name)  ? $party->company_name : ''}}" placeholder="Enter Company Name" max ='190'/>
    </div> --}}

    <div class="col-md-4 form-group">
        <label for="short_desc">Code </label>
        <input class="form-control" name="com_code" id="com_code" required value="{{ !empty($party->abbr)  ? $party->abbr : ''}}" placeholder="Enter Shortcode" max="10"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">GST Number </label>
        <input class="form-control" name="vat_number" id="vat_number" required value="{{ !empty($party->vat_number)  ? $party->vat_number : ''}}" placeholder="Enter Company GST"  pattern="^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$" min="15" max="15"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">PAN Number </label>
        <input class="form-control" name="pan_number" id="pan_number"  value="{{ !empty($party->pan)  ? $party->pan : ''}}" placeholder="Enter Company Pan" pattern="[A-Z]{5}[0-9]{4}[A-Z]{1}" />
    </div>

    {{-- <div class="col-md-4 form-group">
        <label for="long_desc">Email </label>
        <input class="form-control" name="email" id="email" required value="{{ !empty($party->email)  ? $party->email : ''}}" placeholder="Enter Email" type="email"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">Phone </label>
        <input class="form-control" name="phone_number" id="phone_number" required value="{{ !empty($party->phone_number)  ? $party->phone_number : ''}}" placeholder="Enter Phone" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$"/>
    </div> --}}

    {{-- <div class="col-md-4 form-group">
        <label for="long_desc">Address </label>
        <input class="form-control" name="address" id="address" required value="{{ !empty($party->address)  ? $party->address : ''}}" placeholder="Enter Address"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">City </label>
        <input class="form-control" name="city" id="city" required value="{{ !empty($party->city)  ? $party->city : ''}}" placeholder="Enter City"/>
    </div> --}}

    {{-- <div class="col-md-4 form-group">
        <label for="long_desc">State </label> --}}
        {{-- <input class="form-control" name="state" id="state" required value="{{ !empty($party->state)  ? $party->state : ''}}" placeholder="Enter  State"/> --}}
        {{-- <select name="state" id="states" class="form-control " required>
            <option value="">Select Option</option>
            @foreach($states as $key => $state)
            <option value="{{ $state->zone_id }}" {{ !empty($party->state) && $party->state == $state->zone_id ? 'selected' : '' }}>{{ $state->name }}</option>
            @endforeach
    </select>
    </div> --}}

    {{-- <div class="col-md-4 form-group">
        <label for="long_desc">Post Code </label>
        <input class="form-control" name="postal_code" id="postal_code" required value="{{ !empty($party->postal_code)  ? $party->postal_code : ''}}" placeholder="Enter Post Code" pattern="^[1-9]{1}[0-9]{2}\\s{0, 1}[0-9]{3}$"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">Area Name </label>
        <input class="form-control" name="area_name" id="area_name" required value="{{ !empty($party->area_name)  ? $party->area_name : ''}}" placeholder="Enter Area Name"/>
    </div>  --}}
    
    <div class="col-md-4 form-group">
        <label for="long_desc">Credit Limit </label>
        <input class="form-control" name="credit" id="credit"  value="{{ !empty($party->credit)  ? $party->credit : ''}}" placeholder="Enter credit limit" type="number" min="0"  step="any"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">Billing Limit </label>
        <input class="form-control" name="billing" id="billing"  value="{{ !empty($party->billing)  ? $party->billing : ''}}" placeholder="Enter billing limit" type="number" min="0" step="any"/>
    </div>
</div>
</dd>
   <dt>
    <!-- accordion tab 2 - Shipping Info -->
    <a href="#accordion2" aria-expanded="false" aria-controls="accordion2" class="accordion-title accordionTitle js-accordionTrigger">Contact Information</a>
  </dt>
  <dd class="accordion-content accordionItem is-collapsed" id="accordion2" aria-hidden="true">
    

    <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
            <tr>
              {{-- <th class="text-center">Department</th> --}}
              <th class="text-center">Contact Person</th>              
              <th class="text-center">Number</th>
              <th class="text-center">Designation</th>
              <th class="text-center">Email</th>
              <th class="text-center"> Action </th>
            </tr>
          </thead>
          <tbody id="tbody">
            @if(!empty($party->contects))
                @php $con =1; @endphp
                @foreach ($party->contects as $item)
                <tr id="R{{$con}}">
                    
                    <td class="row-index text-center">
                        <input type="text" name="contactname[]" value="{{ $item->name }}" class="form-control m-input" placeholder="Enter name" autocomplete="off">
                    </td>
                    <td class="row-index text-center">
                        <input type="number" name="contectnumber[]" value="{{ $item->number }}" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" class="form-control m-input" placeholder="Enter number"  autocomplete="off">
                    </td>
                    <td class="row-index text-center">
                        <input type="text" name="degination[]" value="{{ $item->degination }}" class="form-control m-input" placeholder="Enter Degination" autocomplete="off">
                    </td>
                    <td class="row-index text-center">
                        <input type="text" name="email[]"  value="{{ $item->email }}" class="form-control m-input" placeholder="Enter Email" autocomplete="off">
                    </td>
                    <td class="text-center">
                      <button class="deleteRecord" data-id="{{ $item->id }}" >Delete</button>
                    </td>
                </tr>
                  @php  $con++; @endphp
                @endforeach
            @endif
    
          </tbody>
        </table>
    </div>

    <button class="btn btn-md btn-primary" id="addBtn" type="button"> Add Contact </button>  

    <div class="col-md-12"><hr/></div>
  </dd>
  <dt>
    <!-- accordion tab 3 - Payment Info -->
    <a href="#accordion3" aria-expanded="false" aria-controls="accordion3" class="accordion-title accordionTitle js-accordionTrigger">Billing Information</a>
      
  </dt>
  <dd class="accordion-content accordionItem is-collapsed" id="accordion3" aria-hidden="true">  
    <div class="table-responsive">
    
        <table class="table table-bordered">
          <thead>
            <tr>              
              <th class="text-center">Address</th>  
              <th class="text-center">City</th>
              <th class="text-center"> Post Code </th>   
              <th class="text-center"> Area Name </th>         
              <th class="text-center">State</th>
              <th class="text-center">Country</th>
              {{-- <th class="text-center"> Action </th> --}}
            </tr>
          </thead>
          <tbody id="addresstbody"> 
                <tr>                   
                    <td class="row-index text-center">
                        <input type="text" name="address" id="address" required value="{{ !empty($party->address)  ? $party->address : ''}}" class="form-control m-input" placeholder="Enter address" autocomplete="off">
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="city" id="city" required value="{{ !empty($party->city)  ? $party->city : ''}}" placeholder="Enter City" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="postal_code" id="postal_code" required value="{{ !empty($party->postal_code)  ? $party->postal_code : ''}}" placeholder="Enter Post Code" pattern="^[1-9]{1}[0-9]{2}\\s{0, 1}[0-9]{3}$" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="area_name" id="area_name" required value="{{ !empty($party->area_name)  ? $party->area_name : ''}}" placeholder="Enter Area Name" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <select name="state" id="state" class="form-control " required>
                            <option value="">Select Option</option>
                            @foreach($states as $key => $state)
                            <option value="{{ $state->zone_id }}" {{ !empty($party->state) && $party->state == $state->zone_id ? 'selected' : '' }}>{{ $state->name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td class="row-index text-center">
                        <select name="country" id="country" class="form-control " required>
                            <option value="">Select Option</option>
                            @foreach($country as $key => $countr)
                            <option value="{{ $countr->country_id }}" {{ !empty($party->country) && $party->country == $countr->country_id ? 'selected' : '' }}>{{ $countr->name }}</option>
                            @endforeach
                    </select>
                    </td>
                    {{-- <td class="text-center">
                        <button class="btn btn-danger removeaddress"
                        type="button">Remove</button> 
                    </td> --}}
                </tr> 
          </tbody>
        </table>
    </div>

    {{-- <button class="btn btn-md btn-primary" id="addaddressBtn" type="button"> Add Address </button>    --}}

    <div class="col-md-12"><hr/></div>
</dd>
<dt>
    <!-- accordion tab 4 - Payment Info -->
    <a href="#accordion4" aria-expanded="false" aria-controls="accordion4" class="accordion-title accordionTitle js-accordionTrigger">Shipping Information</a>
  </dt>
  <dd class="accordion-content accordionItem is-collapsed" id="accordion4" aria-hidden="true">
  </br>
  <input type="checkbox" id="myCheck" onclick="myBilling()">  
   <label for="myCheck"><b> Same as Billing Address </b></label></br>

    <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
            <tr>              
              <th class="text-center">Address</th>  
              <th class="text-center">City</th>
              <th class="text-center"> Post Code </th>   
              <th class="text-center"> Area Name </th>         
              <th class="text-center">State</th>
              <th class="text-center">Country</th>
              {{-- <th class="text-center"> Action </th> --}}
            </tr>
          </thead>
          <tbody id="addresstbody"> 
                <tr>                   
                    <td class="row-index text-center">
                        <input type="text" name="saddress" id="saddress" required value="{{ !empty($party->shippingAddress->address)  ? $party->shippingAddress->address : ''}}" class="form-control m-input" placeholder="Enter address" autocomplete="off">
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="scity" id="scity" required value="{{ !empty($party->shippingAddress->city)  ? $party->shippingAddress->city : ''}}" placeholder="Enter City" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="spostal_code" id="spostal_code" required value="{{ !empty($party->shippingAddress->code)  ? $party->shippingAddress->code : ''}}" placeholder="Enter Post Code" pattern="^[1-9]{1}[0-9]{2}\\s{0, 1}[0-9]{3}$" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="sarea_name" id="sarea_name" required value="{{ !empty($party->shippingAddress->area_name)  ? $party->shippingAddress->area_name : ''}}" placeholder="Enter Area Name" autocomplete="off"/>
                    </td>
                    <td class="row-index text-center">
                        <select name="sstate" id="sstate" class="form-control " required>
                            <option value="">Select Option</option>
                            @foreach($states as $key => $state)
                            <option value="{{ $state->zone_id }}" {{ !empty($party->shippingAddress->state) && $party->shippingAddress->state == $state->zone_id ? 'selected' : '' }}>{{ $state->name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td class="row-index text-center">
                        <select name="scountry" id="scountry" class="form-control " required>
                            <option value="">Select Option</option>
                            @foreach($country as $key => $countr)
                            <option value="{{ $countr->country_id }}" {{ !empty($party->shippingAddress->country) && $party->shippingAddress->country == $countr->country_id ? 'selected' : '' }}>{{ $countr->name }}</option>
                            @endforeach
                    </select>
                    </td>
                   {{-- <td class="text-center">
                         <button class="btn btn-danger removeaddress"
                        type="button">Remove</button> 
                    </td> --}}
                </tr> 
          </tbody>
        </table>
    </div>

    <div class="col-md-12"><hr/></div>
  </dd>

  <dt>
    <!-- accordion tab 5 - Payment Info -->
    <a href="#accordion5" aria-expanded="false" aria-controls="accordion5" class="accordion-title accordionTitle js-accordionTrigger">Discount Information</a>
  </dt>
  <dd class="accordion-content accordionItem is-collapsed" id="accordion5" aria-hidden="true">
       

    <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
            <tr>              
                <th class="text-center">Brand</th>
                <th class="text-center">Category</th>              
                <th class="text-center">MRP < 1000</th>  
                <th class="text-center">MRP > 1000</th>  
                <th class="text-center"> Action </th>
            </tr>
          </thead>
          <tbody id="discounttbody"> 
            @if(!empty($party->discountes))
            @php $addr =1;  @endphp
            @foreach ($party->discountes as $item)
                <tr id="R{{$addr}}">                   
                    <td class="row-index text-center">
                        <select name="brand[]" id="brand" class="form-control " required>
                            <option value="">Select Option</option>
                            @foreach($brands as $key => $brand)
                            <option value="{{ $brand->id }}" {{ !empty($item->brand) && $item->brand == $brand->id ? 'selected' : '' }} >{{ $brand->name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td class="row-index text-center">
                        <select name="category[]" id="section" required class="form-control select2">
                            <option value="">Any</option>
                            @foreach($sections as $section)
                            @php $dash=''; @endphp
                            <option value="{{ $section->id }}" {{ $section->id == $item->category ? 'selected' : ''}}>{{ $section->name }}</option>
                            @foreach ($section->childrenCategories as $childCategory)
                                @include('backend.partyVendors.subsections.child_category', ['child_category' => $childCategory])
                            @endforeach
                            @endforeach
                        </select>
                    </td>
                    <td class="row-index text-center">
                        <input class="form-control" name="lowerdis[]" id="lowerdis" required value="{{ !empty($item->lowerdis)  ? $item->lowerdis : ''}}" placeholder="Enter Lower Discount" type="number" min="0" max="100" step=".01"/>
                    </td>
                    <td class="row-index text-center">
                      <input class="form-control" name="upperdis[]" id="upperdis" required value="{{ !empty($item->upperdis)  ? $item->upperdis : ''}}" placeholder="Enter Upper Discount" type="number" min="0" max="100" step=".01"/>
                    </td>
                    
                    <td class="text-center">
                      <button class="btn btn-danger remove"  type="button" id= "{{$value->id}}" onclick="deleteDiscount({{ $item->id }})">remove</button>
                      {{-- <button class="deleteDiscount btn btn-danger remove" data-id="{{ $item->id }}" >Delete</button> --}}
                    </td>
                </tr>
            @php  $addr++; @endphp
            @endforeach
            @endif
          </tbody>
        </table>
    </div>    

    <button class="btn btn-md btn-primary" id="adddiscountBtn" type="button"> Add Discount </button>  
    
    <div class="col-md-12"><hr/></div>
  </dd>
  @if(!empty($party))
  <dt>
    <!-- accordion tab 6 - Payment Info -->
    <a href="#accordion6" aria-expanded="false" aria-controls="accordion6" class="accordion-title accordionTitle js-accordionTrigger">Module Information</a>
  </dt>
  <dd class="accordion-content accordionItem is-collapsed" id="accordion6" aria-hidden="true">
    

    <table class="table table-striped mb-0">
        <tr>              
            <th class="text-center" width='50'>Modules</th>
            <th class="text-center">Functions</th>  
        </tr>
    </table>    
    @if(!empty($permission->modules))
    <table class="table table-striped">
        
        @php 
               $modules = json_decode($permission->modules); 
               $partyPermission = json_decode($party->permission); 
        @endphp
        @foreach($modules as $key => $module)  
        <tr>          
            <td> <label for="{{ str_replace('.','=',$key) }}">{{ $key }}</label> </td>
            <td> <input type="checkbox" class="allowall"> Allow ALL </td>
           
            @foreach($module as $key => $value)
             <td> <input name="permission[]" type="checkbox" value="{{ $value }}" {{ ( !empty($partyPermission) && in_array($value ,$partyPermission)) ? 'checked' : '' }}>  {{ $value }} </td>
            @endforeach
        </tr>
        @endforeach
    </table>
    @endif
    @endif
    
  </dd>    
  <div class="col-md-12 text-right">    
    <button type="submit" class="btn btn-success" id='partysubmit' style="float:right; margin:5px;"><i class="fa fas fa-save"></i> Party Send for approval</button>        
    <a  class="btn btn-danger" style="float:right; margin:5px;">Cancel</a>
</div>
    </dl>  
</div>
</div>
</form>
@if(!empty($party))
{{-- <button class="btn btn-success float-left btn-sm" type="button"  data-toggle="modal" data-target="#locationModel" id="add-location" style="float:right; margin:10px;">
    <i class="fa fas fa-plus"></i> Add Location</button> --}}
    {{-- <a href=" {{ route('partyVendors-Locationcreate',['id' => $party->id]) }}" class="btn btn-success float-left btn-sm"><i class="fa fas fa-pencil"> Add Location </i></a> --}}

    @endif
<!-- Modal -->
<div class="modal fade" id="locationModel" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header" >
              <h5> Add Location</h5>
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
               
            </div>
            
            <!-- Modal Body -->
            <div class="modal-body">
                <p class="statusMsg"></p>
                <!-- <form role="form"> -->
                <form action="{{ route('locationsave') }}" method="post" name="hsnFrm">
                 @csrf  
                    <div class="row">
                    <input id="locationid" name ='locationid' type="hidden">
                    <div class="col-md-4 form-group" id='pos_type_div'><label class="d-block" for="pos_type">Pos Type</label>
                          <select name="pos_type" id="pos_type" class="form-control " required>
                              <option value="">Select Option</option>
                              @foreach($posType as $key => $statusv)
                              <option value="{{ $key }}" {{ old('status') == $key ? 'selected' : '' }}>{{ $statusv }}</option>
                              @endforeach
                          </select>
                          <input type="hidden" name="party_id" id='party_id' value="{{ !empty($party->id) ? $party->id : '' }}">
                    </div>
                    <div class="col-md-4 form-group"><label for="hsnname">Name</label><input class="form-control" name="name" id="locname" required value="" placeholder="Enter Name"/></div>
                    <div class="col-md-4 form-group stypes"><label for="hsntype">Type</label><select class="form-control" name="stype" id="loctype" required><option value="">Select Option</option><option value="1">Warehouse</option><option value="2">POS</option></select></div>
           
                    <div class="col-md-4 form-group"><label for="hsnCcode">Company Code</label><input class="form-control" name="company_code" id="loccode" required value="" placeholder="Enter Company Code"/></div>
                    <div class="col-md-4 form-group"><label for="hsncode">Location Code</label><input class="form-control" name="warehouse_code" id="warecode" required value="" placeholder="Enter  Code"/></div>
                    <div class="col-md-4 form-group"><label for="wphone">Phone</label><input class="form-control" name="phone" id="wphone" required value="" placeholder="Enter  Phone"/></div>
                    <div class="col-md-4 form-group"><label for="wemail">Email</label><input class="form-control" name="email" id="wemail" required value="" placeholder="Enter  Email" type="email"/></div>
                    <div class="col-md-4 form-group"><label for="waddress">Address</label><input class="form-control" name="address" id="waddress" required value="" placeholder="Enter  Address"/></div>
                    <div class="col-md-4 form-group"><label for="wcity">City</label><input class="form-control" name="city" id="wcity" required value="" placeholder="Enter  City"/></div>
                    <div class="col-md-4 form-group"><label for="wstate">State</label><input class="form-control" name="state" id="wstate" required value="" placeholder="Enter  State"/></div>
                    <div class="col-md-4 form-group"><label for="wcontactp">Contact Person</label><input class="form-control" name="contact_person" id="wcontactp" required value="" placeholder="Enter  Contact Person"/></div>
                    <div class="col-md-4 form-group" id="gst_type"><label for="wgstin">GSTIN</label><input class="form-control" name="gstin" id="wgstin" required value="" placeholder="Enter  GSTIN"/></div>
                    <div class="col-md-4 form-group" id="gst_date"><label for="wgstin">GST Date</label><input class="form-control datepicker" name="gst_date" id="wgstdate" required value="" placeholder="Enter  GST Date"/><sub class="text-danger">Date format: YYYY-mm-dd</sub></div>
                    
                    <div class="col-md-12"><h5> Contect Details</h5><hr/></div> 

                    <div class="table-responsive">
                        <table class="table table-bordered">
                        <thead>
                            <tr>
                            <th class="text-center">Department</th>
                            <th class="text-center">Contect Person</th>              
                            <th class="text-center">Number</th>
                            <th class="text-center">Degination</th>
                            <th class="text-center"> Action </th>
                            </tr>
                        </thead>
                        <tbody id="tbody">
                            @if(!empty($party->contects))
                                @php $con =1; @endphp
                                @foreach ($party->contects as $item)
                                <tr id="R{{$con}}">
                                    <td class="row-index text-center">
                                        <input type="text" name="departname[]"  value="{{ $item->departname }}" class="form-control m-input" placeholder="Enter name" autocomplete="off">
                                    </td>
                                    <td class="row-index text-center">
                                        <input type="text" name="contactname[]" value="{{ $item->name }}" class="form-control m-input" placeholder="Enter name" autocomplete="off">
                                    </td>
                                    <td class="row-index text-center">
                                        <input type="number" name="contectnumber[]" value="{{ $item->number }}" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" class="form-control m-input" placeholder="Enter number"  autocomplete="off">
                                    </td>
                                    <td class="row-index text-center">
                                        <input type="text" name="degination[]" value="{{ $item->degination }}" class="form-control m-input" placeholder="Enter Degination" autocomplete="off">
                                    </td>
                                    
                                    <td class="text-center">
                                        {{-- <button class="btn btn-danger remove"
                                        type="button">Remove</button> --}}
                                    </td>
                                </tr>
                                @php  $con++; @endphp
                                @endforeach
                            @endif
                    
                        </tbody>
                        </table>
                    </div>
                    
                    <button class="btn btn-md btn-primary" id="addBtn" type="button"> Add Contact </button>  

                    <div class="col-md-12"><hr/></div>

                    <div class="col-md-12"><h5> Address Details</h5><hr/></div> 

                    <div class="table-responsive">
                        <table class="table table-bordered">
                        <thead>
                            <tr>
                            <th class="text-center">Address Type</th>
                            <th class="text-center">Address</th>              
                            <th class="text-center">State</th>
                            <th class="text-center">Country</th>
                            <th class="text-center"> Action </th>
                            </tr>
                        </thead>
                        <tbody id="addresstbody">
                        
                            @if(!empty($party->addr))
                                @php $addr =1;  @endphp
                                @foreach ($party->addr as $item)
                                <tr id="R{{$addr}}">
                                    <td class="row-index text-center">
                                        <select name="billingaddType[]" id="addType" class="form-control " required>
                                            <option value="">Select Option</option>
                                            @foreach($addressType as $key => $statusv)
                                            <option value="{{ $key }}" {{ !empty($item->addType) && $item->addType == $key ? 'selected' : '' }}>{{ $statusv }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td class="row-index text-center">
                                        <input type="textare" name="billingaddress[]" value="{{ $item->address }}" class="form-control m-input" placeholder="Enter address" autocomplete="off">
                                    </td>
                                    <td class="row-index text-center">
                                        <select name="billingstate[]" id="state" class="form-control " required>
                                            <option value="">Select Option</option>
                                            @foreach($states as $key => $state)
                                            <option value="{{ $state->zone_id }}" {{ !empty($item->state) && $item->state == $state->zone_id ? 'selected' : '' }}>{{ $state->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td class="row-index text-center">
                                        <select name="billingcountry[]" id="country" class="form-control " required>
                                            <option value="">Select Option</option>
                                            @foreach($country as $key => $countr)
                                            <option value="{{ $countr->country_id }}" {{ !empty($item->country) && $item->country == $countr->country_id ? 'selected' : '' }}>{{ $countr->name }}</option>
                                            @endforeach
                                    </select>
                                    </td>
                                    <td class="text-center">
                                        {{-- <button class="btn btn-danger removeaddress"
                                        type="button">Remove</button> --}}
                                    </td>
                                </tr>
                                @php  $addr++; @endphp
                                @endforeach
                            @endif
                        </tbody>
                        </table>
                    </div>

                    <button class="btn btn-md btn-primary" id="addaddressBtn" type="button"> Add Address </button>   

                    <div class="col-md-12"><hr/></div>

                                    <button class="btn btn-block btn-primary" id="btn-save" >Send For Approval</button>
                                    </div>
                                </form>
                            </div>
                            
                            <!-- Modal Footer -->
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            
                            </div>
                        </div>
                    </div>
</div>
@section('extraJs')
<script type="text/javascript">
    // add row

    function myBilling() {
    var checkBox =document.getElementById("myCheck");;  

    var address = $("#address").val();  
    var city = $("#city").val();     
    var postal_code = $("#postal_code").val(); 
    var area_name = $("#area_name").val(); 
    var state = $("#state").val(); 
    var country = $("#country").val(); 

    var saddress =  '{{  $saddress }}';
    var scity = '{{  $scity }} ' ;
    var spostal_code = '{{  $scode }}';
    var sarea_name = '{{  $sarea_name }}';
    var sstate = '{{  $sstate }}';
    var scountry = '{{  $scountry }}' ;

    console.log(checkBox.checked,address,city,postal_code,area_name,state,country);
    if (checkBox.checked == true){
          $("#saddress").val(address);  
          $("#scity").val(city);     
          $("#spostal_code").val(postal_code); 
          $("#sarea_name").val(area_name); 
          $("#sstate").val(state); 
          $("#scountry").val(country);  
    } else {
          $("#saddress").val(saddress);  
          $("#scity").val(scity);     
          $("#spostal_code").val(spostal_code); 
          $("#sarea_name").val(sarea_name); 
          $("#sstate").val(sstate); 
          $("#scountry").val(scountry); 
    }
  }

    $("#addRow").click(function () {
        var html = '';
        html += '<div id="inputFormRow" class="row">';
        html += '<div class="col-md-3 form-group">';
        html += '<input type="text" name="name[]" class="form-control m-input" placeholder="Enter name" autocomplete="off">';
        html += '</div>';
        html += '<div class="col-md-3 form-group">';
        html += '<input type="number" name="number[]" class="form-control m-input" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" placeholder="Enter number"  autocomplete="off">';
        html += '</div>';
        html += '<div class="col-md-3 form-group">';
        html += '<input type="text" name="degination[]" class="form-control m-input" placeholder="Enter Degination" autocomplete="off">';
        html += '</div>';
        html += '<div class="col-md-3 form-group input-group-append">';
        html += '<button id="removeRow" type="button" class="btn btn-danger">Remove</button>';
        html += '</div>';
        html += '</div>';
       

        $('#newRow').append(html);
    });

    var cate = {{ $categoryse }}
    
    $('#section option[value="' + cate + '"]').attr("selected", "selected");

    // remove row
    $(document).on('click', '#removeRow', function () {
        $(this).closest('#inputFormRow').remove();
    });

    var part = {{ $partyse }}

    if(part == 2){        
            $('#agent_div').show();
            $('#distri_div').hide();
            $("#distri").attr("required", false); 
    }

    if( part == 3){
        $('#agent_div').hide();
        $("#agent").attr("required", false); 
        $('#distri_div').show();
    }
    if( part == 1){
        $('#agent_div').hide();
        $("#agent").attr("required", false); 
        $('#distri_div').hide();
        $("#distri").attr("required", false);
    }

    $("#party_through").change(function(){
        console.log(this.value);
        if(this.value == 2 || part == 2){        
            $('#agent_div').show();
            $('#distri_div').hide();
            $("#distri").attr("required", false); 
        }

        if(this.value == 3 || part == 3 ){
            $('#agent_div').hide();
            $("#agent").attr("required", false); 
            $('#distri_div').show();
        }
        if(this.value == 1 || part == 1){
            $('#party_bill_to').val(1);
            $('#agent_div').hide();
            $("#agent").attr("required", false); 
            $('#distri_div').hide();
            $("#distri").attr("required", false);
        }
    }); 

    $('body').on('click', '#partyeditsubmit', function () {         

      var _token   = $('meta[name="csrf-token"]').attr('content'); 
      var form_array = $('#partysub').serializeArray();
      form_array.push({ // *expand the array to include a csrf token*
        _token: _token      
      });
        $.ajax({
            type: "post",
            url: "{{ route('partyVendors.store') }}",
            data: form_array,
            dataType: "json",                       
            success: function(response) { 
               // var reason = JSON.stringify(response);  
                var parsed = JSON.parse(response); 
                console.log(parsed);
                if(parsed.error !== 'undefined')
                {
                    jQuery.each(response.error, function(key, value){
                            toastr.error(value);                  			
                  		});
                }else{
                    toastr.success(parsed.success);
                }
                
            }
        });
      
    }); 
    
    $(".deleteRecord").click(function(){
      var id = $(this).data("id");
     // var _token   = $('meta[name="csrf-token"]').attr('content'); 
      if(confirm('Are you sure to delete this record ?')) {
        $.ajax(
        {
            url: "{{ route('contactdelete') }}",
            type: 'DELETE',
            data: {
                "id": id,
                "_token": "{{ csrf_token() }}",
            },
            success: function (data){
              $("#" + id).remove();
              alert("Record delete successfully."); 
              },             
              error: function (data) {
                    alert(data.responseText);
                }
            
        });
      }
    });

    $(".deleteDiscount").click(function(){
      var id = $(this).data("id");     
      var _token   = $('meta[name="csrf-token"]').attr('content'); 
      if(confirm('Are you sure to delete this record ?')) {
        $.ajax(
        {
            url: "{{ route('discountdelete') }}",
            type: 'post',
            data: {
                "id": id,
                "_token": "{{ csrf_token() }}"
            },
            success: function (data){
              console.log(data); return false;
              $("#" + id).remove();            
             // alert(data['success']);
            
                },
                error: function (data) {
                  console.log(data); return false;
                 //   alert(data.responseText);
                }
            
        });
      }
  });

function deleteDiscount(id)
{ 
     var _token   = $('meta[name="csrf-token"]').attr('content');   
      $.ajax({
        type: "delete",
        url: "{{ route('discountdelete') }}",
        data: {
          id: id,                
          _token: "{{ csrf_token() }}"
        },
        dataType: "json",
        success: function(response) { 
            toastr.success(response.massage);
            $("#" + id).remove();
          //  window.location.reload();
           //console.log(response.massage);
           //toastr.success(response.massage);
        },
        error: function(response) {
          console.log(response.responseJSON.errors);
        }
    
  
      });
}

    $(document).ready(function () {
  
        // Denotes total number of rows
        var rowIdx = 0;
        var addressIdx = 0;

        // jQuery button click event to add a row
        $('#addBtn').on('click', function () {

            // Adding a row inside the tbody.
            $('#tbody').append(`<tr id="R${++rowIdx}">                
                <td class="row-index text-center">
                    <input type="text" name="contactname[]" class="form-control m-input" placeholder="Enter name" autocomplete="off" required>
                </td>
                <td class="row-index text-center">
                    <input type="number" name="contectnumber[]"  pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" class="form-control m-input" placeholder="Enter number"  autocomplete="off" required>
                </td>
                <td class="row-index text-center">
                    <input type="text" name="degination[]" class="form-control m-input" placeholder="Enter Degination" autocomplete="off" required>
                </td> 
                <td class="row-index text-center">
                    <input type="text" name="email[]"  value="" class="form-control m-input" placeholder="Enter Email" autocomplete="off" required>
                </td>
                <td class="text-center">
                    <button class="btn btn-danger remove"
                    type="button">Remove</button>
                </td>
                </tr>`);
        });

        // jQuery button click event to remove a row.
        $('#tbody').on('click', '.remove', function () {

            // Getting all the rows next to the row
            // containing the clicked button
            var child = $(this).closest('tr').nextAll();

            // Iterating across all the rows 
            // obtained to change the index
            child.each(function () {

            // Getting <tr> id.
            var id = $(this).attr('id');

            // Getting the <p> inside the .row-index class.
            var idx = $(this).children('.row-index').children('p');

            // Gets the row number from <tr> id.
            var dig = parseInt(id.substring(1));

            // Modifying row index.
            idx.html(`Row ${dig - 1}`);

            // Modifying row id.
            $(this).attr('id', `R${dig - 1}`);
            });

            // Removing the current row.
            $(this).closest('tr').remove();

            // Decreasing total number of rows by 1.
            rowIdx--;
        });

         // jQuery button click event to add a row
        $('#adddiscountBtn').on('click', function () {

            // Adding a row inside the tbody.
            $('#discounttbody').append(`<tr id="R${++addressIdx}">
                <td class="row-index text-center">  
                    <select name="brand[]" id="brand" class="form-control " required>
                        <option value="">Select Option</option>
                        @foreach($brands as $key => $brand)
                        <option value="{{ $brand->id }}" >{{ $brand->name }}</option>
                        @endforeach
                    </select>
                </td>
                <td class="row-index text-center">
                    <select name="category[]" id="section" class="form-control select2">
                            <option value="">Any</option>
                            @foreach($sections as $section)
                            @php $dash=''; @endphp
                            <option value="{{ $section->id }}">{{ $section->name }}</option>
                            @foreach ($section->childrenCategories as $childCategory)
                                @include('backend.subsections.child_category', ['child_category' => $childCategory])
                            @endforeach
                            @endforeach
                    </select>
                </td>
                <td>
                    <input class="form-control" name="lowerdis[]" id="lowerdis" required placeholder="Enter lower Discount" type="number" min="0" max="100" step=".01"/>
                </td>
                <td>
                    <input class="form-control" name="upperdis[]" id="upperdis" required placeholder="Enter upper Discount" type="number" min="0" max="100" step=".01" />
                </td>
               
                <td class="text-center">
                    <button class="btn btn-danger removeaddiscount"
                    type="button">Remove</button>
                    </td>
                </tr>`);
        });

        // jQuery button click event to remove a row.
        $('#discounttbody').on('click', '.removeaddiscount', function () {

            // Getting all the rows next to the row
            // containing the clicked button
            var child = $(this).closest('tr').nextAll();

            // Iterating across all the rows 
            // obtained to change the index
            child.each(function () {

            // Getting <tr> id.
            var id = $(this).attr('id');

            // Getting the <p> inside the .row-index class.
            var idx = $(this).children('.row-index').children('p');

            // Gets the row number from <tr> id.
            var dig = parseInt(id.substring(1));

            // Modifying row index.
            idx.html(`Row ${dig - 1}`);

            // Modifying row id.
            $(this).attr('id', `R${dig - 1}`);
            });

            // Removing the current row.
            $(this).closest('tr').remove();

            // Decreasing total number of rows by 1.
            rowIdx--;
        });
    });   

//uses classList, setAttribute, and querySelectorAll
//if you want this to work in IE8/9 youll need to polyfill these
(function() {
  var d = document,
    accordionToggles = d.querySelectorAll('.js-accordionTrigger'),
    setAria,
    setAccordionAria,
    switchAccordion,
    touchSupported = ('ontouchstart' in window),
    pointerSupported = ('pointerdown' in window);

  skipClickDelay = function(e) {
    e.preventDefault();
    e.target.click();
  }

  setAriaAttr = function(el, ariaType, newProperty) {
    el.setAttribute(ariaType, newProperty);
  };
  setAccordionAria = function(el1, el2, expanded) {
    switch (expanded) {
      case "true":
        setAriaAttr(el1, 'aria-expanded', 'true');
        setAriaAttr(el2, 'aria-hidden', 'false');
        break;
      case "false":
        setAriaAttr(el1, 'aria-expanded', 'false');
        setAriaAttr(el2, 'aria-hidden', 'true');
        break;
      default:
        break;
    }
  };
  //function
  switchAccordion = function(e) {
    e.preventDefault();
    var thisAnswer = e.target.parentNode.nextElementSibling;
    var thisQuestion = e.target;
    if (thisAnswer.classList.contains('is-collapsed')) {
      setAccordionAria(thisQuestion, thisAnswer, 'true');
    } else {
      setAccordionAria(thisQuestion, thisAnswer, 'false');
    }
    thisQuestion.classList.toggle('is-collapsed');
    thisQuestion.classList.toggle('is-expanded');
    thisAnswer.classList.toggle('is-collapsed');
    thisAnswer.classList.toggle('is-expanded');

    thisAnswer.classList.toggle('animateIn');
  };
  for (var i = 0, len = accordionToggles.length; i < len; i++) {
    if (touchSupported) {
      accordionToggles[i].addEventListener('touchstart', skipClickDelay, false);
    }
    if (pointerSupported) {
      accordionToggles[i].addEventListener('pointerdown', skipClickDelay, false);
    }
    accordionToggles[i].addEventListener('click', switchAccordion, false);
  }
})();

$(document).on('click', '.allowall', function (e) {
        $(this).closest('tr').find('td input:checkbox').prop('checked', this.checked);
    });

</script>

@endsection