@php $page = 'users' @endphp
@php
use Carbon\Carbon;
@endphp
@extends('includes.layout')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Manage</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('view.users') }}">Manage Users</a></li>
            <li class="breadcrumb-item active">Manage</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ $user->name }} <span
                                class="badge badge-{{ $user->status == 'active' ? 'success' : 'danger' }}">{{
                                Str::ucfirst($user->status) }}</span></h3>
                        <div class="float-right btn-group">
                            <button type="button" class="btn btn-primary btn-sm dropdown-toggle"
                                data-toggle="dropdown">Action</button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="{{ route('login.activity', $user->id) }}">Login
                                    Activity</a>
                                @if($user->status == 'active')
                                <form action="{{ route('update.user.status', $user->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <input type="hidden" name="status" value="blocked">
                                    <input type="hidden" name="type" value="status">
                                    <button type="submit" class="dropdown-item">Block</button>
                                </form>
                                @endif
                                @if($user->status == 'blocked')
                                <form action="{{ route('update.user.status', $user->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <input type="hidden" name="status" value="active">
                                    <input type="hidden" name="type" value="status">
                                    <button type="submit" class="dropdown-item">Unblock</button>
                                </form>
                                @endif
                                @if($user->roi_mode == 'on')
                                <form action="{{ route('update.user.status', $user->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <input type="hidden" name="status" value="off">
                                    <input type="hidden" name="type" value="roi">
                                    <button type="submit" class="dropdown-item">Turn Off auto ROI</button>
                                </form>
                                @endif
                                @if($user->roi_mode == 'off')
                                <form action="{{ route('update.user.status', $user->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <input type="hidden" name="status" value="on">
                                    <input type="hidden" name="type" value="roi">
                                    <button type="submit" class="dropdown-item">Turn On auto ROI</button>
                                </form>
                                @endif
                                <button class="dropdown-item" data-toggle="modal"
                                    data-target="#creditOrDebitWallet">Credit/Debit</button>
                                <button class="dropdown-item" data-toggle="modal" data-target="#resetPassword">Reset
                                    Password</button>
                                <button class="dropdown-item" data-toggle="modal" data-target="#clearAccount">Clear
                                    Account</button>
                                <button class="dropdown-item" data-toggle="modal" data-target="#roiHistory">Add ROI
                                    History</button>
                                <button class="dropdown-item" data-toggle="modal" data-target="#editUser">Edit
                                    Account</button>
                                <button class="dropdown-item" data-toggle="modal" data-target="#sendEmail">Send
                                    Email</button>
                                <div class="dropdown-divider"></div>
                                <button class="dropdown-item text-danger" data-toggle="modal"
                                    data-target="#deleteUser">Delete {{ $user->name }}</button>
                            </div>
                        </div>
                    </div>
                    <div class="mt-5 row">
                        <div class="col-lg-4 col-12">
                            <div class="box box-primary pull-up">
                                <div class="box-body">
                                    <div class="d-flex align-items-center font-size-18">
                                        <p class="mb-0 text-white font-weight-medium">Account Balance</p>
                                    </div>
                                    <div class="flex-wrap d-flex align-items-center">
                                        <h2 class="text-white font-weight-normal">${{ number_format($user->balance, 2)
                                            }}</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="box box-info pull-up">
                                <div class="box-body">
                                    <div class="d-flex align-items-center font-size-18">
                                        <p class="mb-0 text-white font-weight-medium">Referral Bonus</p>
                                    </div>
                                    <div class="flex-wrap d-flex align-items-center">
                                        <h2 class="text-white font-weight-normal">${{ number_format($user->ref_balance,
                                            2) }}</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-12">
                            <div class="box box-danger pull-up">
                                <div class="box-body">
                                    <div class="d-flex align-items-center font-size-18">
                                        <p class="mb-0 text-white font-weight-medium">Bonus</p>
                                    </div>
                                    <div class="flex-wrap d-flex align-items-center">
                                        <h2 class="text-white font-weight-normal">${{ number_format($user->bonus, 2) }}
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box-body box-profile">
                        <h3 class="mb-0 text-muted">USER INFROMATION</h3>
                        <div class="mt-0 row">
                            <div class="col-md-12 col-12">
                                <div class="profile-user-info">
                                    <p>KYC :<span class="pl-10 "><span
                                                class="badge badge-{{ $user->is_verified ? 'success' : 'danger' }} }}">{{
                                                $user->is_verified ? 'Verified' : 'Not Verified' }}</span></span> </p>
                                    <p>ROI Mode :<span class="pl-10"><span
                                                class="badge badge-{{ $user->roi_mode == 'on' ? 'success' : 'danger'  }}">{{
                                                Str::ucfirst($user->roi_mode) }}</span></span> </p>
                                    <p>Full Name :<span class="pl-10 text-gray">{{ $user->name }}</span> </p>
                                    <p>User Name :<span class="pl-10 text-gray">{{ $user->username }}</span> </p>
                                    <p>Email :<span class="pl-10 text-gray">{{ $user->email }}</span> </p>
                                    <p>Phone Number :<span class="pl-10 text-gray">{{ $user->phone }}</span></p>
                                    <p>Gender :<span class="pl-10 text-gray">{{ $user->gender }}</span></p>
                                    <p>Address :<span class="pl-10 text-gray">{{ $user->address }}</span></p>
                                    <p>Nationality :<span class="pl-10 text-gray">{{ $user->country }}</span></p>
                                    <p>Date Joined :<span class="pl-10 text-gray">{{
                                            Carbon::parse($user->created_at)->format('D, M j, Y g:i A') }}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="creditOrDebitWallet">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Credit/Debit {{ $user->name }} Account.</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <form action="{{ route('account.funding', $user->id) }}" method="POST">@csrf @method('patch')
                                    <div class="modal-body">
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="amount">Amount ($)<span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="number" name="amount" id="amount" class="form-control"
                                                        required placeholder="Enter Amount" autofocus>
                                                </div>
                                                <x-input-error :messages="$errors->get('amount')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="type">Select where to Credit/Debit </label>
                                                <div class="controls">
                                                    <select name="type" id="type" class="form-control" required>
                                                        <option value="">Choose Type</option>
                                                        <option value="balance">Account Balance</option>
                                                        <option value="bonus">Bonus</option>
                                                        <option value="refferal">Refferal Bonus</option>
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('type')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="t_type">Select Credit to add, Debit to subtract.</label>
                                                <div class="controls">
                                                    <select name="t_type" id="t_type" class="form-control" required>
                                                        <option value="">Choose Type</option>
                                                        <option value="Credit">Credit</option>
                                                        <option value="Debit">Debit</option>
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('t_type')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary">Proceed</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="resetPassword">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Reset Password</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <h4>Are you sure you want to reset password for <b>{{ $user->name }}</b> to
                                        <b>user01234</b></h4>
                                </div>
                                <div class="modal-footer">
                                    <form action="{{ route('reset.user.password', $user->id) }}" method="POST">@csrf
                                        @method('patch')
                                        <input type="hidden" name="password" value="user01234">
                                        <button type="submit" class="btn btn-danger">Proceed</button>
                                    </form>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="clearAccount">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Clear Account</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <h4>You are about clearing <b>{{ $user->name }}'s </b> account to <b>$0.00</b></h4>
                                </div>
                                <div class="modal-footer">
                                    <form action="{{ route('clear.user.account', $user->id) }}" method="POST">@csrf
                                        @method('patch')
                                        <button type="submit" class="btn btn-danger">Proceed</button>
                                    </form>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="roiHistory">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Add Trading History for {{ $user->name }}.</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <form action="{{ route('add.user.roi', $user->id) }}" method="POST">@csrf @method('patch')
                                    <div class="modal-body">
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="plan">Select Investment Plan </label>
                                                <div class="controls">
                                                    <select name="plan" id="plan" class="form-control" required>
                                                        <option value="">Choose Plan</option>
                                                        @forelse ($plans as $item)
                                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                        @empty
                                                        <option value="">No Plan Found</option>
                                                        @endforelse
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('type')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="amount_i">Amount ($)<span
                                                        class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="number" name="amount_i" id="amount_i"
                                                        class="form-control" required placeholder="Enter Amount"
                                                        autofocus>
                                                </div>
                                                <x-input-error :messages="$errors->get('amount_i')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="type_i">Type <span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <select name="type_i" id="type_i" class="form-control" required>
                                                        <option value="">Choose Type</option>
                                                        <option value="bonus">Bonus</option>
                                                        <option value="roi">ROI</option>
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('type_i')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary">Proceed</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="editUser">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Edit {{ $user->name }} Details.</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <form action="{{ route('update.user', $user->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <div class="modal-body">
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="name">Fullname<span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="text" name="name" id="name" class="form-control"
                                                        required value="{{ $user->name }}" autofocus>
                                                </div>
                                                <x-input-error :messages="$errors->get('name')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="username">Username<span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="text" name="username" id="username"
                                                        class="form-control" required value="{{ $user->username }}">
                                                </div>
                                                <x-input-error :messages="$errors->get('username')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="email">Email<span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="email" name="email" id="email" class="form-control"
                                                        required value="{{ $user->email }}">
                                                </div>
                                                <x-input-error :messages="$errors->get('email')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="phone">Phone Number</label>
                                                <div class="controls">
                                                    <input type="tel" name="phone" id="phone" class="form-control"
                                                        value="{{ $user->phone }}">
                                                </div>
                                                <x-input-error :messages="$errors->get('phone')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="country">Country</label>
                                                <div class="controls">
                                                    <select name="country" id="country" class="form-control" required>
                                                        <option value="">Choose Country</option>
                                                        @forelse ($countries as $item)
                                                        <option {{ $user->country == $item->name ? 'selected' : '' }}
                                                            value="{{ $item->name }}">{{ $item->name }}</option>
                                                        @empty
                                                        <option value="">No Country Found</option>
                                                        @endforelse
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('country')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="gender">Gender</label>
                                                <div class="controls">
                                                    <select name="gender" id="gender" class="form-control">
                                                        <option value="">Choose Gender</option>
                                                        <option {{ $item->gender == 'Male' ? 'selected' : '' }}
                                                            value="Male">Male</option>
                                                        <option {{ $item->gender == 'Female' ? 'selected' : '' }}
                                                            value="Female">Female</option>
                                                        <option {{ $item->gender == 'Other' ? 'selected' : '' }}
                                                            value="Other">Other</option>
                                                    </select>
                                                </div>
                                                <x-input-error :messages="$errors->get('gender')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="address">Adddress</label>
                                                <div class="controls">
                                                    <textarea name="address" id="address" class="form-control"
                                                        rows="3">{{ $user->address }}</textarea>
                                                </div>
                                                <x-input-error :messages="$errors->get('gender')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <input type="hidden" name="role" value="user">
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary">Proceed</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="sendEmail">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Send Email</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <form action="{{ route('send.user.email', $user->id) }}" method="POST">@csrf
                                    <div class="modal-body">
                                        <div class="col-lg-12">
                                            <p>This message will be sent to {{ $user->name }}</p>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="subject">Subject<span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <input type="text" name="subject" id="subject" class="form-control"
                                                        required placeholder="Email Subject" autofocus>
                                                </div>
                                                <x-input-error :messages="$errors->get('subject')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-12">
                                            <div class="form-group">
                                                <label for="message">Message <span class="text-danger">*</span></label>
                                                <div class="controls">
                                                    <textarea name="message" id="message" class="form-control" rows="6"
                                                        placeholder="Email Message"></textarea>
                                                </div>
                                                <x-input-error :messages="$errors->get('message')"
                                                    class="mt-2 text-danger" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary">Proceed</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="deleteUser">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Delete User</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <h4>Are you sure you want to delete <b>{{ $user->name }}'s </b> Account? Everything
                                        associated with this account will be loss.</h4>
                                </div>
                                <div class="modal-footer">
                                    <form action="{{ route('delete.user', $user->id) }}" method="POST">@csrf
                                        @method('delete')
                                        <input type="hidden" name="type" value="user">
                                        <button type="submit" class="btn btn-danger">Proceed</button>
                                    </form>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection