@extends('layouts.app')

@section('title', 'Password Reset')


@section('nav-header')

<div class="iq-navbar-header" style="height: 215px;">
                <div class="iq-navbar-header" style="height: 215px;">
                <div class="container-fluid iq-container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="flex-wrap d-flex justify-content-between align-items-center">
                                <div>
                                    <h1>Reset User Password By Admin</h1>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="iq-header-img">
                    <img src="../assets/images/dashboard/top-header.png" alt="header"
                        class="theme-color-default-img img-fluid w-100 h-100 animated-scaleX">
                    <img src="../assets/images/dashboard/top-header1.png" alt="header"
                        class="theme-color-purple-img img-fluid w-100 h-100 animated-scaleX">
                    <img src="../assets/images/dashboard/top-header2.png" alt="header"
                        class="theme-color-blue-img img-fluid w-100 h-100 animated-scaleX">
                    <img src="../assets/images/dashboard/top-header3.png" alt="header"
                        class="theme-color-green-img img-fluid w-100 h-100 animated-scaleX">
                    <img src="../assets/images/dashboard/top-header4.png" alt="header"
                        class="theme-color-yellow-img img-fluid w-100 h-100 animated-scaleX">
                    <img src="../assets/images/dashboard/top-header5.png" alt="header"
                        class="theme-color-pink-img img-fluid w-100 h-100 animated-scaleX">
                </div>
            </div> <!-- Nav Header Component End -->
            <!--Nav End-->

@endsection



@section('content')

<!-- Table -->
        
<div class="conatiner-fluid content-inner mt-n5 py-0">

            

            <div class="modal fade" id="resetpasswordmodal" tabindex="-1" aria-labelledby="resetpasswordmodal"
                aria-hidden="true">
                <div class="modal-dialog  modal-halfscreen">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="resetpasswordmodal">Reset User Password</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col">
                                    <label class="form-label">Resetting Username</label>
                                    <input type="text" class="form-control" readonly value="test_user_01" required>
                                </div>
                                <div class="col">
                                    <label class="form-label">New User Password</label>
                                    <input type="password" class="form-control" required>
                                </div>
                                <div class="col">
                                    <label class="form-label">Confirm New User Password</label>
                                    <input type="password" class="form-control" required>
                                </div>
                            </div>
                            <br><br>
                            <div class="row">
                                <div class="col">
                                    <label class="form-label">Your Username</label>
                                    <input type="text" class="form-control" readonly value="test_user_01" required>
                                </div>
                                <div class="col">
                                    <label class="form-label">Your Password</label>
                                    <input type="password" class="form-control" required>
                                </div>
                                <div class="col">
                                    <label class="form-label">Confirm Your Password</label>
                                    <input type="password" class="form-control" required>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>

            

            <div class="row">
                <div class="col-sm-12">
                    <div class="card">

                        <div class="card-body">

                            <div class="table-responsive">
                                <table id="datatable" class="table table-striped" data-toggle="data-table">
                                    <thead>
                                        <tr>

                                            <th>User Name</th>
                                            <th>NIC No:</th>
                                            <th>User Role</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        <tr>
                                            <td>Virat Kholi</td>
                                            <td>2564545515415</td>
                                            <td>Manager</td>
                                            <td><span class="badge bg-primary">Active</span></td>
                                            <td>
                                                <a data-bs-toggle="tooltip" data-bs-placement="top" title="Reset Password">
                                                    <button class="btn btn btn-icon btn-warning" type="button"
                                                        data-bs-toggle="modal" data-bs-target="#resetpasswordmodal">
                                                        <span class="btn-inner">

                                                            <svg class="icon-35" width="20" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M16.334 2.75H7.665C4.644 2.75 2.75 4.889 2.75 7.916V16.084C2.75 19.111 4.635 21.25 7.665 21.25H16.333C19.364 21.25 21.25 19.111 21.25 16.084V7.916C21.25 4.889 19.364 2.75 16.334 2.75Z"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M10.6889 11.9999C10.6889 13.0229 9.85986 13.8519 8.83686 13.8519C7.81386 13.8519 6.98486 13.0229 6.98486 11.9999C6.98486 10.9769 7.81386 10.1479 8.83686 10.1479H8.83986C9.86086 10.1489 10.6889 10.9779 10.6889 11.9999Z"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path d="M10.6919 12H17.0099V13.852"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path d="M14.1816 13.852V12" stroke="currentColor"
                                                                    stroke-width="1.5" stroke-linecap="round"
                                                                    stroke-linejoin="round"></path>
                                                            </svg>
                                                        </span>
                                                    </button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Sharukh Khan</td>
                                            <td>5615655226256</td>
                                            <td>Clerk</td>
                                            <td><span class="badge bg-primary">Active</span></td>
                                            <td>
                                                <a data-bs-toggle="tooltip" data-bs-placement="top" title="Reset Password">
                                                    <button class="btn btn btn-icon btn-warning" type="button"
                                                        data-bs-toggle="modal" data-bs-target="#resetpasswordmodal">
                                                        <span class="btn-inner">

                                                            <svg class="icon-35" width="20" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M16.334 2.75H7.665C4.644 2.75 2.75 4.889 2.75 7.916V16.084C2.75 19.111 4.635 21.25 7.665 21.25H16.333C19.364 21.25 21.25 19.111 21.25 16.084V7.916C21.25 4.889 19.364 2.75 16.334 2.75Z"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                    d="M10.6889 11.9999C10.6889 13.0229 9.85986 13.8519 8.83686 13.8519C7.81386 13.8519 6.98486 13.0229 6.98486 11.9999C6.98486 10.9769 7.81386 10.1479 8.83686 10.1479H8.83986C9.86086 10.1489 10.6889 10.9779 10.6889 11.9999Z"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path d="M10.6919 12H17.0099V13.852"
                                                                    stroke="currentColor" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round">
                                                                </path>
                                                                <path d="M14.1816 13.852V12" stroke="currentColor"
                                                                    stroke-width="1.5" stroke-linecap="round"
                                                                    stroke-linejoin="round"></path>
                                                            </svg>
                                                        </span>
                                                    </button>
                                            </td>
                                        </tr>

                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
@endsection