@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'];
$partythrough = [1 => 'DIRECT',2 =>'AGENT', 3 => 'DISTRIBUTOR'];
//$partyHas = [1 => 'MBO',2 =>'EBO', 3 => 'SIS'];
$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'];

$categoryse =  !empty($party->category_draft) ? $party->category_draft : 0;

$partyse =  !empty($party->party_through_draft) ? $party->party_through_draft : 0;

@endphp
<form
    method="POST"
    enctype="multipart/form-data" action="{{ route('partyVendors-draftapprove') }}"   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">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_draft) && $party->parent_id_draft == $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_draft) && $party->party_type_draft == $statusv->id ? 'selected' : '' }}>{{ $statusv->name }}</option>
                        @endforeach
                    </select>
                    <input type="hidden" name="party_id" id='party_id' value="{{ $party->id }}">
                </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_draft) && $party->merchant_draft == $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_draft) && $party->party_through_draft == $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_draft) && $party->agent_draft == $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_draft) && $party->distributor_draft == $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_draft) && $party->party_bill_to_draft == $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_draft) && $party->label_draft == $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_draft) && $party->discount_base_draft == 'wsp' ? 'selected' : '' }}>WSP</option>
                        <option value="mrp" {{ !empty($party->discount_base_draft) && $party->discount_base_draft == '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_draft)  ? $party->discount_draft : ''}}" placeholder="Enter Discount" type="number" min="0" max="70" />
                </div> --}}
                
                <div class="col-12 col-sm-12 col-md-4 col-lg-4"><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_draft) && $party->gsttype_draft == $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_draft) && $party->party_offer_draft == $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_draft) && $party->special_discount_draft == $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>
            
                <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_draft)  ? $party->name_draft : ''}}" 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_draft)  ? $party->company_name_draft : ''}}" 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_draft)  ? $party->abbr_draft : ''}}" 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_draft)  ? $party->vat_number_draft : ''}}" 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_number_draft)  ? $party->pan_number_draft : ''}}" 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_draft)  ? $party->email_draft : ''}}" 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_draft)  ? $party->phone_number_draft : ''}}" 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_draft)  ? $party->address_draft : ''}}" 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_draft)  ? $party->city_draft : ''}}" 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_draft) && $party->state_draft == $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_draft)  ? $party->postal_code_draft : ''}}" 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_draft)  ? $party->area_name_draft : ''}}" 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" required value="{{ !empty($party->credit_draft)  ? $party->credit_draft : ''}}" 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" required value="{{ !empty($party->billing_draft)  ? $party->billing_draft : ''}}" 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" required>
                                </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}$" required 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" required 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" required autocomplete="off">
                                </td>
                                {{-- <td class="text-center">
                                    <button class="btn btn-danger removeaddress"
                                    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>
              </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="textare" name="address" required value="{{ !empty($party->address_draft)  ? $party->address_draft : ''}}" 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_draft)  ? $party->city_draft : ''}}" 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_draft)  ? $party->postal_code_draft : ''}}" 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_draft)  ? $party->area_name_draft : ''}}" 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_draft) && $party->state_draft == $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_draft) && $party->country_draft == $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">
            
                <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" 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="city" 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="postal_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="area_name" required value="{{ !empty($party->shippingAddress->area_name)  ? $party->area_name : ''}}" placeholder="Enter Area Name" autocomplete="off"/>
                                </td>
                                <td class="row-index text-center">
                                    <select name="sstate" id="state" 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="country" 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 removeaddress"
                                    type="button">Remove</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">Permissions 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_draft);         
                    @endphp
                    @foreach($modules as $key => $module)  
                    <tr>          
                        <td> <label for="{{ str_replace('.','=',$key) }}">{{ $key }}</label> </td>
                        @foreach($module as $key => $value)
                        <td> <input name="permission[]" type="checkbox" value="{{ $value }}" {{ 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> Approved </button>        
                    <a  class="btn btn-danger" style="float:right; margin:5px;">Cancel</a>
                </div>
      </dl>
    </div>        
</div>

</form>
{{-- @if(!empty($party))
<form action="{{ route('locationsave') }}" method="post" name="hsnFrm">
    <div class="col-md-12 form-group d-inline">
        <button type="button" id="addLocation">Add Location</button> 
    </div> 
    <div class="row">
    <div class="col-md-12"><h5> Location Basic Details</h5><hr/></div>    
    <input type="hidden" name="warehouse_id" id="warehouse_id" value="0">
    
    <div class="col-md-4 form-group">
        <label for="code">POS Type</label>
        <select class="form-control" name="stype" id="hsntype" 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="code">Group Type</label>
        <select class="form-control" name="store_type" id="store_type" required>
            <option value="">Select Option</option>
            <option value="1">Suti</option>
            <option value="2">Central</option>
            <option value="2">Shopper</option>
        </select>      
    </div> 
    
    <div class="col-md-4 form-group">
        <label for="vendor_id"> Location Name</label>
        <input class="form-control" name="company_code" id="hsnCcode" required value="" placeholder="Enter Company Code"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="collection_id">Company Code </label>
        <input class="form-control" name="company_code" id="hsnCcode" required value="" placeholder="Enter Company Code"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="short_desc">Location Code </label>
        <input class="form-control" name="warehouse_code" id="hsncode" required value="" placeholder="Enter  Code"/>
    </div>   

    <div class="col-md-4 form-group">
        <label for="long_desc">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="long_desc">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="long_desc">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="long_desc">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="long_desc">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="long_desc">GST Number </label>
        <input class="form-control" name="gstin" id="wgstin" required value="" placeholder="Enter  GSTIN"/>
    </div>

    <div class="col-md-4 form-group">
        <label for="long_desc">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="col-md-3 form-group">
            <input type="text" name="name[]" class="form-control m-input" placeholder="Enter title" autocomplete="off">
    </div>
    <div class="col-md-3 form-group">
            <input type="number" name="number[]" class="form-control m-input" min=10 max = 10 placeholder="Enter number" autocomplete="off">
    </div>
    <div class="col-md-3 form-group">
            <input type="text" name="degination[]" class="form-control m-input" placeholder="Enter Degination" autocomplete="off">
    </div>
    <div class="col-md-3 form-group">
        <div class="input-group-append">
            <button id="addRow" type="button" class="btn btn-info">Add Row</button>
        </div>
    </div>    

    <div class="col-md-12" id="newRow">        
    </div>  

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

    <div class="col-md-12 text-right">    
        <button type="button" class="btn btn-success" style="float:right; margin:5px;"><i class="fa fas fa-save"></i> Pos Send for approval</button>
        <a  class="btn btn-danger" style="float:right; margin:5px;">Cancel</a>
    </div>
</div>
</form>

<div class="card-body">
        <table class="table table-striped table-bordered" id="locationTables">
            <thead>
                <tr>
                    <th>S.No.</th>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Code</th>
                    <th>City</th>
                    <th>Discount</th>
                    <!-- <th>GST </th> -->
                    <th><input type='checkbox' id='CheckAll'></th> 
                    <th>Status</th>

                    <th width="100px">Action</th>
                </tr>
            </thead>
            <tbody> 
                    <tr>                                             
                    </tr>
            </tbody>
        </table>
</div>
@endif --}}
@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="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);
    });

    // 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){
            $('#agent_div').hide();
            $("#agent").attr("required", false); 
            $('#distri_div').hide();
            $("#distri").attr("required", false);
        }
    });

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

    $('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);
                }
                
            }
        });
      
    });  

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

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

</script>

@endsection