@extends('settings.layouts.master')
@section('styles')
  <link rel="stylesheet" href="{{asset('admin/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin/plugins/toastr/toastr.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
  <style type="text/css">
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 14px;
  }
  </style>
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0">{{$category}} Details</h3>
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="card">
      <div class="card-body">
          @csrf
         
          <div class="row">
            <div class="col-md-6">
              <h3>{{$category}}</h3>
            </div>
            <div class="col-md-6">
              <input type="hidden" name="code_value" id="code_value" value="CODE{{$code}}">
              <button class="btn btn-success" onclick="addCompanyBank('Add')">Add {{$category}}</button>
            </div>
          </div>
          <div class="col-md-12">
             <table id="example1" class="table table-bordered table-striped">
              <thead>
                
              <tr>
                <th>Sno</th>
                <th>Code</th>
                <th>Name</th>
                <th>Location</th>
                <th>Pan No</th>
                <th>Tan No</th>
                <th>ESI No</th>
                <th>PF No</th>
                <th>Certificate No</th>
                <th>LIN No</th>
                <th>Edit</th>
              </tr>
              </thead>
              <tbody>
                 @if(count($data)>0) 
                 @foreach($data as $key=>$value)
                 <tr>
                  <th>{{$key+1}}</th>
                  <th>{{$value->code}}</th>
                  <th>{{$value->name}}</th>
                  <th>{{$value->location}}</th>
                  <th>{{$value->panno}}</th>
                  <th>{{$value->tanno}}</th>
                  <th>{{$value->esino}}</th>
                  <th>{{$value->pfno}}</th>
                  <th>{{$value->certno}}</th>
                  <th>{{$value->linno}}</th>
                  <th>
                    <button class="btn btn-info" onclick="editDetails('{{$value}}')">
                      <i class="fa fa-edit"></i>
                    </button>
                  </th>
                </tr>
                 @endforeach  
                 @else
                 <tr>
                 <th colspan="6">{{$category}} not Found</th>
               </tr>
                 @endif
              </tbody>
              <tfoot>
              <tr>
                <th>Sno</th>
                <th>Code</th>
                <th>Name</th>
                <th>Location</th>
                <th>Pan No</th>
                <th>Tan No</th>
                <th>ESI No</th>
                <th>PF No</th>
                <th>Certificate No</th>
                <th>LIN No</th>
                <th>Edit</th>
              </tr>
              </tfoot>
            </table>
          </div>
          </div>
      </div>
    </div>
  </div>
</div>
<div class="modal modal-add fade show" id="add-modal-made" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">{{$category}} <span id="type"></span></h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
        <form id="modal-add-form" action="{{route('save_company_particular')}}"  method="post" enctype="multipart/form-data">
          @csrf
          <input type="hidden" name="listId" id="listId" value="">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
               <label for="recipient-name" class="control-label mb-10">Code *:</label>
               <input type="text" class="form-control all-clean"  name="code" id="code" value="" placeholder="Please Enter Code" readonly>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Name *:</label>
              <input type="text" class="form-control all-clean"  name="name" id="name" value="{{old('name')}}" placeholder="Please Enter Name" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">PAN Number *:</label>
                <input type="text" class="form-control all-clean"  name="panno"  id="panno"  value="{{old('panno')}}" placeholder="Please Enter PAN Number" >
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">TAN Number *:</label>
                <input type="text" class="form-control all-clean"  name="tanno"  id="tanno"  value="{{old('tanno')}}" placeholder="Please Enter TAN Number" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">ESI Number *:</label>
                <input type="text" class="form-control all-clean"  name="esino"  id="esino"  value="{{old('esino')}}" placeholder="Please Enter ESI Number" >
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">PF Number *:</label>
                <input type="text" class="form-control all-clean"  name="pfno"  id="pfno"  value="{{old('pfno')}}" placeholder="Please Enter PF Number" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">Certificate Number *:</label>
                <input type="text" class="form-control all-clean"  name="certno"  id="certno"  value="{{old('certno')}}" placeholder="Please Enter Certificate Number" >
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">CIN Number *:</label>
                <input type="text" class="form-control all-clean"  name="cinno"  id="cinno"  value="{{old('cinno')}}" placeholder="Please Enter CIN Number" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">LIN Number *:</label>
                <input type="text" class="form-control all-clean"  name="linno"  id="linno"  value="{{old('linno')}}" placeholder="Please Enter LIN Number" >
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="recipient-name" class="control-label mb-10">Status *:</label>
                <select class="form-control all-clean"  name="status"  id="status" required >
                  <option value="">Select Status</option>
                  <option value="3">Active</option>
                  <option value="2">In-Active</option>
                </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Location *:</label>
              <input type="text" class="form-control all-clean"  name="location" id="location"  value="{{old('location')}}" placeholder="Please Enter Location" >
            </div>
            </div>
            <div class="col-md-6">
               <div class="form-group">
                <div class="add-id">
                </div>
                <label for="recipient-name" class="control-label mb-10">Email *:</label>
                <input type="text" class="form-control all-clean"  name="email"  id="email"  value="{{old('email')}}" placeholder="Please enter email" >
              </div>
            
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Address *:</label>
              <input type="text" class="form-control all-clean"  name="address" id="address"  value="{{old('address')}}" placeholder="Please Enter address" >
            </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <div class="add-id">
                </div>
                <label for="recipient-name" class="control-label mb-10">City *:</label>
                <input type="text" class="form-control all-clean"  name="city"  id="city"  value="{{old('city')}}" placeholder="Please enter City" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Country *:</label>
              <input type="text" class="form-control all-clean"  name="country" id="country"  value="{{old('country')}}" placeholder="Please Enter Country" >
            </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <div class="add-id">
                </div>
                <label for="recipient-name" class="control-label mb-10">State *:</label>
                <input type="text" class="form-control all-clean"  name="state"  id="state"  value="{{old('state')}}" placeholder="Please select state" >
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Pincode *:</label>
              <input type="text" class="form-control all-clean"  name="pincode" id="pincode"  value="{{old('pincode')}}" placeholder="Please Enter pincode" >
            </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <div class="add-id">
                </div>
                <label for="recipient-name" class="control-label mb-10">Phone *:</label>
                <input type="text" class="form-control all-clean"  name="phone"  id="phone"  value="{{old('phone')}}" placeholder="Please enter phone" >
              </div>
            </div>
          </div>
           <div class="row">
            <div class="col-md-6">
             <div class="form-group">
              <label for="recipient-name" class="control-label mb-10">Fax *:</label>
              <input type="text" class="form-control all-clean"  name="fax" id="fax"  value="{{old('fax')}}" placeholder="Please Enter Fax no" >
            </div>
            </div>
            <div class="col-md-6">
               <div class="form-group">
                <div class="add-id">
                </div>
                <label for="recipient-name" class="control-label mb-10">Company Logo *:</label>
                <input type="file" class="form-control all-clean"  name="logo" id="logo"  value="{{old('logo')}}" placeholder="Please select logo" >
              </div>
            </div>
          </div>
        </form>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" onclick="$('#modal-add-form').submit()"><span id="bank-button" >Save</span></button>
        </div>
      </div>
    </div>
  </div>  
