@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;
   }
   .text-format{
      margin-top:-6px;
      height:30px;
   }
</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="primedetails" enctype="multipart/form-data">
   @csrf
   <input type="hidden" value="{{$primeRecord->id}}" name="primeMember_id" id="primeMember_id" >
   <input type="hidden" value="{{$primeRecord->user_id}}" name="user_id" id="user_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
                  <input class="form-control text-format" readonly name="member_type" id="member_type" type="text" value="{{$prime}}"  >
                 
               </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"> 
               <input class="form-control text-format" readonly name="sponsor_id" id="sponsor_id"  id="" type="text" value="{{$primeRecord->ref_code }}"  >
               </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"> 
                  <div>
                   <input class="form-control text-format" readonly name="sponsor_id" id="sponsor_id"  id="" type="text" value="{{$primeRecord->sponsor_id }}"  >
                  </div>
               </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"> 
                  <div>
                   
                    <input class="form-control text-format" readonly name="sponsor_name" id="sponsor_name" type="text" value="{{$primeRecord->sponsor_id }} " >
                  </div>
               </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">First Name</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <div>
                   
                    <input class="form-control text-format"  name="f_name" id="f_name" type="text" value="{{$primeRecord->f_name }} "  required >
                  </div>
               </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">Last Name</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <div>
                   
                    <input class="form-control text-format"  name="l_name" id="l_name" type="text" value="{{$primeRecord->l_name }} "  required >
                  </div>
               </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">Email</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <div>
                   
                    <input class="form-control text-format"  name="email" id="email" type="text" value="{{$primeRecord->email }} " required>
                  </div>
               </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">Phone</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
                  <div>
                   
                    <input class="form-control text-format"  name="phone" id="phone" type="text" value="{{$primeRecord->phone }} "  required >
                  </div>
               </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"> 
               <div>
                  <select class="form-control text-format" id="state" name="state" >
                   @foreach($stateLists as $stateList)
                        <option value="{{$stateList->state}}" {{ $primeRecord->state == $stateList->state ? 'selected' : '' }} >{{$stateList->state}}</option>
                   @endforeach
                  </select>

                    <!-- <input class="form-control text-format"  name="sponsor_id" type="text" value="{{$primeRecord->state}} "> -->
                  </div>
                  <!-- <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"> 
               <select class="form-control text-format" id="city" name="city" >
                  @foreach($cities as $city)
                     <option value="{{ $city->districts }}" {{ ($primeRecord->city == $city->districts) ? 'selected' : '' }}>
                           {{ $city->districts }}
                     </option>
                  @endforeach
               </select>

                
               </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"> 
               <input class="form-control text-format" name="pin" id="pin" type="text" value="{{$primeRecord->pin}}"  >
                 
               </div>
            </div>
         </div>

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
               <button type="submit" class="btn btn-primary btn-sm" id="btnUpdate_basic">Update</button>
               
            </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 A/C Number</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
               <input class="form-control text-format"  name="bank_account_no" id="bank_account_no" type="text" value="{{$primeRecord->bank_account_no}}"  >
              </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"> 
               <input class="form-control text-format"  name="bank_ifc" id="bank_ifc" type="text" value="{{$primeRecord->bank_ifc}}"  >
             
               </div>
            </div>
         </div>

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
               <button type="submit" class="btn btn-primary btn-sm" id="btnUpdate_bank">Update</button>
               
            </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 No.</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
               <input class="form-control text-format"  name="aadhar_card" id="aadhar_card" type="text" value="{{$primeRecord->aadhar_card}}"  >
              </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"> 
                 <input class="form-control text-format"  name="pan_card" id="pan_card" type="text" value="{{$primeRecord->pan_card}}"  >
              
               </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> -->

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
               <button type="submit" class="btn btn-primary btn-sm" id="btnUpdate_kyc">Update</button>
            </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"> 
               <input class="form-control text-format"  name="nominee_name" id="nominee_name" type="text" value="{{$primeRecord->nominee_name}}"  >
               </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"> 
               <input class="form-control text-format"  name="nominee_mobile" id="nominee_mobile" type="text" value="{{$primeRecord->nominee_mobile}}"  >
                </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"> 
               <input class="form-control text-format"  name="nominee_relation" id="nominee_relation" type="text" value="{{$primeRecord->nominee_relation}}"  >
                </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">Nomin Aadhar Card</label>
                  </div>
               </div>
               <div class="col-sm-10"> 
               <input class="form-control text-format"  name="nominee_adhar_card" id="nominee_adhar_card" type="text" value="{{$primeRecord->nominee_adhar_card}}"  >
               
               </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"> 
               <input class="form-control text-format"  name="nominee_pan_card" id="nominee_pan_card" type="text" value="{{$primeRecord->nominee_pan_card}}"  >
               
               </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> -->

         <div class="row form-control" style="margin-left:1px;">
            <div class="col-sm-12">
               <div class="col-sm-2">
               <button type="submit" class="btn btn-primary btn-sm" id="btnUpdate_nominee">Update</button>
            </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" id="family_dataTable">
  <thead>
 
    <tr>
      <th scope="col">Sl.</th>
      <th scope="col">Name</th>
      <th scope="col">Mbile</th>
      <th scope="col">Relationship</th>
      <th scope="col">Action</th>
    </tr>
  </thead>
  <tbody> 
    @php
    $i=1;
    @endphp
    @foreach($primeFamilyMemberRecords as $primeFamilyMemberRecord)
    <tr>
    <input type="hidden" value="{{$primeFamilyMemberRecord->id}}" name="family_member_id" id="family_member_id" >
      <th scope="row">{{$i++}}</th>
      <td>{{$primeFamilyMemberRecord->name}}</td>
      <td>{{$primeFamilyMemberRecord->mobile}}</td>
      <td>{{$primeFamilyMemberRecord->relationship}}</td>
      <td>
      @php
            $status_val = '';
            $buttonHtml = '';
            if ($primeFamilyMemberRecord->status == 1) {
               $status_val = 'Active';
               $buttonHtml = '<a class="btn btn-success btn-xs col-md-1 m-2"  id="' . $primeFamilyMemberRecord->id . '" onclick="check_status(this);"><i class="fa fa-check" title="' . $status_val . '" style="color:#fff;"></i></a>';
            } else {
               $status_val = 'InActive';
               $buttonHtml = '<a class="btn btn-danger btn-xs col-md-1 m-2" id="' . $primeFamilyMemberRecord->id . '" onclick="check_status(this);"><i class="fa fa-ban" title="' . $status_val . '" style="color:#fff;"></i></a>';
            }
         @endphp

         {!! $buttonHtml !!}
     <a class="btn btn-warning btn-xs col-md-1 m-2"
   data-familyId="{{$primeFamilyMemberRecord->id}}" 
   id="{{$primeFamilyMemberRecord->id}}"  
   data-familyName="{{$primeFamilyMemberRecord->name}}" 
   data-familyMobile="{{$primeFamilyMemberRecord->mobile}}"
   data-familyRelation="{{$primeFamilyMemberRecord->relationship}}"
   data-toggle="modal" 
   data-target="#myModal">
   <i class="fa fa-edit" aria-hidden="true" title="Change Password"></i>
               </a>
       
       <a class="btn btn-danger btn-xs col-md-1 m-2" href="#" id="{{$primeFamilyMemberRecord->id}}" onclick='return DeleteFamilyMember(this);'>
    <i class='fas fa-trash-alt' ></i>
