@extends('layouts.backend')
<style> 
    #table_detail .hidden_row {
        display: none;
    }
</style>
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}}
            {{-- <button class="btn btn-success float-right btn-sm" type="button"  data-toggle="modal" data-target="#partyModal" id="add-gst" style="float:right; margin:10px;">
              <i class="fa fas fa-plus"></i> Add </button> --}}
            <a href="{{ route('partyVendors.create') }}" class="btn btn-success float-right btn-sm" style="float:right; margin:10px;"><i class="fa fas fa-plus" aria-hidden="true"> Add </i></a>
            <a href="{{ route('partyVendors-draft',['is_draft' => 1]) }}" class="btn btn-info float-right btn-sm" style="float:right; margin:10px;"> <i class="fa fa-eye" aria-hidden="true"> View Draft {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}} </i></a>
       
        </h4>
    </div>
      {{-- <div class="alert alert-default" id="wrapper" >
            <form action="{{ route('partyVendors.index') }}" method="get">
               
                <h4>Filter  </h4>
                <table class="table filterPosSo" > 
                    <tr>
                        <td>Party Formate</td>
                        <td >{{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}}</td>
                        <td >Status</td>
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td>
                            <select name="party_type" id="party_type" class="form-control " >
                                <option value="">Select Option</option>
                                @foreach($partyType as $key => $statusv)
                                <option value="{{ $statusv->id }}" {{ !empty(request("party_type")) && request("party_type") == $statusv->id ? 'selected' : '' }}>{{ $statusv->name }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td width="30%">
                            <select name="party[]"  class="input-md"   >  
                                <option value="">select</option>                                 
                                @foreach($parrtye as $cname)
                                <option value="{{ $cname->id }}" {{ ( !empty(request("party")) && in_array($cname->id, request("party")) ? "selected" : "") }}>{{ $cname->name }} </option>
                                @endforeach
                            </select> 
                        </td>
                        <td>
                            <select name="active" id="active" class="form-control" >
                                <option value="">select</option>                               
                                <option value="1" {{  (request("active") == '1') ? "selected" : "" }}>Active</option>
                                <option value="0" {{  (request("active") == '0') ? "selected" : "" }}>Inactive</option>
                              
                            </select>
                        </td>
                        
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search" id="submit"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('partyVendors.index') }}';"><i class="fa fas fa-refresh"></i></button></td>
                   
                    </tr>
                </table>
            </form>
        </div> --}}
    <div class="card-body">
          
         
            <table class="table table-bordered table-striped data-table">
                <thead>
                    <tr>
                        <th>S.No.</th>                        
                        <th>Name</th>
                        <th>Company Name</th>
                        <th>Party Formate</th>
                        <th>Business Model</th>
                        {{-- <th> Discount</th>                         --}}
                        <th>Discount Base</th>
                        <th>Status</th>
                        <th >Actions</th>

                    </tr>
                </thead>
                <tbody>
                    @php $dash = '';  @endphp
                    @if(!empty($categories))       
                    @foreach ($categories as $key => $c)
                  
                    <tr onclick="showHideRow({{ $c['id'] }});">
                        <td></td>                       
                        <td>@if(isset($c['children'])&&(count($c['children'])))<label class="dropdown">&#x25BE;</label>@endif{{$c['name']}}</td>
                        
                        <td>{{ empty( $c['company_name'] ) ? 'N/A' : $c['company_name'] }}</td>
                        <td>{{ empty( $c['formate'] ) ? 'N/A' : $c['formate'] }}</td>
                        <td>{{ empty( $c['model'] ) ? 'N/A' : $c['model'] }}</td>
                        {{-- <td>{{ empty( $c['discount'] ) ? 'N/A' : $c['discount'] }}</td> --}}
                        <td>{{ empty( $c['discount_base'] ) ? 'N/A' : $c['discount_base'] }}</td>
                    
                        <td>
                            @if($c['is_active']==1)
                            <label data-id="{{ $c['id'] }}" id="view-post" class="badge badge-success">Pending</label>
                            @else
                            <label data-id="{{ $c['id'] }}" id="view-post" class="badge badge-danger">approved</label>
                            @endif                          
                        </td>
                        <td>  <a href="{{ route('partyVendors.edit',['id' => $c['id']]) }}" class="btn btn-xs btn-info btn-sm"><i class="fa fas fa-pencil"> Edit </i></a></td>
                    </tr>
                    @if(isset($c['children'])&&(count($c['children'])))
                    @include('backend.partyVendors.subsections.listsubcategory',['subcategories' => $c['children']])
                    @endif
                    @endforeach
                    @endif
                </tbody>
            </table>
        </div>       
</div>
@endsection

@section('extraJs')
<script type="text/javascript">      
 $(document).ready(function() {
  $('.data-table').DataTable( {
    "rowCallback": function (nRow, aData, iDisplayIndex) {
        var oSettings = this.fnSettings ();
        $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
        return nRow;
    },
    "lengthChange": false,
    "pageLength": 50
  });
}); 
  $('body').on('click', '#add-gst', function () {       
       
        $('#distri_div').hide();
        $("#distri").attr("required", false); 
        $('#agent_div').hide();
        $("#agent").attr("required", false);
      
        $('#party_type').val('');  
        $('#merchant').val('');
        $('#party_through').val('');
        $('#party_bill_to').val('');
        $("#gsttype").val('');
        $("#on_tax").val('');
        $("#payment_term").val('');
        $("#party_offer").val('');
        $("#spe_discount").val('');
        $("#discount_on").val('');
        $("#agent").val('');
        $("#distri").val('');
        $("#distri").val('');
        $("#distri").val('');
        $("#distri").val('');
        $('#names').val(data.name);
        $('#company_name').val(''); 
      
        $('#com_code').val(''); 
        $('#phone_number').val('');
        $('#vat_number').val('');
        $('#party_id').val('');
        $('#email').val('');
        $('#city').val('');  
        $('#state').val('');
        $('#postal_code').val('');
        $('#area_name').val('');
        $('#discount').val('');
        $('#credit').val('');
        $('#billing').val('');
        $('#address').val('');

        $('#partyModal').modal('show'); 
        $('#partyModal .modal-dialog .modal-content .modal-header h5').html("Add {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}} Details");
        $('#partyModal .modal-dialog .modal-content  #btn-save').html("Send For Approval"); 

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

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

   $("#viewparty_through").change(function(){
 
            if(this.value == 2 ){
              
              $('#viewagent_div').show();
              $('#viewdistri_div').hide();
              $("#viewdistri").attr("required", false); 
            }

            if(this.value == 3 ){
              $('#viewagent_div').hide();
              $("#viewagent").attr("required", false); 
              $('#viewdistri_div').show();
            }
            if(this.value == 1 ){
              $('#viewagent_div').hide();
              $("#viewagent").attr("required", false); 
              $('#viewdistri_div').hide();
              $("#viewdistri").attr("required", false);
            }
  });     

$('body').on('click', '#edit-post', function () { 
      var post_id = $(this).data('id');
     

      var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('partyVendors-edit') }}",
            data: {
            id:  post_id,        
            _token: _token
            },
            dataType: "json",                       
            success: function(data) { console.log(data); 
                 
                 
                  $("#party_type option[value=" + data.party_type + "]").attr('selected', true);
                  $("#merchant option[value=" + data.merchant + "]").attr('selected', true);
                 
                  $("#party_through option[value=" + data.party_through + "]").attr('selected', true);
                 
                  $("#party_bill_to option[value=" + data.party_bill_to + "]").attr('selected', true);
                  $("#gsttype option[value=" + data.gsttype + "]").attr('selected', true);
                  $("#on_tax option[value=" + data.on_tax + "]").attr('selected', true);
                  $("#payment_term option[value=" + data.payment_term + "]").attr('selected', true);
                 
                  $("#party_offer option[value=" + data.party_offer + "]").attr('selected', true);
                  $("#spe_discount option[value=" + data.special_discount + "]").attr('selected', true);
                  $("#discount_on option[value=" + data.discount_base + "]").attr('selected', true);
                  $("#agent option[value=" + data.agent + "]").attr('selected', true);
                  $("#distri option[value=" + data.distributor + "]").attr('selected', true);

                  if(data.party_through == 2)
                  {
                      $('#agent_div').show();
                      $('#distri_div').hide();
                      $("#distri").attr("required", false); 
                  }
                  if(data.party_through == 3)
                  {
                      $('#agent_div').hide();
                      $("#agent").attr("required", false); 
                      $('#distri_div').show();
                  }
                  if(data.party_through == 1)
                  {
                      $('#agent_div').hide();
                      $("#agent").attr("required", false); 
                      $('#distri_div').hide();
                      $("#distri").attr("required", false);
                  }
                  
                  
                  
                  $('#partyModal').modal('show'); 
                  $('#partyModal .modal-dialog .modal-content .modal-header h5').html("Edit {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}} Details");
                  $('#partyModal .modal-dialog .modal-content  #btn-save').html(" Send for Approval");                  
                   
                 
                  $('#names').val(data.name);
                  $('#company_name').val(data.company_name); 
                
                  $('#com_code').val(data.abbr); 
                  $('#phone_number').val(data.phone_number);
                  $('#vat_number').val(data.vat_number);
                  $('#party_id').val(data.id);
                  $('#email').val(data.email);
                  $('#city').val(data.city);  
                  $('#state').val(data.state);
                  $('#postal_code').val(data.postal_code);
                  $('#area_name').val(data.area_name);
                  $('#discount').val(data.discount);
                  $('#credit').val(data.credit);
                  $('#billing').val(data.billing);
                  $('#address').val(data.address);
            }
        });
      
});

