File "manage-users.blade.php"

Full Path: /home/fundopuh/trader.fxex.org/resources/views/livewire/admin/manage-users.blade.php
File size: 17.11 KB
MIME-type: text/plain
Charset: utf-8

<div>
    <x-page-title>
        {{ $settings->site_name }} users list
    </x-page-title>
    <x-admin.alert />
    <div class="mb-5 row">
        <div class="col-md-12 ">
            <div class="card shadow p-4 ">
                <div class="card-header">
                    <div class="row">
                        <div class="col-6 d-flex pe-0">
                            <div>
                                <form>
                                    <div class="input-group">
                                        <input wire:model.debounce.500ms='searchvalue'
                                            class="form-control form-control-sm shadow-none search  themes/purposeTheme/assets/"
                                            type="search" placeholder="name, username or email" aria-label="search" />
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="col-6">
                            @if ($checkrecord)
                                <div>
                                    <div class="d-flex">
                                        <div>
                                            <select wire:model='action'
                                                class="form-control  themes/purposeTheme/assets/ form-select form-select-sm"
                                                aria-label="Bulk actions">
                                                <option value="Delete">Delete</option>
                                                <option value="Clear">Clear Account</option>
                                            </select>
                                        </div>
                                        <div>
                                            <button class="btn btn-danger btn-sm ms-2" wire:click='delsystemuser'
                                                type="button">Apply</button>
                                        </div>
                                        &nbsp;&nbsp;
                                        <div>
                                            <button class="btn btn-info btn-sm " data-toggle="modal"
                                                data-target="#TradingModal" type="button">
                                                <span class="fas fa-coins" data-fa-transform="shrink-3 down-2"></span>
                                                <span class="d-none d-sm-inline-block ms-1">Add ROI</span>
                                            </button>
                                        </div>
                                        &nbsp;&nbsp;
                                        <div>
                                            <button data-toggle="modal" data-target="#topupModal"
                                                class="btn btn-info btn-sm " type="button">
                                                <span class="fas fa-plus" data-fa-transform="shrink-3 down-2"></span>
                                                <span class="d-none d-sm-inline-block ms-1">Topup</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div>
                                    <button class="float-right btn btn-primary btn-sm" type="button"
                                        data-toggle="modal" data-target="#adduser">
                                        <span class="fas fa-user-plus" data-fa-transform="shrink-3 down-2"></span>
                                        <span class="d-none d-sm-inline-block ms-1">New User</span>
                                    </button>

                                    <a class="btn btn-info btn-sm " href="{{ route('emailservices') }}">
                                        <span class="fas fa-envelope" data-fa-transform="shrink-3 down-2"></span>
                                        <span class="d-none d-sm-inline-block ms-1">Send Message</span>
                                    </a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive" data-example-id="hoverable-table">
                        <table class="table table-hover themes/purposeTheme/assets/">
                            <thead>
                                <tr>
                                    <th class="white-space-nowrap">
                                        <input type="checkbox" wire:model='selectPage' />
                                    </th>
                                    <th>Fullname</th>
                                    <th>Username</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Account Balance</th>
                                    <th>Country</th>
                                    <th>Status</th>
                                    <th>Registered</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="userslisttbl">

                                @forelse ($users as $user)
                                    <tr>
                                        <td class="align-middle">
                                            <input type="checkbox" wire:model='checkrecord'
                                                value="{{ $user->id }}" />
                                        </td>
                                        <td>{{ $user->name }}</td>
                                        <td>{{ $user->username }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>{{ $user->phone }}</td>
                                        <td>{{ $settings->currency }}{{ number_format($user->account_bal, 2, '.', ',') }}
                                        </td>
                                        <td>{{ $user->country }}</td>
                                        <td>
                                            @if ($user->status == 'active')
                                                <span class='badge badge-success'>{{ $user->status }}</span>
                                            @else
                                                <span class='badge badge-danger'>{{ $user->status }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            {{ $user->created_at->diffForHumans() }}
                                        </td>
                                        <td>
                                            <a class='btn btn-secondary btn-sm'
                                                href="{{ route('viewuser', $user->id) }}" role='button'>
                                                Manage
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <td colspan="9">
                                        No Data Available
                                    </td>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer  py-2">
                    <div class="row flex-between-center">
                        <div class="col-auto">
                            <select wire:model='pagenum' class="form-control  themes/purposeTheme/assets/">
                                <option>10</option>
                                <option>20</option>
                                <option>50</option>
                                <option>100</option>
                                <option>200</option>
                            </select>
                        </div>
                        <div class="col-auto">
                            <select wire:model='orderby' class="form-control  themes/purposeTheme/assets/">
                                <option value="id">id</option>
                                <option value="name">Name</option>
                                <option value="email">Email</option>
                                <option value="created_at">Sign up date</option>
                            </select>
                        </div>
                        <div class="col-auto">
                            <select wire:model='orderdirection' class="form-control  themes/purposeTheme/assets/">
                                <option value="desc">Descending</option>
                                <option value="asc">Ascending</option>
                            </select>
                        </div>
                        <div class="col-auto">
                            {!! $users->links() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" tabindex="-1" id="adduser" aria-h6ledby="exampleModalh6" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header ">
                    <h3 class="mb-2 d-inline themes/purposeTheme/assets/">Add User</h3>
                    <button type="button" class="close themes/purposeTheme/assets/" data-dismiss="modal"
                        aria-h6="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body ">
                    <div>
                        <form method="POST" wire:submit.prevent='saveUser'>

                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    <h6 class="themes/purposeTheme/assets/">Username</h6>
                                    <input type="text" id="usernameinput"
                                        class="form-control  themes/purposeTheme/assets/" name="username"
                                        wire:model.defer='username' required>
                                </div>
                                <div class="form-group col-md-12">
                                    <h6 class="themes/purposeTheme/assets/">Fullname</h6>
                                    <input type="text" class="form-control  themes/purposeTheme/assets/"
                                        name="name" wire:model.defer='fullname' required>
                                </div>
                                <div class="form-group col-md-12">
                                    <h6 class="themes/purposeTheme/assets/">Email</h6>
                                    <input type="email" class="form-control  themes/purposeTheme/assets/"
                                        name="email" wire:model.defer='email' required>
                                </div>
                                <div class="form-group col-md-12">
                                    <h6 class="themes/purposeTheme/assets/">Password</h6>
                                    <input type="text" class="form-control  themes/purposeTheme/assets/"
                                        name="password" wire:model.defer='password' required>
                                </div>
                            </div>
                            <button type="submit" class="px-4 btn btn-primary">Add User</button>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {{-- End add user modal --}}

    <!-- /Trading History Modal -->

    <div id="TradingModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header ">
                    <h4 class="modal-title themes/purposeTheme/assets/">Add ROI to selected users
                    </h4>
                    <button type="button" class="close themes/purposeTheme/assets/"
                        data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body ">
                    <form role="form" method="post" wire:submit.prevent='addRoi'>
                        <div class="form-group">
                            <h5 class=" themes/purposeTheme/assets/">Select Investment Plan</h5>
                            <select class="form-control  themes/purposeTheme/assets/" name="plan"
                                wire:model.defer='plan' required>
                                <option></option>
                                @foreach ($plans as $plan)
                                    <option value="{{ $plan->id }}">{{ $plan->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <h5 class=" themes/purposeTheme/assets/">Date</h5>
                            <input type="date" wire:model.defer='datecreated'
                                class="form-control  themes/purposeTheme/assets/" required>
                        </div>
                        <div class="form-group">
                            <input type="submit" class="btn " value="Add History">
                        </div>
                        <div class="form-group">
                            <small class="themes/purposeTheme/assets/">The system will calculate the ROI base on users
                                invested amount and topup amount specified in this selected plan settings <br>
                                <strong>Also Note the plan must be using % as it's topup-type else the calculations will
                                    be wrong.</strong> </small>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- /send a single user email Modal -->

    <!-- Top Up Modal -->
    <div id="topupModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header ">
                    <h4 class="modal-title themes/purposeTheme/assets/">Credit/Debit Accounts.</strong></h4>
                    <button type="button" class="close themes/purposeTheme/assets/"
                        data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body ">
                    <form method="post" wire:submit.prevent='topup'>
                        <div class="form-group">
                            <input class="form-control  themes/purposeTheme/assets/" placeholder="Enter amount"
                                type="number" step="any" name="amount" wire:model.defer='topamount' required>
                            <small>{{ $topamount }}</small>
                        </div>
                        <div class="form-group">
                            <h5 class="themes/purposeTheme/assets/">Select where to Credit/Debit</h5>
                            <select class="form-control  themes/purposeTheme/assets/" wire:model.defer='topcolumn'
                                name="type" required>
                                <option value="" selected disabled>Select Column</option>
                                <option value="Bonus">Bonus</option>
                                <option value="balance">Account Balance</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <h5 class="themes/purposeTheme/assets/">Select credit to add, debit to subtract.</h5>
                            <select class="form-control  themes/purposeTheme/assets/" wire:model.defer='toptype'
                                name="t_type" required>
                                <option value="">Select type</option>
                                <option value="Credit">Credit</option>
                                <option value="Debit">Debit</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <div class="spinner-border spinner-border-sm" role="status" wire:loading
                                    wire:target="topup">
                                    <span class="sr-only">Loading...</span>
                                </div>
                                Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- /deposit for a plan Modal -->
</div>