@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}}
            {!! $addBtn !!}
        </h4>
    </div>
    <div class="card-body">
        <table class="table table-bordered data-table">
            <thead>
                <tr>
                    <th>S.No.</th>
                    <th>Name</th>
                    <th>Company Name</th>
                    <th>Lower Discount</th>
                    <th>Upper Discount</th>
                    <th>Discount Base</th>
                    <th width="100px">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!-- The Modal -->
<div class="modal" id="hsnModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title"></h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
          <form action="{{ route('partyVendors.store') }}" method="post" name="hsnFrm">
              @csrf
              <input type="hidden" name="partyVendor_id" id="partyVendor_id" value="0">
              <input type="hidden" name="image" id="image" value="none.jpg">
              <input type="hidden" name="country" id="country" value="INDIA">
              <input type="hidden" name="is_active" id="is_active" value="0">
              <input type="hidden" name="head_name" id="head_name" value="">
              <div class="row">
                <div class="col-md-12">
                    <div class="form-group"><label for="hsnname">Name</label><input class="form-control" name="name" id="hsnname" required value="" placeholder="Enter Name"/></div>
                    <div class="form-group"><label for="hsncode">Company Name</label><input class="form-control" name="company_name" id="hsncode" required value="" placeholder="Enter Company Name"/></div>
                    <div class="form-group"><label for="wcontactp">Company Shortcode</label><input class="form-control" name="abbr" id="wcontactp" required value="" placeholder="Enter Shortcode"/></div>
                    <div class="form-group"><label for="hsnCcode">GST</label><input class="form-control" name="vat_number" id="hsnCcode" required value="" placeholder="Enter Company GST"/></div>
                    <div class="form-group"><label for="wemail">Email</label><input class="form-control" name="email" id="wemail" required value="" placeholder="Enter Email" type="email"/></div>
                    <div class="form-group"><label for="wphone">Phone</label><input class="form-control" name="phone_number" id="wphone" required value="" placeholder="Enter Phone"/></div>
                    <div class="form-group"><label for="waddress">Address</label><input class="form-control" name="address" id="waddress" required value="" placeholder="Enter Address"/></div>
                    <div class="form-group"><label for="wcity">City</label><input class="form-control" name="city" id="wcity" required value="" placeholder="Enter City"/></div>
                    <div class="form-group"><label for="wstate">State</label><input class="form-control" name="state" id="wstate" required value="" placeholder="Enter  State"/></div>
                    <div class="form-group"><label for="wgstin">Post Code</label><input class="form-control" name="postal_code" id="wgstin" required value="" placeholder="Enter Post Code"/></div>
                    <div class="form-group"><label for="wdiscount">Area Name</label><input class="form-control" name="area_name" id="wdiscount" required value="" placeholder="Enter Area Name"/></div>
                    <div class="form-group d-none"><label for="wdiscount1">Discount</label><input class="form-control" name="discount" id="wdiscount1" required value="" placeholder="Enter Discount" type="number" min="0" step="any"/></div>
                    <div class="form-group"><label for="lower_disc">Lower Discount (below 1000)</label><input class="form-control" name="lower_disc" id="lower_disc" required value="" placeholder="Enter Warehouse GST Discount" type="number" min="0" step="any"/></div>
                    <div class="form-group"><label for="upper_disc">Upper Discount (above 1000)</label><input class="form-control" name="upper_disc" id="upper_disc" required value="" placeholder="Enter Warehouse GST Discount" type="number" min="0" step="any"/></div>
                    <div class="form-group stypes"><label for="hsntype">Type</label><select class="form-control" name="discount_base" id="hsntype" required><option value="">Select Option</option><option value="pp">PP</option><option value="wsp">WSP</option><option value="mrp">MRP</option></select></div>
                    @if(Route::currentRouteName() == 'partyVendors.index')
                    <div class="form-group"><button class="btn btn-block btn-primary">Save Party</button></div>
                    @elseif(Route::currentRouteName() == 'partyVendors.index2')
                    <div class="form-group"><button class="btn btn-block btn-primary">Save Vendor</button></div>
                    @endif
                </div>
              </div>
          </form>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>
<!-- The Modal -->
@endsection

@section('extraJs')
<script type="text/javascript">
    $(function () {
      
      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          pageLength: 50,
          @if(Route::currentRouteName() == 'partyVendors.index')
          ajax: "{{ route('partyVendors.index') }}",
          @elseif(Route::currentRouteName() == 'partyVendors.index2')
          ajax: "{{ route('partyVendors.index2') }}",
          @endif
          columns: [
              {data: 'DT_RowIndex', name: 'DT_RowIndex'},
              {data: 'name', name: 'name'},
              {data: 'company_name', name: 'company_name'},
              {data: 'lower_disc', name: 'lower_disc'},
              {data: 'upper_disc', name: 'upper_disc'},
              {data: 'discount_base', name: 'discount_base'},
              {data: 'action', name: 'action', orderable: false, searchable: false},
          ]
      });
      
    });
  </script>
@endsection