</a>

    </tr>
    @endforeach
  </tbody>
</table>
         <!-- details tag ends here -->
      </details>
    </form>
   </div>

      <!-- Modal -->
  <div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">

         <!-- Modal content-->
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal">&times;</button>
               <h4 class="modal-title">Family Members Details</h4>
            </div>
            <div class="modal-body">
            
                  @csrf
                
                  <div class="row" class="form-group">
                  <input class="form-control"  name="family_id" id="family_id" type="text">
                     <div class="col-sm-12">
                        <div class="row">
                           <div class="col-sm-4 form-group">
                              <label for="point_type">Name :</label>
                           </div>
                           <div class="col-sm-8">
                              <input class="form-control"  name="family_name" id="family_name" type="text">
                           </div>
                        </div>
                        <div class="row">
                           <div class="col-sm-4 form-group">
                              <label for="point_type">Mobile :</label>
                           </div>
                           <div class="col-sm-8">
                              <input class="form-control"  name="family_mobile" id="family_mobile" type="text">
                           </div>
                        </div>
                        <div class="row">
                           <div class="col-sm-4 form-group">
                              <label for="point_type">Relationship :</label>
                           </div>
                           <div class="col-sm-8">
                              <input class="form-control"  name="family_relationship" id="family_relationship" type="text">
                           </div>
                        </div>
      

                     </div>
               
            </div>
            <div class="modal-footer">
               <button type="button" class="btn btn-primary" onclick='updateFamilyMember();' data-dismiss="modal">Update</button>
            </div>
         </div>

      </div>
   </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>
  $('#btnUpdate_basic').on('click', function(e) {
    e.preventDefault();
    var primeMemberId = $('#primeMember_id').val();
    var userId = $('#user_id').val();
    var memberType = $('#member_type').val();
    var sponsorId = $('#sponsor_id').val();
    var sponsorName = $('#sponsor_name').val();
    var state = $('#state').val();
    var city = $('#city').val();
    var pin = $('#pin').val();
    var email = $('#email').val();
    var phone = $('#phone').val();
    var firstName = $('#f_name').val();
    var lastName = $('#l_name').val();
   // alert(state);
    $.ajax({
         type: 'POST',
         url: "{{ route('update.primemember.basicinfo') }}",
         data: {
            primeMemberId: primeMemberId,
            userId: userId,
            memberType: memberType,
            sponsorId: sponsorId,
            sponsorName: sponsorName,
            state: state,
            city: city,
            pin: pin,
            email: email,
            phone: phone,
            firstName:firstName,
            lastName:lastName
         },

         // dataType: 'json',
         success: function(data) {
            console.log(data);
            alert(data);
         },
         error: function(request, error) {
            // console.log(arguments);
            var error_message = arguments[2];
            alert(" Error: " + error_message);
         },
      });
  });


  //====== Bank ===
  $('#btnUpdate_bank').on('click', function(e) {
    e.preventDefault();
    var primeMemberId = $('#primeMember_id').val();
    var userId = $('#user_id').val();
    var bankAccountNo = $('#bank_account_no').val();
    var bankIfc = $('#bank_ifc').val();
      // alert(state);
    $.ajax({
         type: 'POST',
         url: "{{ route('update.primemember.bankinfo') }}",
         data: {
            primeMemberId: primeMemberId,
            userId: userId,
            bankAccountNo: bankAccountNo,
            bankIfc: bankIfc,
         },

         // dataType: 'json',
         success: function(data) {
            console.log(data);
            alert(data);
         },
         error: function(request, error) {
            // console.log(arguments);
            var error_message = arguments[2];
            alert(" Error: " + error_message);
         },
      });
  });


  //===== Kyc ===
  
  $('#btnUpdate_kyc').on('click', function(e) {
    e.preventDefault();
    var primeMemberId = $('#primeMember_id').val();
    var userId = $('#user_id').val();
    var aadharCard = $('#aadhar_card').val();
    var panCard = $('#pan_card').val();
      // alert(state);
    $.ajax({
         type: 'POST',
         url: "{{ route('update.primemember.kycinfo') }}",
         data: {
            primeMemberId: primeMemberId,
            userId: userId,
            aadharCard: aadharCard,
            panCard: panCard,
         },

         // dataType: 'json',
         success: function(data) {
            console.log(data);
            alert(data);
         },
         error: function(request, error) {
            // console.log(arguments);
            var error_message = arguments[2];
            alert(" Error: " + error_message);
         },
      });
  });

  //===== Nominee ====
  $('#btnUpdate_nominee').on('click', function(e) {
    e.preventDefault();
    var primeMemberId = $('#primeMember_id').val();
    var userId = $('#user_id').val();
    var nomineeName = $('#nominee_name').val();
    var nomineeMobile = $('#nominee_mobile').val();
    var nomineeRelation = $('#nominee_relation').val();
    var nomineeAdharCard = $('#nominee_adhar_card').val();
    var nomineePanCard = $('#nominee_pan_card').val();
      // alert(state);
    $.ajax({
         type: 'POST',
         url: "{{ route('update.primemember.nomineecinfo') }}",
         data: {
            primeMemberId: primeMemberId,
            userId: userId,
            nomineeName: nomineeName,
            nomineeMobile: nomineeMobile,
            nomineeRelation: nomineeRelation,
            nomineeAdharCard: nomineeAdharCard,
            nomineePanCard: nomineePanCard
         },

         // dataType: 'json',
         success: function(data) {
            console.log(data);
            alert(data);
         },
         error: function(request, error) {
            // console.log(arguments);
            var error_message = arguments[2];
            alert(" Error: " + error_message);
         },
      });
  });
  
  
