@extends('backend.layouts.app')

@section('title', 'Add Fund')
@section('page-title', 'Add Fund')
@section('page-breadcrumb', 'Add Fund')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-12">


                    <div class="card">
<h5 class="card-header">
    <strong><i class="fa fa-user-plus fa-lg"></i> Add Fund</strong>

</h5>
<!--Card content-->


 <form class="card" action="{{route('save_AddFund')}}" method="POST" enctype="multipart/form-data" >
   @csrf

    <div class="card-body">
        <!-- Form -->

        <div class="form-body">
            <!-- User Details -->


<h6 class="form-section mt-4"><b>Fund Add</b></h6>
<hr>


<div class="row">

  @if(Auth::user()->user_type>2)
<!--/span-->
<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">Channel ID</label>
        <div class="col-md-3">
          <select class="form-control select" required="" style="width:100%" id="channel_id" name="channel_id"  tabindex="-1" aria-hidden="true">
            <option value="27" >AMAN SINGH</option>
          </select>

        </div>
    </div>
</div>
@else
<input type="hidden" name="channel_id" id="channel_id" value="Auth::user()->id">
<!--/span-->
@endif


<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">User Type<span class="text-danger"> *</span></label>
        <div class="col-md-3">
          <select onchange="get_user_list()" class="form-control " required="" style="width:100%" id="user_type" name="user_type" tabindex="-1" aria-hidden="true">

          @if(Auth::user()->user_type>2)
              <option value="4" >Channel User</option>
              @endif
          <option value="3">Employee</option>
          <option value="2">Master</option>
          <option  value="1" value="1">Distributer</option>
          <option  value="0" value="0">Retailer {Counslr}</option>

          </select>

        </div>
    </div>
</div>

<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">User ID</label>
        <div class="col-md-3">
          <select  class="form-control select chosen" required="" style="width:100%" id="user_id" name="user_id"  tabindex="-1" aria-hidden="true">

          </select>

        </div>
    </div>
</div>

<!--/span-->
<div class="col-md-12">
    <div class="form-group row">
        <label for="TransactionAmount" class=" form-control-label col-md-3">Amount <span class="text-danger"> *</span></label>
        <div class="col-md-3">
          <input type="text" id="amount" name="amount" placeholder="Enter Amount" class="form-control" required="">

        </div>
    </div>
</div>
<!--/span-->


<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">Credit Type<span class="text-danger"> *</span></label>
        <div class="col-md-3">
          <select  class="form-control " required="" style="width:100%" id="credit_type" name="credit_type" tabindex="-1" aria-hidden="true">

           <option value="DR">Debt Loan { कर्जा / लोन }</option>
           @if(Auth::user()->user_type>0)
              <option value="CR">Cash given by counslr</option>
              @endif
           
         
        </select>

        </div>
    </div>
</div>

<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">Credit Narration<span class="text-danger"> *</span></label>
        <div class="col-md-3">
          <select  class="form-control " required="" style="width:100%" id="credit_narration" name="credit_narration" tabindex="-1" aria-hidden="true">

           
           @if(Auth::user()->user_type>0)
              <option value="1">Loan</option>
               <option value="2">Discount</option>
              <option value="0">Cash given by counslr</option>
              @endif
           
         
        </select>

        </div>
    </div>
</div>




<!--/span-->
<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">Service</label>
        <div class="col-md-3">
          <select class="form-control select chosen " required="" style="width:100%" id="service_id" name="service_id" tabindex="-1" aria-hidden="true">
            <option  value="">Please Select Service</option>
            @foreach($service_operator_list as $service)
                      <option  value="{{$service->id}}">{{$service->service_name}} ({{$service->operator_name}})</option>

              @endforeach
          </select>

        </div>
    </div>
</div>




<!--/span-->
<div class="col-md-12">
  <div class="form-group row">
                          <div class="col-md-3 col-form-label">
                              <label for="Message" class=" form-control-label">Remark</label>
                          </div>
                          <div class="col-md-3">
                              <textarea name="remark" class="form-control" id="remark" rows="3" placeholder="TO PERSON DATED -DD/MM/YY AT PLACE NAME{IN CASE OF CASE GIVEN BY COUSLR}"></textarea>

                          </div>
                      </div>
</div>



</div>

        </div>
    </div>
    <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
            Add Fund <i class="fa fa-arrow-circle-right fa-lg"></i>
        </button>

    </div>





</form>
<!-- Form -->

</div>



    <!-- ============================================================== -->

</div>

<div class="col-lg-12" id="ajax_notify">
</div>

<div class="col-lg-12" id="ajax_loader">
</div>




</div>
</div>
</div>

@endsection

@section('self_script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css">
<script type="text/javascript">     $(".chosen").chosen(); </script>


<script>

function get_user_list(){

  user_type=document.getElementById('user_type').value;
  parent_id=document.getElementById('channel_id').value;

  var xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
         document.getElementById('user_id').innerHTML=xmlhttp.responseText;
         
          update_chosen('user_id');
          
       }
   }
   xmlhttp.open("GET", "UserLevelCommissionUser?parent_id="+parent_id+"&user_type="+user_type, true);
   xmlhttp.send();

}

function get_wallet(){

  user_id=document.getElementById('user_id').value;
  var xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
         document.getElementById('ajax_loader').innerHTML=xmlhttp.responseText;
       }
   }
   xmlhttp.open("GET", "UserLevelCommissionList?user_id="+user_id, true);
   xmlhttp.send();

}

function update_chosen(id)
    {
      $("#"+id).trigger("chosen:updated");

    }


</script>



@endsection