@extends('layouts.app')
@section('title', __('Shared Link'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Shared Link</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="sharedlink">
        @csrf
        <div class="clearfix"></div>
        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="point_type">Name:</label>
            <input class="form-control" name="name" placeholder="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">Shared By Name:</label>
            <input class="form-control" name="shared_by_name"  placeholder="Shared By Name" type="text" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">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="direct">Status:</label>
            <select class="form-control"  name="status" required>
                <option value="Prime">Prime</option>
                <option value="Not Upgraded">Not Upgraded</option>
            </select>
          </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">
    <div class="col-md-12" >
    <div class="active" >
    <input type="hidden" value="{{$userId}}" id="user_id" >
    <table class="table table-bordered data-table dataTable"  id="shared_link_table" >
            <thead>
                <tr>
                    <th>SL No.</th>
                    <th>Date, Time </th>
                    <th>Name</th>
                    <th>Mobile No</th>
                    <th>Shared By Name</th>
                    <th>ID</th>
                    <th>Status </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 type="text/javascript">
$(document).ready(function() {
  var i = 1;
  var user_id = $('#user_id').val();
 // $('.dataTable').DataTable({
    shared_link_table = $('#shared_link_table').DataTable({
    processing: true,
    serverSide: true,
    ajax: "{{ route('shared-links')}}?id="+user_id,
    
    columns: [
        {"render": function() {
                        return i++;
                    } },
            { data: 'created_at', name: 'created_at' },
            { data: 'name', name: 'name' },
            { data: 'mobile_no', name: 'mobile_no' },
            { data: 'shared_by_name', name: 'shared_by_name' },
            { data: 'shared_by_id', name: 'shared_by_id' },
            { data: 'status', name: 'status' },
            // { data: 'action', name: 'action' , orderable: false, searchable: false },
          ]
  });
});

</script>

@endsection