@extends('admin.admin_master')
@section('admin')

<style>
    .switch-button {
      display: inline-block;
      border-radius: 50px;
      background-color: #b3b3b3;
      width: 90px;
      height: 27px;
      padding: 4px;
      position: relative;
      overflow: hidden;
      vertical-align: middle;
    }
    .switch-button input[type=checkbox] {
      display: none;
    }
    .switch-button label {
      border-radius: 50%;
      -webkit-box-shadow: 0 0 1px 1px #fff inset;
      box-shadow: 0 0 1px 1px #fff inset;
      background-color: #ffffff;
      margin: 0;
      height: 19px;
      width: 19px;
      z-index: 1;
      display: inline-block;
      cursor: pointer;
      background-clip: padding-box;
      float: left;
    }
    .switch-button label:before {
      position: absolute;
      font-size: 0.8462rem;
      font-weight: 600;
      z-index: 0;
      content: "OFF";
      right: 0;
      display: block;
      width: 100%;
      height: 100%;
      line-height: 27px;
      top: 0;
      text-align: right;
      padding-right: 10px;
      color: #ffffff;
    }
    .switch-button input[type=checkbox]:checked + span {
      background-color: #0f9cf3;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 4px;
    }
    .switch-button input[type=checkbox]:checked + span label {
      float: right;
      border-color: #fe4d8e;
    }
    .switch-button input[type=checkbox]:checked + span label:before {
      position: absolute;
      font-size: 0.8462rem;
      font-weight: 600;
      z-index: 0;
      content: "ON";
      color: #ffffff;
      left: 0;
      text-align: left;
      padding-left: 10px;
    }
    .switch-button.switch-button-yesno label:before {
      content: "Deactive";
    }
    .switch-button.switch-button-yesno input[type=checkbox]:checked + span label:before {
      content: "Active";
    }

    </style>

 <div class="page-content">
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0">Subscribed User All</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->
                        
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <h4 class="card-title">Subscripers All</h4>
                    

                    <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                        <tr>
                            <th>Sl</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>Date</th>
                            <th>Action</th>
                            
                        </thead>


                        <tbody>
                        	@php($i = 1)
                        	@foreach($subscribedUsers as $item)
                        <tr>
                            <td> {{ $i++}} </td>
                            <td> {{ $item->name }} </td>
                            <td> {{ $item->email }} </td>
                            <td> {{ $item->mobile_number }} </td>
                            <td> {{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }} </td>
                            {{-- <td>
     <a href="{{ route('delete.message',$item->id) }}" class="btn btn-danger sm" title="Delete Data" id="delete">  <i class="fas fa-trash-alt"></i> </a>
                            </td> --}}
                            {{-- <td>
                                <form method="POST" action="{{ route('toggle.users.status', $item->id) }}" class="mb-0">
                                    @csrf
                                    <div class="admin-list">
                                        <button type="submit" class="toggle-button" style="border: none;
                                        background: none;">
                                        <div class="switch-button switch-button-xs switch-button-yesno">
                                        <input type="checkbox" name="status" id="item{{ $item->id }}" {{ $item->status == 1 ? 'checked' : '' }} />
                                        <span><label for="item{{ $item->id }}"></label></span>
                                        </div>
                                        </button>
                                        </div>
                                </form>
                            </td> --}}

                            <td>
                                <a href="" class="btn btn-success sm" title="view payment info" >  <i class="fa fa-view"></i>view payment</a>
                            </td>
                           
                           
                        </tr>
                        @endforeach
                        
                        </tbody>
                    </table>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->
        
                     
                        
                    </div> <!-- container-fluid -->
                </div>
 

@endsection