@extends('layout.main')



            @section('main-section')


                <div class="content">

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">EFU</a></li>

                                            <li class="breadcrumb-item active">Stage 4</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">EFU Property Management Portal</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->




                        <div class="row">

                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title">Users List</h4>
                                        <p class="sub-header">
                                          abcd
                                        </p>


                                        <div class="row">
                                        <div class="col-lg-12" >
                                            <div class="form-group">
                                            <a href="{{url('/cp_users_trash')}}" class="btn btn-primary" style="float: right;">Go To Trash</a>
                                            <p></p>

                                        </div>

                                        </div>
                                    </div>


                                        <form action="{{url('/cp_usersStore')}}" method="POST">
                                            @csrf
                                        <div class="row">



                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                <label>Name</label>
                                                <input type="text" class="form-control" name="_Name" placeholder="Enter Name" id="" />
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                <label>User Type</label>
                                                <select class="form-control" name="_UserType" required>
                                                    <option value="">Please Select</option>
                                                    <option value="Basic User">Basic User</option>
                                                    <option value="Low Level User">Low Level User</option>
                                                    <option value="Moderate Level User">Moderate Level User</option>
                                                    <option value="High Level User">High Level User</option>
                                                </select>
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                <label>Email</label>
                                                <input type="text" class="form-control" name="_Email" placeholder="Enter Email" id="" />
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                <label>Password</label>
                                                <input type="text" class="form-control" id="_Password" name="_Password" placeholder="Enter Password" id="txtpassword" readonly />
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-2">
                                                <div class="form-group">
                                                <label>Gen. Password</label>
                                                 <button type="button" class="btn btn-danger" onclick="generatePassword()">Generate Password</button>
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                <label>Mobile No.</label>
                                                <input type="text" class="form-control" name="_PhoneNumber" placeholder="Enter Mobile Number" id="" />
                                                <p></p>
                                            </div>
                                            </div>

                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                <input type="submit" class="btn btn-success" name="" id="" />
                                                <p></p>
                                            </div>
                                            </div>



                                            <div class="reponsive-table">

                                                <table id="datatable-buttons" class="table table-striped dt-responsive nowrap w-100">
                                                    <thead>
                                                        <tr>
                                                            <th>Name</th>
                                                            <th>User Type</th>
                                                            <th>Email</th>
                                                            <th>Passsword</th>
                                                            <th>Mobile No.</th>
                                                            <th>Date</th>
                                                            <th></th>
                                                            <th></th>

                                                        </tr>
                                                    </thead>


                                                    <tbody>
                                                        @foreach ($users as $user)


                                                        <tr>
                                                            <td>{{$user->_Name}}</td>
                                                            <td>{{ $user->_UserType}}</td>
                                                            <td>{{ $user->_Email}}</td>
                                                            <td>{{ $user->_Password}}</td>
                                                            <td>{{ $user->_PhoneNumber}}</td>
                                                            <td>{{ $user->_Date}}</td>
                                                            <td><a href="{{url('/cp_users_delete')}}/{{$user->_Id}}" class="btn btn-danger">Trash</a></td>

                                                            <td><a href="{{url('/cp_users_edit')}}/{{$user->_Id}}" class="btn btn-primary">Edit</a></td>
                                                        </tr>

                                                        @endforeach
                                                    </tbody>

                                                </table>


                                            </div>



                        </div>
                        <!-- end row -->
                    </form>





                    </div> <!-- container -->

                </div> <!-- content -->

                <script>
                    function generatePassword() {
                    var length = 10,
                        charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@!£$%^&*(@)",
                        retVal = "";
                    for (var i = 0, n = charset.length; i < length; ++i) {
                        retVal += charset.charAt(Math.floor(Math.random() * n));
                    }
                    document.getElementById("_Password").value = retVal;
                }
                </script>

@endsection('main-section')