@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'memberShip-report'])
@section('title', isset($title) ? $title : '')
@section('content')
    <div id="table-url" data-url="{{ route('admin.membership-report.index') }}"></div>
    <div id="export-url" data-url="{{ route('admin.report.export') }}"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{ __('Members Information') }}</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">{{ __('Membership Report') }}</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 mb-2">
                        <div class="input__group mb-25">
                            <label for="membership_id">{{ __('Membership ID') }}</label>
                            <input type="text" class="Membership_id" id="membership_id" name="membership_id">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="input__group mb-25">
                            <label for="name">{{ __('Name En') }}</label>
                            <input type="text" class="name" id="name" name="name">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="input__group mb-25">
                            <label for="min">{{ __('Created From:') }}</label>
                            <input type="date" class="searchMin" id="min" name="min">
                        </div>
                    </div>


                    <div class="col-md-4 mb-2">
                        <div class="input__group mb-25">
                            <label for="max">{{ __('Created To:') }}</label>
                            <input type="date" class="searchMax" id="max" name="max">
                        </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 Subtype Membership (not senstive case)') }}</label>
                            <input type="text" id="searchtext" name="searchtext">
                        </div>
                    </div>
                    <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="max_expired">{{ __('Membersip Type:') }}</label>
                            <select class="form-select rscnMemberLabel" name="type" id="type">
                                <option value="">{{ __('Select') }}</option>
                                <option value="1">{{ __('Individual Membership') }}</option>
                                <option value="2">{{ __('Employee Membership') }}</option>
                                <option value="3">{{ __('Family Membership') }}</option>
                                <option value="4">{{ __('Corporate Membership') }}</option>
                                <option value="5">{{ __('Friend Membership') }}</option>
                                <option value="6">{{ __('Honorary Membership') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="max_expired">{{ __('Status:') }}</label>
                            <select class="form-select rscnMemberLabel " name="status" id="status">
                                <option value="">{{ __('Select') }}</option>
                                <option value="1">{{ __('Active') }}</option>
                                <option value="2">{{ __('Inactive') }}</option>
                            </select>
                        </div>
                    </div>

                    {{-- <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="email">{{ __('Email:') }}</label>
                            <input type="text" name="email" class="searchEmail" placeholder="Search for Email Only...">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="max_expired">{{ __('Nationality:') }}</label>
                            <select class="select2-multiple form-select rscnMemberLabel"
                                name="nationality[]" id="nationality" multiple="multiple">
                                <option disabled value="">{{ __('Nationality') }}</option>
                                  @foreach (nationalities() as $country)
                                    <option value="{{$country->id }}" {{ old('nationality') === $country->id ? 'selected' : '' }}>{{ $country->nationality}}</option>
                                  @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="max_expired">{{ __('Intersts:') }}</label>
                            <select class="form-select rscnMemberLabel select2-multiple form-select" name="interests[]"
                                id="interests" multiple="multiple">
                                @foreach (interests() as $interest)
                                    <option value="{{ $interest->id }}">{{ $interest->name_en }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div> --}}
                    <div class="input__button">
                        <button type="submit" class="btn btn-blue" id="filter">{{ __('Search') }}</button>
                    </div>
                </div>
                <div class="customers__table">
                    <table id="BlogTable" class="row-border data-table-filter table-style">
                        <thead>
                            <tr>
                                <th id="membership_id">{{ __('Membership ID') }}</th>
                                <th id="name_en">{{ __('Name En') }}</th>
                                <th id="type_membership">{{ __('Type') }}</th>
                                <th id="subtype">{{ __('Subtype') }}</th>
                                <th id="status">{{ __('Status') }}</th>
                                <th id="start_date">{{ __('Start Date') }}</th>
                                <th id="end_date">{{ __('End Date') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <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>
    <!--Row-->
    @push('post_scripts')
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.2/moment.min.js"></script>
        <script src="https://cdn.datatables.net/datetime/1.3.1/js/dataTables.dateTime.min.js"></script>
        <link rel="stylesheet" href="https://cdn.datatables.net/datetime/1.3.1/css/dataTables.dateTime.min.css">

        <script src="{{ asset('backend/js/admin/datatables/report_membership.js') }}"></script>
        <!-- Page level custom scripts -->

        <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
        <script src="https://cdn.datatables.net/buttons/2.3.5/js/dataTables.buttons.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.3.5/js/buttons.colVis.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.3.5/js/buttons.html5.min.js"></script>
        {{-- new lines --}}
        <!-- Page level custom scripts -->
        <!--Row-->

        <!--  modal -->
        <script>
            const ROUTE_ORDER_STATUS_EDIT = "{{ route('admin.renewAdmin') }}";
            const CSRF_TOKEN = "{{ csrf_token() }}";
        </script>
        <!-- Page level custom scripts -->
    @endpush
@endsection