$('body').on('click', '#view-post', function () { 
      var post_id = $(this).data('id');
      

      var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('partyVendors-edit') }}",
            data: {
            id:  post_id,        
            _token: _token
            },
            dataType: "json",                       
            success: function(data) { console.log(data); 
                  $("#viewparty_type option[value=" + data.party_type + "]").attr('selected', true);
                  $("#viewmerchant option[value=" + data.merchant + "]").attr('selected', true);
                 
                  $("#viewparty_through option[value=" + data.party_through + "]").attr('selected', true);
                 
                  $("#viewparty_bill_to option[value=" + data.party_bill_to + "]").attr('selected', true);
                  $("#viwgsttype option[value=" + data.gsttype + "]").attr('selected', true);
                  $("#viewon_tax option[value=" + data.on_tax + "]").attr('selected', true);
                  $("#viewpayment_term option[value=" + data.payment_term + "]").attr('selected', true);
                 
                  $("#viewparty_offer option[value=" + data.party_offer + "]").attr('selected', true);
                  $("#viewspe_discount option[value=" + data.special_discount + "]").attr('selected', true);
                  $("#viewdiscount_on option[value=" + data.discount_base + "]").attr('selected', true);
                  $("#viewagent option[value=" + data.agent + "]").attr('selected', true);
                  $("#viewdistri option[value=" + data.distributor + "]").attr('selected', true);
                  $("#viewstatus option[value=" + data.approve_status + "]").attr('selected', true);

                  if(data.party_through == 2)
                  {
                      $('#viewagent_div').show();
                      $('#viewdistri_div').hide();
                      $("#viewdistri").attr("required", false); 
                  }
                  if(data.party_through == 3)
                  {
                      $('#viewagent_div').hide();
                      $("#viewagent").attr("required", false); 
                      $('#viewdistri_div').show();
                  }
                  if(data.party_through == 1)
                  {
                      $('#viewagent_div').hide();
                      $("#viewagent").attr("required", false); 
                      $('#viewdistri_div').hide();
                      $("#viewdistri").attr("required", false);
                  }
                   

                  $('#viewpartyModal .modal-dialog .modal-content .modal-header h5').html("View {{ Route::currentRouteName() == 'partyVendors.index' ? 'Parties' : 'Vendors'}} Details");
                  $('#viewpartyModal .modal-dialog .modal-content  #btn-save').html("Approval");
                  $('#viewpartyModal').modal('show');  
                   
                 
                  $('#viewnames').val(data.name);
                  $('#viewcompany_name').val(data.company_name); 
                
                  $('#viewcom_code').val(data.abbr); 
                  $('#viewphone_number').val(data.phone_number);
                  $('#viewvat_number').val(data.vat_number);
                  $('#viewparty_id').val(data.id);
                  $('#viewemail').val(data.email);
                  $('#viewcity').val(data.city);  
                  $('#viewstate').val(data.state);
                  $('#viewpostal_code').val(data.postal_code);
                  $('#viewarea_name').val(data.area_name);
                  $('#viewdiscount').val(data.discount);
                  $('#viewcredit').val(data.credit);
                  $('#viewbilling').val(data.billing);
                  $('#viewaddress').val(data.address);
            }
        });
      
});
  </script>
  <script type="text/javascript">
    function showHideRow(row) {
        console.log(row);
        $(".hidden_row" + row).toggle();
    }
</script>
@endsection