@extends('master_layout.app')

@section('content')
    <section id="content" class="content">
        <div class="content__header content__boxed overlapping">
            <div class="content__wrap">


                <!-- Breadcrumb -->
                <!-- <nav aria-label="breadcrumb">
                                                                                                  <ol class="breadcrumb">
                                                                                                     <li class="breadcrumb-item"><a href="../index.html">Home</a></li>
                                                                                                     <li class="breadcrumb-item"><a href="../index.html">Forms</a></li>
                                                                                                     <li class="breadcrumb-item active" aria-current="page">Wizard</li>
                                                                                                  </ol>
                                                                                               </nav> -->
                <!-- END : Breadcrumb -->


                <h1 class="page-title mb-0 mt-2 py-3">Expired Subscribers</h1>


                <div class="container-fluid">

                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="le-tit">
                                    <a href="#!" class="btn btn-success mx-2"><i
                                            class="ri-file-excel-2-fill mx-1"></i>Export Excel</a>
                                </div>

                                {{--   <div class="right-tit d-flex">

                                <input id="startDate" class="form-control" type="date" placeholder="enter" />

                             

                                <form class="input-group select-grp-top w-10">
                                    <span class="input-group-text"><i class="ri-sort-asc"></i></span>
                                    <select class="form-select">
                                        <option selected>Sort by</option>
                                        <option value="1">Plan</option>
                                        <option value="2">price</option>

                                    </select>
                                </form>
                            </div> --}}



                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-xl-12">
                            <div class="card" id="tab-content-pagination">
                                <div class="card-body">
                                    <div class="row align-items-center justify-content-between">

                                        <div class="col-12">

                                            <table class="table table-hover align-middle price-table"
                                                id="subscribe-list-table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Subscription ID</th>
                                                        <th scope="col">Company Name</th>
                                                        <th scope="col">Email Id</th>

                                                        <th scope="col">Start Date</th>
                                                        <th scope="col">End Date</th>
                                                        <th scope="col">Mobile No</th>
                                                        <th scope="col">Active / Inactive</th>
                                                        <th scope="col">Action</th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($subscriber_list as $tl)
                                                        <tr>
                                                            <td scope="row">#{{ $tl->id }}</td>
                                                            <td scope="row">{{ $tl->company_name }}</td>
                                                            <td scope="row">{{ $tl->email }}</td>

                                                            <td scope="row">
                                                                {{ date('M-d-Y', strtotime($tl->created_at)) }}</td>
                                                            <td scope="row">
                                                                {{ date('M-d-Y', strtotime($tl->valid_plan_date)) }}</td>



                                                            <td scope="row">+ {{ $tl->country_code }}
                                                                {{ $tl->mobile_number }}</td>
                                                            <td scope="row">
                                                                <div class="form-check form-switch w-100">
                                                                    <input class="form-check-input user-activate"
                                                                        value="{{ $tl->id }}" type="checkbox"
                                                                        data-user-id="{{ $tl->id }}"
                                                                        {{ $tl->is_active == 1 ? 'checked' : '' }}
                                                                        id="toggleSwitch">

                                                                </div>
                                                            </td>
                                                            <td scope="row"><button value="{{ $tl->id }}"
                                                                    class="btn btn-success extend">Extend</button></td>




                                                        </tr>
                                                    @endforeach



                                                </tbody>
                                            </table>



                                        </div>
                                        <!-- end col -->

                                    </div>
                                    <!-- end row-->
                                </div>
                                <!-- end card body -->
                            </div>
                            <!-- end card -->
                        </div>
                        <!-- end col -->

                    </div>


                    <div class="modal fade" id="viewcomments" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-body">
                                    <p class="model-tit">Are you sure you want to extend the plan for this user ?
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <form method="post" action="/extend-user-access">
                                        @csrf
                                        <input type="hidden" id="userid" value="" name="userid">
                                        <div class="form-group">
                                            <label class="mt-3 mb-3">Enter the number of days</label>
                                            <input type="text" class="form-control" value="" name="numberofdays"
                                                required>

                                        </div>
                                        <button type="submit" class="btn btn-primary mt-3">Extend</button>
                                        <button type="button" class="btn btn-success mt-3" data-bs-dismiss="modal">No,
                                            Cancel</button>
                                    </form>
                                    <div class="form-group">


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>







                </div>


            </div>



        </div>

    </section>
@endsection