@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;
  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'];
$posType = [1 => 'OWNED',2 =>'FRANCHISE'];
$posLFSType = [3 => 'UPWRITE',4 =>'SOR'];

$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'];
$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'];
$OrderType = [1 => 'sampling',2 =>'upcoming', 3 => 'new_arr',4=> 'repeat',5 => 'clearence'];

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

$array = unserialize( $location->order_type );
@endphp
<form
    method="POST"
    enctype="multipart/form-data" action="{{ route('Locationapproval') }}"   id="partysub"
>
@csrf
@isset($party->id)
	{{ method_field('PUT') }}
@endisset
<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">Location 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" >
            <label class="d-block" for="pos_type">Model Type</label>
            @if($party->party_pos === 2)
            <select name="pos_type" id="pos_type" class="form-control " required>
                <option value="">Select Option</option>
                @foreach($posType as $key => $statusv)
                <option value="{{ $key }}" {{ !empty($location->pos_type) && $location->pos_type == $key ? 'selected' : '' }} {{ old('pos_type') == $key ? 'selected' : '' }}>{{ $statusv }}</option>
                @endforeach
            </select> 
            @else
            <select name="pos_type" id="pos_type" class="form-control " required>
              <option value="">Select Option</option>
              @foreach($posLFSType as $key => $statusv)
              <option value="{{ $key }}" {{ !empty($location->pos_type) && $location->pos_type == $key ? 'selected' : '' }} {{ old('pos_type') == $key ? 'selected' : '' }}>{{ $statusv }}</option>
              @endforeach
            </select> 
            @endif
        </div>

        <div class="col-md-4 form-group">
            <label for="merchant">Name</label>
            <input type="hidden" name="party_id" id='party_id' value="{{ !empty($party->id) ? $party->id : '' }}">
            <input type="hidden" name="location_id" id='location_id' value="{{ !empty($location->id) ? $location->id : '' }}">
            <input class="form-control" name="name" id="locname" required value="{{ !empty($location->name)  ? $location->name : ''}}" placeholder="Enter Name"/>
        </div>

        <div class="col-md-4 form-group" >
            <label class="d-block" > POS Type</label>
            <select class="form-control" name="stype" id="loctype" required>
                <option value="">Select Option</option>
                <option value="1" {{ !empty($location->stype) && $location->stype == 1 ? 'selected' : '' }}>Warehouse</option>
                <option value="2" {{ !empty($location->stype) && $location->stype == 2 ? 'selected' : '' }}>POS</option>
            </select>
        </div>
        
        <div class="col-md-4 form-group" >
            <label class="d-block" for="agent">Company Code</label>
            <input class="form-control" name="company_code" id="loccode" required value="{{ !empty($location->company_code)  ? $location->company_code : $party->abbr}}" placeholder="Enter Company Code" readonly/>
        </div>

        <div class="col-md-4 form-group" >
            <label class="d-block" for="distributor">Location Code</label>
            <input class="form-control" name="warehouse_code" id="warecode" required value="{{ !empty($location->warehouse_code)  ? $location->warehouse_code : ''}}" placeholder="Enter  Code"/>
        </div> 
        <div class="col-md-4 form-group">
            <label for="store_type"> Group Type</label> 
            <select class="form-control" name="store_type" id="store_type" required>
              <option value="">Select Option</option>
              @foreach($grouplist as $glist) 
              <option value="{{$glist->id}}" {{ !empty($location->store_type) && $location->store_type == $glist->id ? 'selected' : '' }} {{ old('pos_type') == $glist->id ? 'selected' : '' }}>{{$glist->name}}</option> 
              @endforeach 
            </select>
        </div>

        {{-- <div class="col-md-4 form-group" >
         <label class="d-block" >Phone</label>
         <input class="form-control" name="phone" id="wphone" required value="{{ !empty($location->phone)  ? $location->phone : ''}}" placeholder="Enter  Phone"/>
         </div>
    
        <div class="col-md-4 form-group">
            <label class="d-block" for="brand">Email</label>
            <input class="form-control" name="email" id="wemail" required value="{{ !empty($location->email)  ? $location->email : ''}}" placeholder="Enter  Email" type="email"/>
        </div> 
    
         <div class="col-md-4 form-group"><label class="d-block" for="merchant">Address</label>
            <input class="form-control" name="address" id="waddress" required value="{{ !empty($location->address)  ? $location->address : ''}}" placeholder="Enter  Address"/>
        </div>
        
        <div class="col-md-4 form-group">
            <label class="d-block" for="discount_on">City</label>
            <input class="form-control" name="city" id="wcity" required value="{{ !empty($location->city)  ? $location->city : ''}}" placeholder="Enter  City"/>
        </div>
        
        <div class="col-md-4 form-group">
            <label for="wdiscount1">State</label>
            <input class="form-control" name="state" id="wstate" required value="{{ !empty($location->state)  ? $location->state : ''}}" placeholder="Enter  State"/>
        </div> 
    
        <div class="col-md-4 form-group"><label class="d-block" >Contact Person</label>
            <input class="form-control" name="contact_person" id="wcontactp" required value="{{ !empty($location->contact_person)  ? $location->contact_person : ''}}" placeholder="Enter Contact Person"/>
        </div>  --}}

        <div class="col-md-4 form-group" id='party_offer_div'><label class="d-block" >GSTIN</label>
            <input class="form-control" name="gstin" id="wgstin" required value="{{ !empty($location->gstin)  ? $location->gstin : ''}}" placeholder="Enter  GSTIN"/>
        </div> 

        <div class="col-md-4 form-group"><label class="d-block" >GST Date</label>
            <input class="form-control datepicker" name="gst_date" id="wgstdate" required value="{{ !empty($location->gst_date)  ? $location->gst_date : ''}}" placeholder="Enter  GST Date"/><sub class="text-danger">Date format: YYYY-mm-dd</sub>
        </div>  

        <div class="col-md-4 form-group">
          <label class="d-block" for="pos_id">Order Type</label>
          <select name="order_type[]" id="order_type" class="input-md"  multiple="multiple" required>             
              @foreach($OrderType as $keyy => $ov)
              <option value="{{ $keyy }}" {{ in_array($keyy,$array) ? "selected" : ""     }}>{{ $ov  }}</option>
              @endforeach
          </select>
        </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">Designation</th>              
                <th class="text-center">Contact Person</th>
                <th class="text-center">Contact Number</th>
                <th class="text-center">Email</th>
                <th class="text-center"> Action </th>
            </tr>
          </thead>
          <tbody id="tbody">
            @if(!empty($location->contects))
                @php $con =1; @endphp
                @foreach ($location->contects as $item)
                <tr id="{{$item->id}}">
                    <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="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="email[]"  value="{{ $item->email }}" class="form-control m-input" placeholder="Enter Email" autocomplete="off">
                    </td>
                    <td class="text-center">
                      <a class="deleteRecord" data-id="{{ $item->id }}" >Delete</a>
                    </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 2 - Shipping Info -->
        <a href="#accordion2" 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="textare" name="address" id="address" required value="{{ !empty($location->address)  ? $location->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($location->city)  ? $location->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($location->postal_code)  ? $location->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($location->area_name)  ? $location->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($location->state) && $location->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($location->country) && $location->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>    --}}
    
    </dd>

  <dt>
        <!-- accordion tab 2 - Shipping Info -->
        <a href="#accordion2" 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="textare" name="saddress" id="saddress" required value="{{ !empty($location->shippingAddress->address)  ? $location->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($location->shippingAddress->city)  ? $location->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($location->shippingAddress->code)  ? $location->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($location->shippingAddress->area_name)  ? $location->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($location->shippingAddress->state) && $location->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($location->shippingAddress->country) && $location->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>
    
      </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"> 
                @php $addr =1;  @endphp
                @if(!empty($location->discounts->count()))
               
                @foreach ($location->discounts as $item)
                    <tr id="{{ $item->id }}">                   
                        <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="deleteDiscount btn btn-danger remove" data-id="{{ $item->id }}" >Delete</button>
                        </td>
                    </tr>
                @php  $addr++; @endphp
                @endforeach
                @else
                @foreach ($party->discountes as $item)
                    <tr id="{{ $item->id }}">                   
                        <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">
                          <a class="deleteDiscount btn btn-danger remove" data-id="{{ $item->id }}" >Delete</a>
                        </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>
    
    <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> Location Approved</button>        
        <a  class="btn btn-danger" style="float:right; margin:5px;">Cancel</a>
    </div>
