@extends('admin.layouts.app')
@section('content')
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="card">
                            <div class="card-body">
                                <p class="clearfix">
                                    <span class="float-left">Username</span>
                                    <span class="col-sm-8 font-weight-bold" style=" text-transform: lowercase;">
                                        <a href="#">{{ $user->username }}</a>
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Country</span>
                                    <span class="col-sm-8 font-weight-bold" style=" text-transform: lowercase;">
                                        <a href="#">{{ \App\Models\Country::find($user->country)->name }}</a>
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Email</span>
                                    <span class="col-sm-8 text-muted">
                                        <!--email_off--> {{ $user->email }} <!--/email_off-->
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Phone</span>
                                    <span class="col-sm-8 text-muted">
                                        {{ $user->phone ?: 'Not available' }}
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Activation Balance</span>
                                    <span class="col-sm-8 text-muted">
                                        KES {{ number_format($user->cwallet) }}
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Account Balance</span>
                                    <span class="col-sm-8 text-muted">
                                        KES {{ number_format($user->balance) }}
                                    </span>
                                </p>

                                <p class="clearfix">
                                    <span class="float-left">Fake Balance</span>
                                    <span class="col-sm-8 text-muted">
                                        KES {{ number_format($user->mi_balance) }}
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Refered By</span>
                                    <span class="col-sm-8 text-muted">
                                        @if ($user->touch_id == 1)
                                            {{ isset($referer) ? \App\Models\User::find(\App\Models\User::find($user->referer_id)->referer_id)->username : 'None' }}
                                        @else
                                            {{ isset($referer) ? $referer->username : 'None' }}
                                        @endif
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Joined</span>
                                    <span class="col-sm-8 text-muted">
                                        {{ showDateTime($user->created_at) }}
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Status</span>
                                    <span class="col-sm-8 text-muted">
                                        @switch($user->active)
                                            @case(0)
                                                <span class="badge badge-danger">Inactive</span>
                                            @break

                                            @case(1)
                                                <span class="badge badge-success">Active</span>
                                            @break

                                            @case(2)
                                                <span class="badge badge-danger">Active</span>
                                            @break
                                        @endswitch
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">Redeemed Bonus</span>
                                    <span class="col-sm-8 text-muted">
                                        @switch($user->package_status)
                                            @case(0)
                                                <span class="badge badge-warning">KES 0.00</span>
                                            @break

                                            @case(1)
                                                <span class="badge badge-warning text-white">KES 100</span>
                                            @break
                                        @endswitch
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="card">
                            <div class="row p-4">

                                <div class="col-lg-4">
                                    <a href="#addActivation" data-toggle="modal" class="text-white text-center btn-block">
                                        <div class="card outline-danger bg-success">
                                            <div class="card-body">Add Activation Balance</div>
                                        </div>
                                    </a>
                                </div>
                                <!-- task, page, download counter  start -->
                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-block">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <h5 class="text-c-blue f-w-600">
                                                        {{ formatter_money($deposits->where('final_amount', '>', 0)->sum('amount'), 'Ksh') }}
                                                    </h5>
                                                    <h6 class="text-muted m-b-0">Total Deposits</h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer bg-c-blue">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <a href="{{ route('admin.deposit.history', $user->id) }}">
                                                        <p class="text-white m-b-0">View All</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-block">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <h5 class="text-c-green f-w-600">
                                                        {{ formatter_money($withdrawals->sum('amount'), 'Ksh') }}
                                                    </h5>
                                                    <h6 class="text-muted m-b-0">Total Withdrawals</h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer bg-c-green">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <a href="{{ route('admin.withdrawal.history', $user->id) }}">
                                                        <p class="text-white m-b-0">View All</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-block">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <h5 class="text-c-pink f-w-600">
                                                        @if ($user->touch_id == 1)
                                                            Ksh
                                                            {{ number_format(\App\Models\User::find($user->referer_id)->referals()->where('type', 'join')->sum('amount'), '0', '.', ',') }}
                                                        @else
                                                            Ksh
                                                            {{ number_format($user->referals()->where('type', 'join')->sum('amount'), '0', '.', ',') }}
                                                        @endif
                                                    </h5>
                                                    <h6 class="text-muted m-b-0">Referal Earningss</h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer bg-c-pink">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <a href="{{ route('admin.user.referrals', $user->id) }}">
                                                        <p class="text-white m-b-0">View All</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- task, page, download counter  start -->
                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-block">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <h5 class="text-c-pink f-w-600">
                                                        @if ($user->touch_id == 1)
                                                            {{ \App\Models\User::where('referer_id', \App\Models\User::find($user->referer_id)->id)->where('active', 0)->count() }}
                                                        @else
                                                            {{ \App\Models\User::where('referer_id', $user->id)->where('active', 0)->count() }}
                                                        @endif
                                                    </h5>
                                                    <h6 class="text-muted m-b-0">Dormant Referals</h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer bg-c-blue">
                                            <div class="row align-items-center">
                                                <div class="col-12">
                                                    <a href="{{ route('admin.user.dorm_referral', $user->id) }}">
                                                        <p class="text-white m-b-0">View All</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- task, page, download counter  end -->
                                @if (auth()->user()->type == 1)
                                    <div class="col-lg-4">
                                        <a href="#addModal" data-toggle="modal" class="text-white text-center btn-block">
                                            <div class="card outline-success bg-success">
                                                <div class="card-body">Add Balance</div>
                                            </div>
                                        </a>
                                    </div>
                                @endif
                                @if (auth()->user()->type == 1)
                                    <div class="col-lg-4">
                                        <a href="#subModal" data-toggle="modal" class="text-white text-center btn-block">
                                            <div class="card outline-danger bg-danger">
                                                <div class="card-body">Subtract Balance</div>
                                            </div>
                                        </a>
                                    </div>
                                @endif
                                @if (auth()->user()->type == 1)
                                    <div class="col-lg-4">
                                        <a href="#addPrime" data-toggle="modal" class="text-white text-center btn-block">
                                            <div class="card outline-danger bg-success">
                                                <div class="card-body">Add Fake Balance</div>
                                            </div>
                                        </a>
                                    </div>
                                @endif
                                @if (auth()->user()->type == 1)
                                    <div class="col-lg-4">
                                        <a href="#subPrime" data-toggle="modal" class="text-white text-center btn-block">
                                            <div class="card outline-danger bg-danger">
                                                <div class="card-body">Sub Fake Balance</div>
                                            </div>
                                        </a>
                                    </div>
                                @endif


                                <div class="col-lg-4">
                                    <a href="#subActivation" data-toggle="modal"
                                        class="text-white text-center btn-block">
                                        <div class="card outline-danger bg-danger">
                                            <div class="card-body">Sub Activation Balance</div>
                                        </div>
                                    </a>
                                </div>

                                <div class="col-lg-4">
                                    <a href="#revModal" data-toggle="modal" class="text-white text-center btn-block">
                                        <div class="card outline-dark bg-dark">
                                            <div class="card-body">Transfer User</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">

                                    <a href="{{ route('admin.user.ban_user', $user->id) }}"
                                        class="text-white text-center btn-block">
                                        @if ($user->status == 1)
                                            <div class="card outline-warning bg-danger">
                                                <div class="card-body">Ban User</div>
                                            </div>
                                        @else
                                            <div class="card outline-primary bg-primary">
                                                <div class="card-body">UnBan User</div>
                                            </div>
                                        @endif
                                    </a>
                                </div>

                                <div class="col-lg-4">
                                    {{--  --}}
                                    <a href="{{ route('admin.user.deactivate_user', $user->id) }}"
                                        class="text-white text-center btn-block">
                                        <div class="card outline-warning bg-warning">
                                            <div class="card-body">Deactivate User</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="#addUserReferer" data-toggle="modal"
                                        class="text-white text-center btn-block">
                                        <div class="card outline-success bg-primary">
                                            <div class="card-body">Add Upline</div>
                                        </div>
                                    </a>
                                </div>

                                <div class="col-lg-4">
                                    <a href="#changeUserPassword" data-toggle="modal"
                                        class="text-white text-center btn-block">
                                        <div class="card outline-info bg-info">
                                            <div class="card-body">Change Password</div>
                                        </div>
                                    </a>
                                </div>

                                <div class="col-lg-12">
                                    {{-- {{ route('auth.register') }} --}}
                                    <form method="POST" action="{{ route('admin.user.update', $user->id) }}">
                                        @csrf

                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label>@lang('Email')</label>
                                                <input id="email" placeholder="{{ __('Enter Your Email') }}"
                                                    type="email"
                                                    class="form-control @error('email') is-invalid @enderror"
                                                    name="email" value="{{ $user->email }}" required
                                                    autocomplete="email">
                                                @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label>@lang('Phone')</label>
                                                <input id="phone" placeholder="{{ __('Enter Your Phone No.') }}"
                                                    type="phone"
                                                    class="form-control @error('phone') is-invalid @enderror"
                                                    name="phone" value="{{ $user->phone }}" required
                                                    autocomplete="phone">
                                                @error('phone')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label>@lang('Country')</label>
                                                <input type="text" class="form-control"
                                                    value="{{ \App\Models\Country::find($user->country)->name }}" readonly
                                                    style ="color:red;">
                                                <select class="form-control " value="{{ $user->country }}"
                                                    name="country">
                                                    @foreach ($countries as $country)
                                                        <option value="{{ $country->id }}">
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Username')</label>
                                                <input id="username" placeholder="{{ __('Enter Your Username') }}"
                                                    type="username"
                                                    class="form-control @error('username') is-invalid @enderror"
                                                    name="username" value="{{ $user->username }}" required
                                                    autocomplete="username">

                                                @error('username')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Ad Balance')</label>
                                                <input id="ad_balance" placeholder="{{ __('Ad Balance') }}"
                                                    type="text"
                                                    class="form-control @error('ad_balance') is-invalid @enderror"
                                                    name="ad_balance" value="{{ $user->ad_balance }}" required
                                                    autocomplete="ad_balance"
                                                    @if (auth()->id() != 1) readonly @endif>

                                                @error('ad_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang(' Survey Balance')</label>
                                                <input id="username" placeholder="{{ __('Survey Balance') }}"
                                                    type="text"
                                                    class="form-control @error('survey_balance') is-invalid @enderror"
                                                    name="survey_balance" value="{{ $user->survey_balance }}"
                                                    required autocomplete="survey_balance"
                                                    @if (auth()->id() != 1) readonly @endif>
                                                @error('survey_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Task Balance')</label>
                                                <input id="username" placeholder="{{ __('Task Balance') }}"
                                                    type="text"
                                                    class="form-control @error('task_balance') is-invalid @enderror"
                                                    name="task_balance" value="{{ $user->task_balance }}"
                                                    required autocomplete="task_balance"
                                                    @if (auth()->id() != 1) readonly @endif>
                                                @error('task_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Sponsored Balance')</label>
                                                <input id="sponsored_balance" placeholder="{{ __('Sponsored Balance') }}"
                                                    type="text"
                                                    class="form-control @error('sponsored_balance') is-invalid @enderror"
                                                    name="sponsored_balance" value="{{ $user->sponsored_balance }}"
                                                    required autocomplete="sponsored_balance"
                                                    @if (auth()->id() != 1) readonly @endif>
                                                @error('sponsored_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Tiktok Balance')</label>
                                                <input id="username" placeholder="{{ __('tiktok balance') }}"
                                                    type="text"
                                                    class="form-control @error('tiktok_balance') is-invalid @enderror"
                                                    name="tiktok_balance" value="{{ $user->tiktok_balance }}" required
                                                    autocomplete="tiktok_balance"
                                                    @if (auth()->id() != 1) readonly @endif>
                                                @error('tiktok_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label>@lang('Youtube Balance')</label>
                                                <input id="youtube_balance" placeholder="{{ __('Youtube Balance') }}"
                                                    type="text"
                                                    class="form-control @error('youtube_balance') is-invalid @enderror"
                                                    name="youtube_balance" value="{{ $user->youtube_balance }}" required
                                                    autocomplete="youtube_balance"
                                                    @if (auth()->id() != 1) readonly @endif>
                                                @error('youtube_balance')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>









                                        <div class="card-footer">
                                            <div class="form-group row">
                                                <div class="col-lg-12 text-center">
                                                    <input type="submit" class="btn btn-block btn-success mt-2"
                                                        value="Save Changes">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                {{-- Add Wallet MODAL --}}
                <div id="walletModal" class="modal fade" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Modify User wallet</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form action="{{ route('admin.user.add_wallet', $user->id) }}" method="POST">
                                @csrf
                                <div class="modal-body">
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <label>@lang('Enter Wallet')<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input id="wallet" placeholder="{{ __('Enter New Wallet') }}"
                                                    type="text"
                                                    class="form-control @error('amount') is-invalid @enderror"
                                                    name="wallet" value="" required autocomplete="wallet"
                                                    autofocus>
                                                <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                                @error('wallet')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Update Wallet</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Add Sub Balance MODAL --}}
            <div id="subModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Subtract User Balance</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.sub_bal', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>


            {{-- Add Sub Balance MODAL --}}
            <div id="revModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Reverse and Ban User</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.affiliates.migrate') }}" method="POST">
                            @csrf
                            <input type="hidden" name="user_id" value="{{ $user->id }}">
                            <div class="form-group">

                                <input id="upline" placeholder="{{ __('Enter Upline Username') }}" type="text"
                                    class=" px-2 form-control @error('upline') is-invalid @enderror" name="upline"
                                    value="" autofocus>

                                @error('upline')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Transfer Downline</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Add Activation MODAL --}}
            <div id="addActivation" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Add Activation Balance</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.add_activation', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Transaction No.')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="trans" type="text"
                                                class="form-control @error('trans') is-invalid @enderror" name="trans"
                                                autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Trans</span>
                                            @error('trans')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <label>@lang('Enter Amount'){{ number_format(\App\Models\Country::find($user->country)->activate / \App\Models\Country::find($user->country)->rate) }}<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount"
                                                value="{{ ceil(\App\Models\Country::find($user->country)->activate / \App\Models\Country::find($user->country)->rate) }}"
                                                required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Add Activation MODAL --}}
            {{-- Add Prime MODAL --}}
            <div id="addPrime" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Add Prime Points</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.add_prime', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Sub Prime MODAL --}}
            <div id="subPrime" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Sub Prime Points</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.sub_prime', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Sub Activation MODAL --}}
            <div id="subActivation" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Subtract Activation Balance</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.sub_activation', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Add Balance MODAL --}}
            <div id="addModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Add User Balance</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.add_bal', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Ptve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {{-- Transfer Balance MODAL --}}
            <div id="transferModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Transfer User Balance</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.transfer_bal', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">

                                        <label>@lang('Enter Amount')<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input id="amount" placeholder="{{ __('Enter a Positve Value') }}"
                                                type="text" class="form-control @error('amount') is-invalid @enderror"
                                                name="amount" value="" required autocomplete="amount" autofocus>
                                            <span class="input-group-addon" id="basic-addon3">Ksh</span>
                                            @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Approve</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Add User Rerer MODAL --}}
            <div id="addUserReferer" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Add User Referer</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true" class="feather icon-close"></span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.referer', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>Username<span class="text-danger">*</span></label>
                                        <div class="input-group has_append">
                                            <input type="text" name="username" class="form-control"
                                                placeholder="Please enter a valid Username">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Send</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Add User Rerer MODAL --}}
            <div id="changeUserPassword" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Change User Password</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true" class="feather icon-close"></span>
                            </button>
                        </div>
                        <form action="{{ route('admin.user.update_pswd', $user->id) }}" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-group mb-3">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="password">Enter Password</label>
                                            <input class="form-control @error('password') is-invalid @enderror"
                                                name="password" type="password" id="password" required=""
                                                placeholder="Enter your Password">
                                            @error('password')
                                                <span class="text text-danger" role="alert">
                                                    {{ $message }}
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="password_confirmation">Confirm Password</label>
                                            <input
                                                class="form-control @error('password_confirmation') is-invalid @enderror"
                                                name="password_confirmation" type="password" id="password_confirmation"
                                                required="" placeholder="Confirm your Password">
                                            @error('password_confirmation')
                                                <span class="text text-danger" role="alert">
                                                    {{ $message }}
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Update Now</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Send Email MODAL --}}
            <div id="sendEmailModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Send Email</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="" method="POST">
                            @csrf
                            <div class="modal-body">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label>Subject<span class="text-danger">*</span></label>
                                        <input type="text" name="subject" class="form-control"
                                            placeholder="Email Subject">
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>Message<span class="text-danger">*</span></label>
                                        <textarea rows="5" name="message" class="form-control nicEdit" placeholder="Your Message"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success">Send</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@push('css-styles')
    <style>
        .user-image {
            width: 200px;
            height: 200px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="assets\css\component.css">
@endpush
@push('custom-scripts')
@endpush