@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'members_list'])
@section('title', isset($title) ? $title : '')
@section('content')

    <div id="table-url" data-url="{{ route('admin.member_list') }}"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{ __('Members List') }}</h2>
                    </div>
                </div>
                <div class="breadcrumb__content__right">
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Home') }}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('Admin') }}</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="customers__area bg-style mb-30">
                <div class='row mb-5 mt-3'>
                    <div class='col-md-12'>
                        <div class="item-top mb-30">
                            <h2>{{ __('Search') }}</h2>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="min_expired">{{ __('Expired From:') }}</label>
                            <input type="date" id="min_expired" name="min_expired">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="max_expired">{{ __('Expired To:') }}</label>
                            <input type="date" id="max_expired" name="max_expired">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="searchtext">{{ __('For other feilds (membership type not senstive case)') }}</label>
                            <input type="text" id="searchtext" name="searchtext">
                        </div>
                    </div>
                    <div class="col-md-12 mb-25">
                        <div class="input__button">
                            <button type="submit" class="btn btn-blue" id="filter">{{ __('Search') }}</button>
                        </div>
                    </div>
                    <div class="col-md-12 mt-25">
                          {{-- <span for="max_expired">{{ __('Active Memberships:') . $active }}</span> --}}
                    </div>
                </div>
                <div class="customers__table">
                    <table id="BlogTable" class="row-border data-table-filter table-style"> 
                        <thead>
                            <tr>
                                <th>{{ __('Name') }}</th>
                                <th>{{ __('Membership Type') }}</th>
                                <th>{{ __('Email') }}</th>
                                <th>{{ __('Mobile') }}</th>
                                <th>{{ __('Subtype') }}</th>
                                <th>{{ __('Start Date') }}</th>
                                <th>{{ __('End Date') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--Row-->

    <!--  modal -->
    <div class="modal fade bd-example-modal-lg" id="dataModal" tabindex="-1" role="dialog"
        aria-labelledby="invoiceModalTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
            </div>
        </div>
    </div>

    @push('post_scripts')
        <script>
            const ROUTE_ORDER_STATUS_EDIT = "{{ route('admin.renewAdmin') }}";
            const CSRF_TOKEN = "{{ csrf_token() }}";
        </script>
        <script src="{{ asset('backend/js/admin/datatables/all_members.js') }}"></script>
        <!-- Page level custom scripts -->
    @endpush
@endsection