</script>

<script>
  $('#myModal').on('show.bs.modal', function (event) {
      var button = $(event.relatedTarget);


      var familyId = button.data('familyid');
      var familyName = button.data('familyname'); 
      var familyMobile = button.data('familymobile');
      var familyRelation = button.data('familyrelation');
      var modal = $(this);
      

      modal.find('.modal-body #family_id').val(familyId);
      modal.find('.modal-body #family_name').val(familyName);
      modal.find('.modal-body #family_mobile').val(familyMobile);
      modal.find('.modal-body #family_relationship').val(familyRelation);

      var familyMemberId = modal.find('.modal-body #family_id').val();
      var familyMemberName = modal.find('.modal-body #family_name').val();
      var familyMemberMobile = modal.find('.modal-body #family_mobile').val(); 
      var familyMemberRelation = modal.find('.modal-body #family_relationship').val();  
      
  });

 
    function updateFamilyMember() {
    
      var familyId = $('#family_id').val();
      var familyName = $('#family_name').val();
      var familyMobile = $('#family_mobile').val();
      var familyRelationship = $('#family_relationship').val();
      // alert(familyMobile);
      
      $.ajax({
         type: 'POST',
         url: "{{ route('update.family.member') }}",
         data: {
            familyId: familyId,
            familyName: familyName,
            familyMobile: familyMobile,
            familyRelationship: familyRelationship
         },
         // dataType: 'json',
         success: function(data) {
            console.log(data);
            alert(data);
            window.location.reload();
           

         },
         error: function(request, error) {
            // console.log(arguments);
            var error_message = arguments[2];
            alert(" Error: " + error_message);
         },
      });
    }

    function DeleteFamilyMember(link) {
        var familyId = $(link).attr('id');
        var confirmation = confirm('Do you want to delete this family member?');
         if (confirmation) {
            alert('Are you sure to delete this family member');
             $.ajax({
               type: 'POST',
               url: "{{ route('delete.family.member') }}",
               data: {
                  familyId: familyId,
                  },
               // dataType: 'json',
               success: function(data) {
                  console.log(data);
                  alert(data);
                  window.location.reload();
                  

               },
               error: function(request, error) {
                  // console.log(arguments);
                  var error_message = arguments[2];
                  alert(" Error: " + error_message);
               },
            });
         }
         return false;
  }

  function check_status(link) {
        var familyId = $(link).attr('id');
        $.ajax({
         type: 'GET',
         url: "{{ route('change.family.members.status') }}",
         data: {
                  familyId: familyId,
                  },
               // dataType: 'json',
               success: function(data) {
                  console.log(data);
                  alert(data);
                  window.location.reload();
               },
               error: function(request, error) {
                  // console.log(arguments);
                  var error_message = arguments[2];
                  alert(" Error: " + error_message);
               },
            });
   }

</script>

@endsection