@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="row">
                    <div class="col-md-8">
                        <div class="card radius-15">
                            <div class="card-body">
                                <div class="card-title">
                                    <h6 class="mb-0"><b><i class="bx bx-group"></i> User Manager</b>
                                        <form class="" id="sort_all_users" action="" method="GET"
                                            style="float: right;">
                                            <div class="box-inline pad-rgt pull-left">
                                                <div class="" style="min-width: 200px;">
                                                    <input type="text" class="form-control form-control-sm"
                                                        id="search" name="search"
                                                        @isset($sort_search) value="{{ $sort_search }}" @endisset
                                                        placeholder="Type name & Enter"
                                                        style="font-size: 0.8rem; width:100%;" />
                                                </div>
                                            </div>
                                        </form>
                                    </h6>
                                </div>
                                <hr />
                                <div class="table-responsive">
                                    <table class="table mb-0">
                                        <thead class="thead-primary">
                                            <tr>
                                                <th>#</th>
                                                <th>Name</th>
                                                <th>Email</th>
                                                <th>Number</th>
                                                <th>Account user</th>
                                                <th class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @if (count($all_users) > 0)
                                                @foreach ($all_users as $key => $user)
                                                    @php
                                                        $user_role = \App\Models\Role::where('id', $user->role)->first();
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $key + 1 }}
                                                        </td>
                                                        <td>{{ $user->name }}</td>
                                                        <td>{{ $user->email }}</td>
                                                        <td>
                                                            @if ($user->contact)
                                                                {{ $user->contact }}
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <a href="{{ route('user-permissions', $user_role->id) }}"
                                                                class="btn btn-outline-secondary m-1 btn-sm"
                                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                                title=""
                                                                data-bs-original-title="Manage Permissions"><i
                                                                    class="bx bx-cog"></i> {{ $user_role->title }}</a>
                                                        </td>
                                                        <td class="text-center">
                                                            <a class="btn btn-outline-dark m-1 btn-sm"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#editUser{{ $user->id }}"
                                                                data-bs-placement="top" title=""
                                                                data-bs-original-title="Edit"><i
                                                                    class="bx bx-edit-alt"></i></a>
                                                            <a href="{{ route('delete-user-role', $user->id) }}" onclick="return confirm('Are you sure you want to delete?');"
                                                                class="btn btn-outline-danger m-1 btn-sm"
                                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                                title="" data-bs-original-title="Delete This"><i
                                                                    class="bx bx-trash"></i></a>
                                                        </td>
                                                    </tr>
                                                    @include('backend.dynamic-modals.edit-user')
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="6" class="text-center"><i class="bx bx-sad"
                                                            style="font-size:5rem;color: #a2a3a5;"></i>
                                                        <h3 style="color: #a2a3a5;">Nothing found</h3>
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card radius-15">
                            <div class="card-body" style="padding: 2rem 2rem;">
                                <div class="card-title">
                                    <h6 class="mb-0"><b><i class="bx bx-layer-plus"></i> Add New user </b></h6>
                                </div>
                                <hr />
                                <form class="row g-3" method="POST" action="{{ route('create-user-account') }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="col-12">
                                        <label for="inputLastEnterUsername" class="form-label">Name<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" class="form-control form-control-sm" placeholder="Name"
                                                name="name" required />
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label for="inputLastEnterUsername" class="form-label">Email-ID<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="email" class="form-control form-control-sm" placeholder="Email"
                                                name="email" required />
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label for="inputLastEnterUsername" class="form-label">Mobile No.<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="number" class="form-control form-control-sm"
                                                placeholder="Mobile No." name="mob_number" required />
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label for="inputLastEnterUsername" class="form-label">Password<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" class="form-control form-control-sm"
                                                placeholder="Password" name="password" required />
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label for="inputLastEnterUsername" class="form-label">Role<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <select class="form-control form-control-sm" name="user_role" required>
                                                <option>Select Any One</option>
                                                @foreach ($all_roles as $role)
                                                    <option value="{{ $role->id }}">{{ $role->title }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-8"></div>
                                    <div class="col-md-4">
                                        <div class="d-grid">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection