@extends('layouts.app')
@section('title', __('Family Member'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Family Member</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'])
        <div class="row">
     <!-- <form id="bhvpoints">
        @csrf
        <div class="clearfix"></div>
        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="point_type">Prime Member's Name :</label>
            <input class="form-control" name="prime_member_name" placeholder="Prime Member's Name" type="text"  required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="point_type">User ID :</label>
            <input class="form-control" name="user_id" placeholder="User ID " type="text"  required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="point_type">Family Member Name :</label>
            <input class="form-control" name="family_member_name" placeholder="Family Member Name " type="text"  required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="point_value">Mobile Number:</label>
            <input class="form-control" name="mobile_no" placeholder="Mobile Number" type="text" value="{{$data->point_value}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="prime_yearly_subscription">Relation:</label>
            <input class="form-control" name="relation"  placeholder="Relation" type="text" required>
          </div>
        </div>

        
        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="direct">App Installed:</label>
            <select class="form-control"  name="app_installed" required>
                <option value="Ye">Yes</option>
                <option value="No">No</option>
            </select>
          </div>
        </div>


        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">App ID:</label>
             <input class="form-control" name="app_id" placeholder="App ID" type="text" required>
          </div>
        </div>




        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="direct">Installed Date:</label>
           <input type="date" class="form-control"  >
          </div>
        </div>

        <div class="clearfix"></div>
        <div class="clearfix"></div>
       <div class="col-sm-4 ">
        <div class="form-group">
          <label for="share">&nbsp;</label>
          <br/>
          <button type="submit" class="btn btn-primary" >Submit</button>
          </div>
        </div>
      </div>
       </div>
    </form> -->

<div class="clearfix"></div>
<div class="clearfix"></div>
<div class="row">
<input type="hidden" value="{{$userId}}" id="user_id" >
    <div class="col-md-12" >
    <div class="active" >
    <table class="table table-bordered data-table dataTable"  id="family_info_table" >
            <thead>
                <tr>
                    <th>SL No.</th>
                    <th>Date, Time </th>
                    <th>Prime Member's Name</th>
                    <th>ID</th>
                    <th>Family Member's Name</th>
                    <th>Mobile No</th>
                    <th>Relation</th>
                    <th>App Installed</th>
                    <th>APP ID</th>
                    <th>Installed Date</th>
                    <!-- <th width="105px">Action</th> -->
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
     </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 type="text/javascript">
$(document).ready(function() {
  var i = 1;
  var user_id = $('#user_id').val();
   // $('.dataTable').DataTable({
    family_info_table = $('#family_info_table').DataTable({
    processing: true,
    serverSide: true,
   ajax: "{{ route('family-members-info')}}?id="+user_id,
    
    columns: [
      {   "render": function() {
                        return i++;
                    } },
            { data: 'created_at', name: 'created_at' },
            { data: 'f_name', name: 'f_name' },
            { data: 'user_id', name: 'user_id' },
            { data: 'name', name: 'name' },
            { data: 'mobile', name: 'mobile' },
            { data: 'relationship', name: 'relationship' },
            // { data: 'relationship', name: 'relationship' },
            // { data: 'relationship', name: 'relationship' },
            // { data: 'relationship', name: 'relationship' },
            // { data: 'action', name: 'action' , orderable: false, searchable: false },

            {   "render": function() {
                        return 'NA';
                    } },

                    {   "render": function() {
                        return 'NA';
                    } },

                    {   "render": function() {
                        return 'NA';
                    } },
          ]
  });
});
</script>

@endsection