@extends('layouts.app')
@section('title', __('Withdrawal Request Form'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
   <h1>Withdrawal Request Form</h1>
   <!-- <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
      <li class="active">Here</li>
      </ol> -->
</section>
<!-- Main content -->
<section class="content">
   @component('components.widget', ['class' => 'box-primary'])
   <form id="withdraw_req">
      @csrf
      <input type="hidden" value="{{$withdrawalRecord->id}}" name="id">
      <div class="row" class="form-group">
         <div class="col-sm-3">
            <div class="row">
               <div class="col-sm-12">
                  <div class="col-sm-1">
                  </div>
                  <div class="col-sm-9">
                     <div class="form-group">
                        @if(!empty($withdrawalRecord->image))
                        <img src="https://bhavyaretail.com//uploads/primemebers/{{$withdrawalRecord->image }}" width="130px" height="150px">
                        @else
                        <img src="https://bhavyaretail.com//uploads/primemebers/default_user.jpg" width="130px" height="150px">
                        @endif
                     </div>
                  </div>
                  <div class="col-sm-2">
                  </div>
               </div>
               <div class="col-sm-12">
                  <div class="col-sm-1">
                  </div>
                  <div class="col-sm-10">
                     <div class="form-group">

                        <label for="point_type" class="text-primary">{{$withdrawalRecord->f_name }} {{$withdrawalRecord->l_name }}</label>
                     </div>
                  </div>
                  <div class="col-sm-1">
                  </div>
               </div>
               <div class="col-sm-12">
                  <div class="col-sm-1">
                  </div>
                  <div class="col-sm-10">
                     <div class="form-group">
                        <label for="point_type">Prime Account Number</label>
                        <label for="point_type" class="text-primary">{{$withdrawalRecord->prime_account_no }}</label>
                     </div>
                  </div>
                  <div class="col-sm-1">
                  </div>
               </div>
            </div>
         </div>
         <div class="col-sm-9">
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Address :</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="prime_member_address" type="text" value="{{$withdrawalRecord->city }} {{$withdrawalRecord->state }} {{$withdrawalRecord->pin }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group ">
                  <label for="point_type">Mobile :</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="mobile" type="text" value="{{$withdrawalRecord->phone }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Email :</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="email" type="text" value="{{$withdrawalRecord->email }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Bank A/C No:</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="bank_account" type="text" value="{{$withdrawalRecord->bank_ac_no }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Bank IFSC Code:</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="bank_ifsc" type="text" value="{{$withdrawalRecord->bank_ifc_no }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Wallet Balance :</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="wallet_balance" type="text" value="{{$currentBalance->balance }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Request Amount</label>
               </div>
               <div class="col-sm-5">
                  <input class="form-control" readonly name="request_amt" type="text" value="{{$withdrawalRecord->withdrawal_amount }}">
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Status :</label>
               </div>
               <div class="col-sm-5">
                  @if($withdrawalRecord->status !=="pending")
                  <input type="text" class="form-control" readonly value="{{$withdrawalRecord->status}}">
                  @else
                  <select class='form-control' name="status">
                     <option value="pending" {{$withdrawalRecord->status=="pending" ? 'selected' : ''}}>pending</option>
                     <option value="paid" {{$withdrawalRecord->status=="paid" ? 'selected' : ''}}>paid</option>
                     <option value="rejected" {{$withdrawalRecord->status=="rejected" ? 'selected' : ''}}>rejected</option>
                  </select>
                  @endif
               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div>
            <div class="row">
               <div class="col-sm-3 form-group">
                  <label for="point_type">Remarks :</label>
               </div>
               <div class="col-sm-5">
                  <textarea class="form-control" name="remarks" rows="3" cols="20" @if($withdrawalRecord->status !=="pending")readonly @endif>{{$withdrawalRecord->description }}</textarea>

               </div>
               <div class="col-sm-4">
               </div>
            </div>

            <div class="clearfix"></div><br />
            <div class="row ">
               <div class="col-sm-2 form-group">

               </div>
               <div class="col-sm-3 form-group">
                  @if($withdrawalRecord->status == 'pending')
                  <button type="submit" class="btn btn-block btn-primary">
                     Submit </button>
                  @endif
               </div>
               <div class="col-sm-7">
               </div>
            </div>

         </div>
   </form>

   @endcomponent
   {!! Form::close() !!}
</section>
<!-- /.content -->
@endsection
@section('javascript')
@php $asset_v = env('APP_VERSION'); @endphp
<script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>
<script>
   $('#withdraw_req').on('submit', function(e) {
      e.preventDefault();
      // alert("Hello");
      FormRequest = new FormData(this);

      $.ajax({
         url: "{{route('req-withdraw-form-submit')}}",
         type: "POST",
         data: FormRequest,
         processData: false,
         contentType: false,
         dataType: 'json',
         success: function(dataResult) {
            console.log(dataResult);
            alert(dataResult);
         }
      });

   });
</script>


@endsection