@extends('layouts.admin-main')

@section('content')
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            <div class="row">
                <div class="col-lg-12 margin-tb">
                    <div class="pull-right mb-2" style="text-align: right;">
                        <a class="btn btn-sm  btn-primary" href="{{ route('members.create') }}">
                            <i class="fal fa-plus"></i> {{ __('message.add new') }}
                        </a>
                    </div>
                </div>
            </div>
            <div class="row border-top">
                <div class="col-lg-12 my-2">
                    <form method="GET" action="{{ route('members.index') }}" id="search-form">
                        <div class="row">
                            <div class="col-4 col-lg-4 col-xs-6">
                                <div class="input-group pl-3">
                                    <input type="text" class="form-control rounded-0"
                                        placeholder="{{ __('message.search') }} ..." id="custom-range" name="q"
                                        value="{{ $q }}">
                                    <div class="input-group-append">
                                        <button type="submit" class="input-group-text fs-xl ">
                                            <i class="fal fa-search text-success"></i>
                                        </button>
                                    </div>

                                </div>
                            </div>
                            <div class="col-4 col-lg-4 col-xs-6" style="padding-bottom:10px;">
                                <button type="submit" class="btn btn-primary mx-1 waves-effect waves-themed">
                                    <i class="fal fa-search"></i>
                                    {{ __('message.search') }}
                                </button>
                                <a href="{{ route('members.index') }}" type="rset" class="btn btn-outline-info">
                                    <i class="fal fa-sync"></i>
                                    <span class="hidden-xs"> {{ __('message.refresh') }}</span>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="panel-container">
                <div class="d-flex flex-column h-100">
                    <div class="h-auto" style="padding-bottom:150px">
                        <table id="example" class="table table-bordered table-hover table-striped w-100">
                            <thead class="bg-fusion-50">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('message.my invitation code') }}</th>
                                    <th>{{ __('message.invitation code') }}</th>
                                    <!-- <th>{{ __('message.credit score') }}</th> -->
                                    <th>{{ __('message.name') }}</th>
                                    <!-- <th>{{ __('message.shop name') }}</th> -->
                                    <!-- <th>{{ __('message.profile photo') }}</th> -->
                                    <th>{{ __('message.phone') }}</th>
                                    <th>{{ __('message.credit') }}</th>
                                    <th>{{ __('message.vip') }}</th>
                                    <!-- <th>{{ __('message.gender') }}</th> -->
                                    <th>{{ __('message.bank') }}</th>
                                    <th>{{ __('message.bank account number') }}</th>
                                    <th>{{ __('message.bank account name') }}</th>
                                    {{-- <th>{{ __('message.address') }}</th> --}}
                                    <th>{{ __('message.withdrawal code') }}</th>
                                    <th>{{ __('message.note') }}</th>
                                    <!-- <th>{{ __('message.withdraw') }}</th> -->
                                    <th>{{ __('message.status') }}</th>
                                    <th>{{ __('message.created date') }}</th>
                                    <th colspan="2" class="text-center">{{ __('message.action') }}</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($members as $index => $member)
                                                                        <tr @if (!$user->is_active) class="inactive" @endif>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $user->invitationCode->code ?? '' }}</td>
                                        <td>{{ $user->invitation_code ?? '' }}</td>
                                        <!-- <td style="font-weight: bold;">{{ $member->credit_score }}</td> -->
                                        <td>
                                            {{ $user->name ?? '' }}
                                            @if ($user->member->is_new_member)
                                                <label class="badge badge-success">
                                                    {{ __('message.new') }}
                                                </label>
                                            @endif
                                        </td>
                                        <!--  <td style="color:#2196f3;">
                                                                                        <a href="{{ route('members.edit', $member) }}">
                                                                                            {{ $member->shop->name ?? '' }}
                                                                                        </a>
                                                                                    </td> -->
                                        <!--  <td>
                                                                                        @if ($member->profile_photo)
    <a href="{{ route('members.edit', $member) }}">
                                                                                                <img src="{{ asset($member->profile_photo) }}" style="height: 50px;">
                                                                                            </a>
    @endif
                                                                                    </td> -->
                                        <td>{{ $user->phone ?? '' }}</td>
                                        <td class="text-info credit">
                                            {{ number_format($member->credit, 2) }} {{ $setting_->currency_name }}
                                        </td>
                                        <td style="font-weight:bold;">{{ $member->vip }}</td>
                                        <!-- <td>{{ $user->gender ?? '' }}</td> -->
                                        <td>{{ $member->bank->name ?? '' }}</td>
                                        <td>{{ $member->bank_number }}</td>
                                        <td>{{ $member->bank_username }}</td>
                                        <td>{{ $member->withdrawal_code }}</td>
                                        <td>{{ $member->note }}</td>
                                        <td>
                                            <input type="checkbox"
                                                @if ($member->can_withdraw) checked @else disabled @endif readonly>
                                        </td>
                                        <td>
                                            @if ($user->is_active)
                                                <label class="badge badge-success">
                                                    {{ __('message.active') }}
                                                </label>
                                            @else
                                                <label class="badge badge-danger">
                                                    {{ __('message.inactive') }}
                                                </label>
                                            @endif
                                        </td>
                                        <td>{{ $member->created_at->format('d/m/Y H:i') }}
                                        <td class="text-center">
                                            <button type="button" class="btn btn-outline-primary rounded-1 modal-message"
                                                data-toggle="modal" data-target="#cashin_message"
                                                data-member-id="{{ $member->id }}">
                                                <i class="fal fa-envelope"></i>
                                                {{ __('message.message') }}
                                            </button>
                                            <button type="button"
                                                class="btn btn-outline-primary rounded-1 modal-cashin-cashout"
                                                data-toggle="modal" data-target="#cashin_cashout_modal"
                                                data-member-id="{{ $member->id }}" data-form-type="cash_in">
                                                <i class="fal fa-money-check-alt fa-lg"></i>
                                                {{ __('message.deposit') }}
                                            </button>
                                            <button type="button"
                                                class="btn btn-outline-success rounded-1 modal-cashin-cashout"
                                                data-toggle="modal" data-target="#cashin_cashout_modal"
                                                data-member-id="{{ $member->id }}" data-form-type="cash_out">
                                                <i class="fal fa-suitcase-rolling fa-lg"></i>
                                                {{ __('message.withdraw') }}
                                            </button>
                                            <a class="btn btn-sm  btn-outline-info"
                                                href="{{ route('members.edit', $member->id) }}"><i class="fal fa-pen"
                                                    title="Edit"></i></a>
                                            {{-- </td>
                                        <td> --}}
                                            <div class="btn-group">
                                                <a ref="" class="btn btn-outline-info dropdown-toggle no-arrow"
                                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="fal fa-ellipsis-v fa-lg"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-animated text-center"
                                                    style="min-width: 3rem;">
                                                    @if ($user->is_active == 1)
                                                        <a href="{{ route('members.inactive', $member->id) }}"
                                                            class="btn  btn-sm btn-outline-danger"
                                                            title="Inactive Now">{{ __('message.deactivate') }}</a>
                                                    @else
                                                        <a href="{{ route('members.active', $member->id) }}"
                                                            class="btn btn-sm btn-outline-success" title="Active Now">
                                                            {{ __('message.activate') }}
                                                        </a>
                                                    @endif
                                                    <a href="{{ route('members.deposit-withdraws.index', $member->id) }}"
                                                        class="btn btn-sm btn-outline-success">
                                                        {{ __('message.transaction') }}
                                                    </a>
                                                    <a href="{{ route('members.change-password', $member) }}"
                                                        class="btn btn-sm btn-outline-success">
                                                        {{ __('message.change password') }}
                                                    </a>
                                                    <br>
                                                    <form method="POST" action="members/{{ $member->id }}"
                                                        style="display:inline">
                                                        <input name="_method" type="hidden" value="DELETE">
                                                        {{ csrf_field() }}
                                                        <button type="submit" class="btn btn-sm btn-outline-danger"
                                                            onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                            <i class="fal fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <!-- datatable end -->
                    </div>
                </div>

            </div>
        </div>
        <div class="py-4 mt-4 mx-2 ">
            <!-- Pagination bootstrap-->
            {{ $members->appends($_GET)->links() }}
        </div>
    </div>

    <!-- Modal popup -->
    <div class="modal fade" id="cashin_cashout_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">xx</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('members.deposit-withdraw') }}">
                        {{ csrf_field() }}
                        @can('deposit-withdraw-create')
                            <div class="form-group">
                                <label class="form-label" for="simpleinput">{{ __('message.amount') }}</label>
                                <input type="text" id="simpleinput" name="amount" class="decimal form-control" required>
                            </div>
                        @endcan
                        <div class="form-group promotion-area">
                            <label class="form-label" for="simpleinput">{{ __('message.promotion') }}</label>
                            <input type="text" id="simpleinput" name="promotion" class="decimal form-control"
                                value="0">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.note') }}</label>
                            <input type="text" id="simpleinput" name="note" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.show in report') }}</label>
                            <div>
                                <input type="checkbox" id="simpleinput" name="show_in_customer_report"
                                    class="form-control" checked style="">
                            </div>
                        </div>

                        <input type="hidden" class="cash_type" name="cash_type" value="" required />
                        <input type="hidden" class="member_id" name="member_id" value="" required />
                        <div class="modal-footer">

                            <button type="submit" class="btn btn-primary waves-effect waves-themed">
                                <i class="fal fa-save fa-lg"></i>
                                {{ __('message.save') }}
                            </button>
                            <button type="button" class="btn btn-danger waves-effect waves-themed"
                                data-dismiss="modal">{{ __('message.cancel') }}</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!-- End Modal popup -->
    <!-- Modal Msg popup -->
    <div class="modal fade" id="cashin_message" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('message.message') }}</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('member.send-message') }}">
                        {{ csrf_field() }}
                        <input type="hidden" class="member_id" name="member_id" value="" required />
                        <div class="form-group promotion-area">
                            <label class="form-label" for="simpleinput">{{ __('message.message') }}</label>
                            <input type="text" id="simpleinput" name="message" class="form-control">
                        </div>
                        <div class="modal-footer">

                            <button type="submit" class="btn btn-primary waves-effect waves-themed">
                                <i class="fal fa-envelope fa-lg"></i>
                                {{ __('message.send') }}
                            </button>
                            <button type="button" class="btn btn-danger waves-effect waves-themed"
                                data-dismiss="modal">{{ __('message.cancel') }}</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!-- End Modal popup -->
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_account_list").addClass('active open');
            $("#collapse_account").addClass('collapse in')
            $("#menu_members").addClass('active')

            // modal cash in / cash out
            $(".modal-cashin-cashout").click(function() {
                var memberId = $(this).data('member-id');
                var formType = $(this).data('form-type');
                $('.member_id').val(memberId);
                if (formType == 'cash_in') {
                    $('.modal-title').html('{{ __('message.deposit') }}');
                    $('.modal-header').css('background-color', '#886ab5');
                    $('.cash_type').val('cash_in');
                    // $('.promotion-area').css('display', 'block');
                } else {
                    $('.modal-title').html('{{ __('message.withdraw') }}');
                    $('.modal-header').css('background-color', '#1dc9b7');
                    $('.cash_type').val('cash_out');
                    // $('.promotion-area').css('display', 'none');
                }
            })
            $(".modal-message").click(function() {
                var memberId = $(this).data('member-id');
                $('.member_id').val(memberId);
            })
        })

        //validate number decimal
        $('.decimal').keydown(function(e) {
            //Get the occurence of decimal operator
            var match = $(this).val().match(/\./g);
            if (match != null) {
                // Allow: backspace, delete, tab, escape and enter 
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
                    // Allow: Ctrl+A
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Allow: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // let it happen, don't do anything
                    return;
                } // Ensure that it is a number and stop the keypress
                else if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode >
                    105) && (e.keyCode == 190)) {
                    e.preventDefault();
                }
            } else {
                // Allow: backspace, delete, tab, escape, enter and .
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
                    // Allow: Ctrl+A
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Allow: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // let it happen, don't do anything
                    return;
                }
                // Ensure that it is a number and stop the keypress
                if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                    e.preventDefault();
                }
            }
        });
        //Allow Upto Two decimal places value only
        $('.decimal').keyup(function() {
            if ($(this).val().indexOf('.') != -1) {
                if ($(this).val().split(".")[1].length > 2) {
                    if (isNaN(parseFloat(this.value))) return;
                    this.value = parseFloat(this.value).toFixed(2);
                }
            }
        });
    </script>
@endsection

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