@endsection
@section('scripts')
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.0.0/index.global.min.js'></script>
<script src="{{asset('admin/plugins/select2/js/select2.full.min.js')}}"></script>
<!-- Toastr -->
<script src="{{asset('admin/plugins/sweetalert2/sweetalert2.min.js')}}"></script>
<script src="{{asset('admin/plugins/toastr/toastr.min.js')}}"></script>
<script type="text/javascript">

  $('.select2').select2();
  function addCompanyBank(type) {

    $('#listId').val("");
    $('#code').val($('#code_value').val());
    $('#name').val("");
    $('#panno').val("");
    $('#tanno').val("");
    $('#esino').val("");
    $('#pfno').val("");
    $('#certno').val("");
    $('#cinno').val("");
    $('#linno').val("");
    $('#status').val("");
    $('#location').val("");
    $('#email').val("");
    $('#address').val("");
    $('#city').val("");
    $('#country').val("");
    $('#state').val("");
    $('#pincode').val("");
    $('#phone').val("");
    $('#fax').val("");
    $('#logo').val("");
    $('#add-modal-made').modal('toggle');;

  }
  $(document).ready(function(){

 });
  
  function addBankBranch(type) {

    $('#add-modal-made').reset();
    $('#bank-button').html(type);
    $('#type').html(type);
    $('#add-modal-made').modal('toggle');

  }
  function editDetails(value) {
    var data = JSON.parse(value);
    $('#listId').val(data['id']);
    $('#code').val(data['code']);
    $('#name').val(data['name']);
    $('#panno').val(data['panno']);
    $('#tanno').val(data['tanno']);
    $('#esino').val(data['esino']);
    $('#pfno').val(data['pfno']);
    $('#certno').val(data['certno']);
    $('#cinno').val(data['cinno']);
    $('#linno').val(data['linno']);
    $('#status').val(data['status']);
    $('#location').val(data['location']);
    $('#email').val(data['email']);
    $('#address').val(data['address']);
    $('#city').val(data['city']);
    $('#country').val(data['country']);
    $('#state').val(data['state']);
    $('#pincode').val(data['pincode']);
    $('#phone').val(data['phone']);
    $('#fax').val(data['fax']);
    $('#logo').val(data['logo']);
    $('#add-modal-made').modal('toggle');
  }
 
  function getListBox(){

    var list_box = $('#list_box').val();
    console.log(list_box);
    reqUrl = "{{route('ifsc_save')}}";
    $('.global-loader').css('display','block');
        $.ajax({
          type: "get",
          url: reqUrl,
          data: {'list_box':list_box},
          dataType: "json",
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function() {
          },
          complete: function() {
          },
          success: function(response) {
            $('#list_value').html(response.success);
            $('.global-loader').css('display','none');
              // console.log(response);
          }
        });
  }
  function callSaveMessage(message){
    var Toast = Swal.mixin({
      toast: true,
      position: 'top-end',
      showConfirmButton: false,
      timer: 3000
    });
    Toast.fire({
        icon: 'success',
        title: message
    })
    $('.global-loader').css('display','none');
  }
</script>
@endsection