@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 -->


                <h4 class="mb-3 fw-semibold">Subscriber List</h4>


                <div class="container-fluid">


                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="le-tit">
                                    @if (isset($modPer) && $modPer->view == 1)
                                        {{--  <a href="#!" class="btn btn-success mx-2"><i
                                                class="ri-file-excel-2-fill mx-1"></i>Export Excel</a> --}}
                                    @endif
                                </div>

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

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

                                    <!-- <form class="input-group">
                                                                                                    <input class="form-control border-end-0 border" type="text" value="Search"
                                                                                                        id="example-search-input">
                                                                                                    <span class="input-group-append">
                                                                                                        <button
                                                                                                            class="btn btn-outline-secondary bg-white border-start-0 border ms-n3 sea-bar"
                                                                                                            type="button">
                                                                                                            <i class="ri-search-line"></i>
                                                                                                        </button>
                                                                                                    </span>
                                                                                                </form> -->

                                    {{--    <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>
                        @if (session('success'))
                            <div class="alert alert-success mt-3">{{ session('success') }}</div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger mt-3">{{ session('error') }}</div>
                        @endif
                    </div>


                    <!-- Start here.... -->
                    <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">
                                            <div id="dateFilterControls" style="margin-bottom: 15px;">
                                                <input type="date" id="dateFrom" placeholder="From Date">
                                                <input type="date" id="dateTo" placeholder="To Date">
                                                <button id="applyDateFilter">Apply Filter</button>
                                                <button id="clearDateFilter">Clear Filter</button>
                                            </div>
                                        </div> --}}
                                        <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">User Name</th>
                                                        <th scope="col">Email Id</th>
                                                        <th scope="col">Plan Name</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>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($subscriber_list as $sl)
                                                        @php
                                                            $plan_name = [];
                                                            $plan_name = explode(',', $sl->description);
                                                        @endphp
                                                        <tr>
                                                            <td scope="row">#{{ $sl->id }}</td>
                                                            <td scope="row">{{ $sl->company_name }}</td>
                                                            <td scope="row">{{ $sl->name }}</td>
                                                            <td scope="row">{{ $sl->email }}</td>
                                                            <td scope="row">{{ $plan_name[0] }}</td>
                                                            <td scope="row">
                                                                {{ date('m-d-Y', strtotime($sl->created_at)) }}</td>
                                                            <td scope="row">
                                                                {{ date('m-d-Y', strtotime($sl->last_active_day)) }}
                                                            </td>
                                                            <td scope="row">+ {{ $sl->country_code }}
                                                                {{ $sl->mobile_number }}</td>
                                                            <td scope="row">
                                                                <div class="form-check form-switch w-100">
                                                                    <input class="form-check-input user-activate"
                                                                        value="{{ $sl->user_id }}" type="checkbox"
                                                                        data-user-id="{{ $sl->user_id }}"
                                                                        {{ $sl->is_active == 1 ? 'checked' : '' }}
                                                                        id="toggleSwitch">

                                                                </div>
                                                            </td>




                                                        </tr>
                                                    @endforeach

                                                </tbody>
                                            </table>



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

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

                    </div>


                </div>


            </div>



        </div>



    </section>
@endsection