@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">Invoice 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>
                    </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">

                                            <table class="table table-hover align-middle price-table"
                                                id="subscribe-list-table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Invoice number</th>
                                                        <th scope="col">User Name</th>
                                                        <th scope="col">Subscription</th>
                                                        <th scope="col">Start Date</th>
                                                        <th scope="col">End Date</th>
                                                        <th scope="col">Amount paid</th>
                                                        <th scope="col">Payment mode</th>
                                                        <th scope="col">Action</th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($subscriber_list as $sl)
                                                        @php
                                                            $plan_name = [];
                                                            $plan_name = explode(',', $sl->description);
                                                        @endphp

                                                        @if ($sl->receipt_url != '')
                                                            @php
                                                                $status = 'Online';
                                                            @endphp
                                                        @else
                                                            @php
                                                                $status = 'Offline';
                                                            @endphp
                                                        @endif
                                                        <tr>
                                                            <td scope="row">#{{ $sl->pid }}</td>
                                                            <td scope="row">{{ $sl->name }}</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->amount }} </td>
                                                            <td scope="row"> {{ $status }} </td>
                                                            <td scope="row">
                                                                <div class="plan-btn d-flex p-0">

                                                                    @if (isset($modPer_1) && $modPer_1->view == 1)
                                                                        <a href="#!" class="btn btn-success mx-2"><i
                                                                                class="ri-eye-fill"></i>
                                                                            View</a>
                                                                        <a href="/invoice/download/{{ $sl->pid }}"
                                                                            class="btn btn-success mx-2"><i
                                                                                class="ri-file-download-fill"></i>
                                                                            Download</a>
                                                                    @endif
                                                                </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