@extends('layouts.app')
@section('title', __('Prime Member Details'))
@section('content')
<!-- Content Header (Page header) -->
<style>
   .userImg {
   width:200px;
   height:190px;
   border-radius: 50%;
   }
   summary{
   margin-top:1px;
   background-color:#234C89;
   height:50px;
   color:#fff;
   font-size:24px;
   }
   .heading{
   padding:10px;
   }
</style>
<section class="content-header">
   <h1>Prime Member Details</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="{{$primeRecord->id}}" name="id">
   <div class="row">
      <div class="box-body">
         <div class="row">
            <div class="col-sm-3">
               <div class="form-group">
                  <!-- <label for="image">Prime Member  Image:*</label> -->
                  @if(!empty($primeRecord->image))
                  <img  src="https://bhavyaretail.com///storage/profile/{{$primeRecord->image}}"  class="userImg"  >
                  @else
                  <img src="https://bhavyaretail.com//uploads/primemebers/default_user.jpg"  class="userImg"  >
                  @endif
               </div>
            </div>
            <div class="col-sm-6">
               <div class="form-group text-center">
                  <label for="barcode_type">
                     @if(!empty($primeRecord->prime_account_no))
                     <h3>{{$primeRecord->f_name }} {{$primeRecord->l_name }} ({{$primeRecord->prime_account_no}})</h3>
                     @else
                     <h3>{{$primeRecord->f_name }} {{$primeRecord->l_name }} ({{$primeRecord->user_id}})</h3>
                     @endif
                  </label>
                  <h4>{{$primeRecord->email }} </h4>
                  <label for="barcode_type">
                     <h4>{{$primeRecord->phone }} </h4>
                  </label>
                  <!-- <input class="form-control" readonly name="name" type="text" value="{{$primeRecord->f_name }} {{$primeRecord->l_name }} ({{$primeRecord->prime_account_no}} ) "> -->
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="row">
      <details>
         <summary>
            <div class="heading"><i class="fa fa-info-circle" aria-hidden="true"></i> Basic Info </div>
         </summary>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Prime Member</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  @php
                  $prime = '';
                  if($primeRecord->prime_member == '1'){
                  $prime = 'YES';
                  }else{
                  $prime = 'NO';
                  }
                  @endphp
                  <label> : {{$prime}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Ref Code</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->ref_code}} </label>
               </div>
            </div>
         </div>

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Sponsor ID</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->sponsor_id}} </label>
               </div>
            </div>
         </div>

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Sponsor Name</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->sponsor_fname}}   {{$primeRecord->sponsor_lname}}</label>
               </div>
            </div>
         </div>

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">State</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->state}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">City</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->city}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Pin</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->pin}} </label>
               </div>
            </div>
         </div>
      </details>
   </div>
   <div class="row">
      <details>
         <summary>
            <div class="heading"><i class="fa fa-university" aria-hidden="true"></i> Bank Details </div>
         </summary>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Bank Account Number</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->bank_account_no}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Bank IFSC</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->bank_ifc}} </label>
               </div>
            </div>
         </div>
         <!-- details tag ends here -->
      </details>
   </div>
   <div class="row">
      <details>
         <summary>
            <div class="heading"><i class="fa fa-file" aria-hidden="true"></i> KYC </div>
         </summary>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Aadhar Card Number</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->aadhar_card}} </label>
               </div>
            </div>
         </div>
         <div class="row" style="margin-left:15px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Aadhar Card Image</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  @if(!empty($primeRecord->aadhar_card_image))
                  :<img  src="https://bhavyaretail.com//uploads/primemebers/{{$primeRecord->aadhar_card_image}}" width="330px" height="140px">
                  @else
                  :<img src="https://bhavyaretail.com//uploads/primemebers/default.png" width="330px" height="140px">
                  @endif
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Pan Card</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->pan_card}} </label>
               </div>
            </div>
         </div>
         <div class="row" style="margin-left:15px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Pan Card Image</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  @if(!empty($primeRecord->pan_card_image))
                  :<img  src="https://bhavyaretail.com//uploads/primemebers/{{$primeRecord->pan_card_image}}" width="330px" height="140px">
                  @else
                  :<img src="https://bhavyaretail.com//uploads/primemebers/default.png" width="330px" height="140px">
                  @endif
               </div>
            </div>
         </div>
         <!-- details tag ends here -->
      </details>
   </div>
   <div class="row">
      <details>
         <summary>
            <div class="heading"><i class="fa fa-user" aria-hidden="true"></i> Nominee </div>
         </summary>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Name</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->nominee_name}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Mobile</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->nominee_mobile}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Relation</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->nominee_relation}} </label>
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Aadhar Card</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->nominee_adhar_card}} </label>
               </div>
            </div>
         </div>
         
         <div class="row" style="margin-left:15px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Aadhar Card Image</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  @if(!empty($primeRecord->nominee_adhar_card_image))
                  :<img  src="https://bhavyaretail.com//uploads/primemebers/{{$primeRecord->nominee_adhar_card_image}}" width="330px" height="140px">
                  @else
                  :<img src="https://bhavyaretail.com//uploads/primemebers/default.png" width="330px" height="140px">
                  @endif
               </div>
            </div>
         </div>
         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Pan Card</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <label> : {{$primeRecord->pan_card}} </label>
               </div>
            </div>
         </div>
         <div class="row" style="margin-left:15px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
                  <div >
                     <label for="barcode_type">Nominee Pan Card Image</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  @if(!empty($primeRecord->nominee_pan_card_image))
                  :<img  src="https://bhavyaretail.com//uploads/primemebers/{{$primeRecord->nominee_pan_card_image}}" width="330px" height="140px">
                  @else
                  :<img src="https://bhavyaretail.com//uploads/primemebers/default.png" width="330px" height="140px">
                  @endif
               </div>
            </div>
         </div>
         <!-- details tag ends here -->
      </details>
   </div>
   <div class="row">
      <details>
         <summary>
            <div class="heading"><i class="fa fa-users" aria-hidden="true"></i> Family Members </div>
         </summary>
         <table class="table table-bordered">
  <thead>
    <tr>
      <th scope="col">Sl.</th>
      <th scope="col">Name</th>
      <th scope="col">Mbile</th>
      <th scope="col">Relationship</th>
    </tr>
  </thead>
  <tbody> 
    @php
    $i=1;
    @endphp
    @foreach($primeFamilyMemberRecords as $primeFamilyMemberRecord)
    <tr>
      <th scope="row">{{$i++}}</th>
      <td>{{$primeFamilyMemberRecord->name}}</td>
      <td>{{$primeFamilyMemberRecord->mobile}}</td>
      <td>{{$primeFamilyMemberRecord->relationship}}</td>
    </tr>
    @endforeach
  </tbody>
</table>
         <!-- details tag ends here -->
      </details>
   </div>
   @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