@extends('layouts.app')


@section('content')
    @include('includes.bread_crumb_with_header', [
      'header' => 'Membership',
      'bread_crumbs' => ['Home' => "","starter"=>""],
  ])
    <div class="card  m-10">
        <div class="card-body ">
            <!--begin::Navs-->
            <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5 active"
                       href="{{ url('admin/sellers/memberships/starter') }}">Starter</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('admin/sellers/memberships/advance') }}">Advance</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('admin/sellers/memberships/business') }}">Business</a>
                </li>
            </ul>
            <!--begin::Navs-->
        </div>
    </div>

    <div class="d-flex flex-column flex-column-fluid" data-select2-id="select2-data-126-dzc7">
        <!--begin::Content-->
        <div id="kt_app_content" class="app-content flex-column-fluid" data-select2-id="select2-data-kt_app_content">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container"
                 data-select2-id="select2-data-kt_app_content_container">
                <!--begin::Products-->
                <div class="card card-flush" data-select2-id="select2-data-125-skqc">
                    <!--begin::Card header-->
                    <!--end::Card header-->
                    <!--begin::Card body-->
                    <div class="card-body pt-0">
                        <!--begin::Table-->
                        <div id="kt_ecommerce_products_table_wrapper"
                             class="dataTables_wrapper dt-bootstrap4 no-footer">
                            <div class="table-responsive">
                                <table
                                    class="table align-middle table-row-dashed fs-6 gy-5 no-footer table-striped"
                                    id="kt_ecommerce_products_table">
                                    <!--begin::Table head-->
                                    <thead>
                                    <tr class="text-start fw-semibold  text-gray-400 fs-7 text-uppercase gs-0 ">
                                        <th class="min-w-70px sorting text-start" tabindex="0"
                                            aria-controls="kt_ecommerce_products_table" rowspan="1" colspan="1"
                                            aria-label="Qty: activate to sort column ascending"
                                            style="width: 125.031px;">seller name
                                        </th>

                                        <th class="min-w-100px sorting text-start" tabindex="0"
                                            aria-controls="kt_ecommerce_products_table" rowspan="1" colspan="1"
                                            aria-label="Rating: activate to sort column ascending"
                                            style="width: 140.875px;">seller email
                                        </th>

                                        <th class="min-w-100px sorting text-center" tabindex="0"
                                            aria-controls="kt_ecommerce_products_table" rowspan="1" colspan="1"
                                            aria-label="Status: activate to sort column ascending"
                                            style="width: 140.875px;">
                                            Subscribed Date
                                        </th>
                                        <th class="min-w-150px sorting_disabled text-center" rowspan="1" colspan="1"
                                            aria-label="Actions" style="width:200px;">Subscription Expires
                                        </th>


                                    </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody>
                                    <!--begin::Table row-->

                                    @foreach($starterUsers as $starterUser)
                                        <tr>
                                            <td class=" pe-0" style="padding-left: 10px;">
                                                <a class="text-gray-600 text-hover-primary fs-5 fw-bold seller-slider">{{ $starterUser->name }}</a>
                                            </td>
                                            <td class=" pe-0">
                                                <span>{{ $starterUser->email }}</span>
                                            </td>
                                            <td class="text-center pe-0">{{ $starterUser->start_date }}</td>
                                            <td class="text-center pe-0">{{ $starterUser->end_date }}</td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                    <!--end::Table body-->
                                </table>
                            </div>
                            <div class="row">
                                {{ $starterUsers->links() }}
                            </div>
                        </div>
                        <!--end::Table-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Products-->
            </div>
            <!--end::Content container-->
        </div>
        <!--end::Content-->
    </div>
@endsection
@push('script')
@endpush