@extends('layouts.app')
@section('title', __('Notifications List'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
   <h1>All Notifications</h1>
    <ol class="breadcrumb" style='margin-right:20px'>
    <div >
                  <a href="{{url('/save-notification')}}" > <button type="button" class="btn btn-block btn-primary" 
                     data-href=""  data-container="">
                  <i class="fa fa-plus"></i> Add </button></a>
               </div>
      </ol> 
</section>
<!-- Main content -->
<section class="content">
   @component('components.widget', ['class' => 'box-primary'])
   <div class="clearfix"></div>
   <div class="clearfix"></div>
   <!-- <div class="row">
      <div class="col-md-12" >
         <div class="col-md-10 content-header">
         <h1>Notifications List</h1>
         </div>
         <div class="col-md-2">
            <div class="form-group">
               <div >
                  <a href="{{url('/save-notification')}}" > <button type="button" class="btn btn-block btn-primary" 
                     data-href=""  data-container="">
                  <i class="fa fa-plus"></i> Add </button></a>
               </div>
            </div>
         </div>
      </div>
   </div> -->
   <div class="text-center">
      <h3 class="text-primary" style="border-bottom:2px solid blue;"></h3>
   </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="prime_info_table" >
               <thead>
                  <tr>
                     <th>SL No.</th>
                     <th>Schedule Date/time</th>
                     <th>Type</th>
                     <th>Subject</th>
                     <th>Text</th>
                     <th>Photo</th>
                     <th>Sponsor Name</th>
                     <th>Action</th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td>1.</td>
                     <th>E-mal</th>
                     <th>Test</th>
                     <th>Test Description</th>
                     <th><img src="{{url('img/default.png')}}" width="70px" heigth="70" ></th>
                     <th>RAM</th>
                     <th><a href="/' . $row['id'] . '/edit" class="btn btn-primary btn-xs col-md-2 m-1"><i class="fa fa-edit" title="Edit" ></i></a> 
                        <a href="#" class="btn btn-danger btn-xs col-md-2 m-1" id=' . $row['id'] . ' onclick="delete_user(this);"  ><i class="fa fa-trash" aria-hidden="true" title="Delete" ></i></a> 
                        <a href="#" class="btn btn-warning btn-xs col-md-2 m-1" id=' . $row['id'] . ' id="myBtn"><i class="fa fa-eye" aria-hidden="true" title="View" ></i></a> 
                        <a href="#" class="btn btn-success btn-xs col-md-2 m-1" id=' . $row['id'] . ' onclick="approval(this);" ><i class="fa fa-check" title="Resend"></i></a> 
                        <a href="/' . $row['id'] . '/edit" class="btn btn-primary btn-xs col-md-2 m-1"><i class="fa fa fa-history" title="History"></i></a>'; 
                     </th>
                  </tr>
               </tbody>
               <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({
       prime_info_table = $('#prime_info_table').DataTable({
       processing: true,
       serverSide: true,
      ajax: "{{ route('prime-members-info')}}?id="+user_id,
       
       columns: [
         {   "render": function() {
                           return i++;
                       } },
               { data: 'created_at', name: 'created_at' },
               { data: 'f_name', name: 'f_name' },
               { data: 'phone', name: 'phone' },
               
               { data: 'paid_amount', name: 'paid_amount' },
               // {   "render": function() {
               //             return '2999';
               //         } },
               { data: 'sponsor_name', name: 'sponsor_name' },
               
               // { data: 'parent_id', name: 'parent_id' },
               { data: 'prime_account_no', name: 'prime_account_no' },
               {
                      data: 'status',
                      name: 'status',
                      searchable: false,
                          render: function(data, type, row, meta) {
                              if(row.status==1){
                                 $status_val =  'Active';
                              }else{
                                  $status_val = 'InActive';
                              }
                              return $status_val;
                          }
                      },
               { data: 'created_at', name: 'created_at' },
               // { data: 'action', name: 'action' , orderable: false, searchable: false },
             ]
     });
   });
</script>
@endsection