@extends('layouts.admin')

@section('content')
    <!-- widget grid -->
    <section id="widget-grid" class="">

        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>{{ __('message.member') }}</h2>

                    </header>

                    <!-- widget div-->
                    <div>
                        <div class="col-md-12">
                            <form method="get" id="search-form" action="{{ route('admin.members.index') }}">
                                <div class="col-md-2 col-xs-6">
                                    <input class="form-control " placeholder="{{ __('message.search') }} ({{ __('message.username') }}, {{ __('message.name') }}...)" type="text"
                                        name="q" value="{{ $q }}">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                    {{ __('message.start date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_start" class="form-control" name="start_date"
                                        title="Start Date" value="{{ $start_date }}" placeholder="{{ __('message.start date') }}"
                                        readonly="">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                    {{ __('message.end date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_end" class="form-control" name="end_date"
                                        title="End Date" value="{{ $end_date }}" placeholder=" {{ __('message.end date') }}" readonly="">
                                </div>
                                <div class="col-md-3 col-xs-6" style="padding-bottom:10px;">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search"></i>
                                        {{ __('message.search') }}
                                    </button>
                                    <a href="{{ route('admin.members.index') }}" type="rset" class="btn">
                                        <i class="fa fa-refresh"></i>
                                        <span class="hidden-xs"> {{ __('message.refresh') }}
                                        </span>
                                    </a>
                                </div>
                                <div class="col-sm-12 col-xs-12">
                                    <button type="button" class="btn btn-primary search-date" id="today">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.today') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="yesterday">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.yesterday') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this month') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last month') }}
                                    </button>
                                </div>
                        </div>
                        </form>
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="widget-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('message.no') }}.</th>
                                        <th>{{ __('message.name') }}</th>
                                        <th>{{ __('message.username') }}</th>
                                        <th> {{ __('message.withdrawal') }} {{ __('message.code') }}</th>
                                        <th>{{ __('message.wallet') }}</th>
                                        <th>{{ __('message.withdrawal') }} {{ __('message.code') }}</th>
                                        <th>{{ __('message.registered') }} {{ __('message.date') }}</th>
                                        <th>{{ __('message.status') }}</th>
                                        <th>{{ __('message.registration') }} {{ __('message.area') }}</th>
                                        <th>{{ __('message.note') }}</th>
                                        <th>{{ __('message.operate') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($users as $index => $user)
                                                                              @if ($member)
                                            <tr class="@if ($member->is_new_member ?? false) new @endif">
                                                <td style="font-weight: bold;">#{{ $index + 1 }}</td>
                                                <td style="font-weight: bold;">
                                                    {{ $member->actual_name ?? '' }}

                                                </td>
                                                <td>{{ $user->phone }}</td>
                                                <td style="font-weight: bold;">{{ $member->credit_score ?? 0 }}</td>
                                                <td class="credit"> {{ $settings_->where('key', 'currency')->first()->value ?? '' }} {{ number_format($member->credit ?? 0) }}</td>

                                                <td style="font-weight:bold;">{{ $member->withdrawal_code ?? '' }}
                                                </td>

                                                <td>{{ $user->created_at->format('d/m/Y h:i') }}
                                                </td>
                                                <td style="font-weight:bold;">
                                                    @if ($user->is_active)
                                                        <span style="color:blue">{{__('message.enable')}}</span>
                                                    @else
                                                        <span style="color:red"> {{__('message.disable')}}
                                                </td>
                                        @endif
                                        </td>
                                        <td>{{ $user->registration_area }}</td>
                                        <td
                                            style="@if ($member->note) background-color: Moccasin; @endif overflow-y: scroll; display: block;max-height: 120px;">
                                            {!! $member->note !!}
                                        </td>
                                        <td class="action">
                                            <a href="{{ route('admin.members.show', $user) }}"
                                                class="btn btn-primary shadow"><i class="fa fa-eye"></i> {{__('message.checking data')}}</a>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#creditModifyForm"
                                                data-url="{{ route('admin.change-member-credit', $member ?? '') }}"
                                                data-credit="{{ $member->credit ?? '' }}" id="creditModify">
                                                 {{__('message.wallet modification')}}
                                            </button>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#WithdrawCode"
                                                data-url="{{ route('admin.store-withdrawal-code', $member) }}"
                                                data-code="{{ $member->withdrawal_code }}" id="addWithdrawalCode">
                                                 {{__('message.withdrawal code')}}
                                            </button>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#creditScoreForm"
                                                data-url="{{ route('admin.update-credit-score', $member) }}"
                                                data-score="{{ $member->credit_score ?? '' }}"
                                                id="updateCreditScore">
                                                 {{__('message.credit score')}}
                                            </button>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#IDForm"
                                                data-url="{{ route('admin.members.change-id-card', $member) }}"
                                                id="modifyIdCardForm"
                                                data-idcardnumber="{{ $member->id_card_number }}"
                                                data-actualname="{{ $member->actual_name }}">
                                                 {{__('message.ID identify')}}
                                            </button>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#changePassword"
                                                data-url="{{ route('admin.members.account', $user) }}" id="addPassword"
                                                data-phone="{{ $user->phone }}">
                                                 {{__('message.password')}}
                                            </button>
                                            <button class="btn btn-primary shadow" data-toggle="modal"
                                                data-target="#bankAccountForm"
                                                data-url="{{ route('admin.members.change-bank', $member) }}"
                                                id="modifyBankAccountForm" data-name="{{ $member->bank_name }}"
                                                data-username="{{ $member->bank_username }}"
                                                data-number="{{ $member->bank_number }}">
                                                 {{__('message.bank card number')}}
                                            </button>
                                            <a href="{{ route('admin.members.notifications', $member) }}"
                                                class="btn btn-primary shadow">
                                                <i class="fa fa-bell" aria-hidden="true"></i>
                                                {{__('message.notification')}}
                                            </a>
                                            @if ($user->is_active)
                                                <a href="{{ route('admin.members.deactivate', $member) }}"
                                                    class="btn btn-danger">
                                                    <i class="fa fa-times-circle" aria-hidden="true"></i>
                                                     {{__('message.disable')}}
                                                </a>
                                            @else
                                                <a href="{{ route('admin.members.acivate', $member) }}"
                                                    class="btn btn-warning">
                                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                                     {{__('message.enable')}}
                                                </a>
                                            @endif
                                        </td>
                                        </tr>
                                    @endif
                                    @endforeach
                                </tbody>
                            </table>

                            <table id="header-fixed" class="table table-bordered"></table>
                        </div>
                        <div style="text-align: center">
                            {{ $users->appends($_GET)->links() }}
                        </div>
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->

        </div>
        <!-- end widget -->

        <!-- Widget ID (each widget will need unique ID)-->


        </article>
        <!-- WIDGET END -->

        </div>

        <!-- end row -->



        <!-- end row -->

    </section>
    <!-- end widget grid -->

    <x-membermodal />
@endsection

@section('meta')
    <title>{{ __('message.member') }} {{ __('message.list') }}- {{ config('app.name', 'Dashboard') }}</title>
@endsection

@section('scripts')
    <script>
        $(function() {
            $("#datepicker_start").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
            $("#datepicker_end").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
        });
    </script>
@endsection