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

    <div id="table-url" data-url="{{ route('admin.family-memberShip-list') }}"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{ __('Family Membership Requests') }}</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">{{ __('Family Membership Requests') }}
                            </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="item-title">
                    <div class="row">
                        <div class="col-md-4">
                            <a href="{{ route('admin.membership-family.create') }}"
                                class="btn btn-md btn-info">{{ __('Add Family Membership') }}</a>
                        </div>
                        <div class="col-md-4">
                            <a href="{{ route('admin.membership-family-with-user.create') }}"
                                class="btn btn-md btn-info">{{ __('Add For New User') }}</a>
                        </div>
                    </div>
                </div>
                <div class="customers__table">
                    <table id="FamilyMembership" class="row-border data-table-filter table-style">
                        <thead>
                            <tr>
                                <th>{{ __('user_id') }}</th>
                                <th>{{ __('membership_id') }}</th>
                                <th>{{ __('nationality') }}</th>
                                <th>{{ __('residence') }}</th>
                                <th>{{ __('name_ar') }}</th>
                                <th>{{ __('name_en') }}</th>
                                <th>{{ __('dob') }}</th>
                                <th>{{ __('gender') }}</th>
                                <th>{{ __('email') }}</th>
                                <th>{{ __('PhoneNumber') }}</th>
                                <th>{{ __('country_code') }}</th>
                                <th>{{ __('language') }}</th>
                                <th>{{ __('education') }}</th>
                                <th>{{ __('interests') }}</th>
                                <th>{{ __('spouse_name') }}</th>
                                <th>{{ __('discount') }}</th>
                                <th>{{ __('payment_type') }}</th>
                                <th>{{ __('ammount') }}</th>
                                <th>{{ __('payment_status') }}</th>
                                <th>{{ __('Passport Copy') }}</th>
                                <th>{{ __('created at') }}</th>
                                <th>{{ __('action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--Row-->
    @push('post_scripts')
        <script src="{{ asset('backend/js/admin/datatables/familyMembership.js') }}"></script>
        <!-- Page level custom scripts -->
    @endpush
@endsection