</dl>
</div>     
</div>

</form>

@section('extraJs')
<script type="text/javascript">
    // add row
    $("#addRow").click(function () {
        var html = '';
        html += '<div id="inputFormRow" class="row">';
        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">';
        html += '<input type="text" name="contactname[]" class="form-control m-input"  placeholder="Enter number"  autocomplete="off">';
        html += '</div>';
        html += '<div class="col-md-3 form-group">';
        html += '<input type="number" name="contectnumber[]" class="form-control m-input" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" placeholder="Enter Degination" autocomplete="off">';
        html += '</div>';
        html += '<div class="col-md-3 form-group">';
        html += '<input type="text" name="email[]" 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);
    });

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

    $(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="degination[]" class="form-control m-input" placeholder="Enter degination" autocomplete="off" required>
                </td>
                <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="email[]" 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
        $('#addaddressBtn').on('click', function () {

            // Adding a row inside the tbody.
            $('#addresstbody').append(`<tr id="R${++addressIdx}">
                <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 }}" >{{ $statusv }}</option>
                        @endforeach
                    </select>
                </td>
                <td class="row-index text-center">
                    <input type="textare" name="billingaddress[]" class="form-control m-input" placeholder="Enter address" autocomplete="off">
                </td>
                <td>
                <select name="billingstate[]" id="state" class="form-control " required>
                        <option value="">Select Option</option>
                        @foreach($states as $key => $state)
                        <option value="{{ $state->zone_id }}" >{{ $state->name }}</option>
                        @endforeach
                </select>
                </td>
                <td>
                <select name="billingcountry[]" id="country" class="form-control " required>
                        <option value="">Select Option</option>
                        @foreach($country as $key => $countr)
                        <option value="{{ $countr->country_id }}" >{{ $countr->name }}</option>
                        @endforeach
                </select>
                </td>
                <td class="text-center">
                    <button class="btn btn-danger removeaddress"
                    type="button">Remove</button>
                    </td>
                </tr>`);
        });

        // jQuery button click event to remove a row.
        $('#tbody').on('click', '.removeaddress', 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);
  }
})();

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); 
    }
}

$(".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('locationdiscountdelete') }}",
            type: 'DELETE',
            data: {
                "id": id,
                "_token": "{{ csrf_token() }}",
            },
            success: function (){
              $("#" + id).remove();            
              alert(data['success']);
            
                },
                error: function (data) {
                    alert(data.responseText);
                }
            
        });
      }
});

$(".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('locationcontactdelete') }}",
            type: 'DELETE',
            data: {
                "id": id,
                "_token": "{{ csrf_token() }}",
            },
            success: function (data){
              $("#" + id).remove();
              alert("Record delete successfully."); 
              },             
              error: function (data) {
                    alert(data.responseText);
                }
            
        });
      }
});

</script>

@endsection