{{-- Extends layout --}}
@extends('layout.default')
{{-- Content --}}
@section('content')
<div class="container-fluid">
    <!-- Add Order -->

    <div class="page-titles">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Admin</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">User Management</a></li>
        </ol>
    </div>
    <!-- row -->
    @if ($errors->any())

    <div class="alert alert-warning alert-dismissible fade show">
        <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2"
            fill="none" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
            <path
                d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z">
            </path>
            <line x1="12" y1="9" x2="12" y2="13"></line>
            <line x1="12" y1="17" x2="12.01" y2="17"></line>
        </svg>
        <strong>Warning!</strong>
        @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i
                    class="mdi mdi-close"></i></span>
        </button>
    </div>

    @endif
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="mr-2">
                <polyline points="9 11 12 14 22 4"></polyline>
                <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
            </svg>
            <strong>Success!</strong> {{ session('success') }}
            <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i
                        class="mdi mdi-close"></i></span></button>
        </div>


    @endif
    @if(session('error'))


        <div class="alert alert-success alert-dismissible fade show">
            <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="mr-2">
                <polyline points="9 11 12 14 22 4"></polyline>
                <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
            </svg>
            <strong>Error!</strong>
            <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i
                        class="mdi mdi-close"></i></span></button>
        </div>
        <div class="alert alert-warning alert-dismissible fade show">
            <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="mr-2">
                <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z">
                </path>
                <line x1="12" y1="9" x2="12" y2="13"></line>
                <line x1="12" y1="17" x2="12.01" y2="17"></line>
            </svg>
            <strong>Warning!</strong> {{ session('error') }}
            <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i
                        class="mdi mdi-close"></i></span>
            </button>
        </div>
    @endif

    <div class="row">

        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">List of All Users</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="example3" class="display min-w850">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Role</th>
                                    <th>Mobile</th>
                                    <th>Joining Date</th>
                                    <th>Status</th>
                                    <th>Change Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($userList as $user)
                                    <tr>
                                        <td>{{ $user->id }}</td>
                                        <td>{{ $user->name }}</td>
                                        <td><a href="javascript:void(0);"><strong>{{ $user->email }}</strong></a></td>
                                        <td>

                                            @if($user->super_admin==1)
                                                {{ 'SuperAdmin' }}
                                            @endif
                                            @if($user->manager==1)
                                                {{ 'Manager' }}
                                            @endif
                                            @if($user->employee==1)
                                                {{ 'Employee' }}
                                            @endif

                                        </td>
                                        <td><a href="javascript:void(0);"><strong>{{ $user->phone }}</strong></a></td>
                                        <td>{{ $user->created_at }}</td>
                                        <td>
                                            @if($user->status=='Pending')
                                                <span class="badge light badge-warning">
                                                    <i class="fa fa-circle text-warning mr-1"></i>
                                                    {{ 'New User' }}

                                                </span>
                                            @endif
                                            @if($user->status=='Approved')
                                                <span class="badge light badge-success">
                                                    <i class="fa fa-circle text-success mr-1"></i>
                                                    {{ 'Verified' }}

                                                </span>
                                            @endif
                                            @if($user->status=='Rejected')
                                                <span class="badge light badge-danger">
                                                    <i class="fa fa-circle text-danger mr-1"></i>
                                                    {{ 'Rejected' }}

                                                </span>
                                            @endif

                                        </td>

                                        <td>
                                            <div class="dropdown ml-auto text-right">
                                                <div class="btn-link" data-toggle="dropdown">
                                                    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                        <g stroke="none" stroke-width="1" fill="none"
                                                            fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24"></rect>
                                                            <circle fill="#000000" cx="5" cy="12" r="2"></circle>
                                                            <circle fill="#000000" cx="12" cy="12" r="2"></circle>
                                                            <circle fill="#000000" cx="19" cy="12" r="2"></circle>
                                                        </g>
                                                    </svg>
                                                </div>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a class="dropdown-item"
                                                        href="/admin/statusUpdate/Pending/{{ $user->id }}">Pending
                                                        Application</a>
                                                    <a class="dropdown-item"
                                                        href="/admin/statusUpdate/Approved/{{ $user->id }}">Accept
                                                        Application</a>
                                                    <a class="dropdown-item"
                                                        href="/admin/statusUpdate/Rejected/{{ $user->id }}">Reject
                                                        Application</a>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <a href="#" data-toggle="modal"
                                                    data-target="#Modal_edit_{{ $user->id }}"
                                                    class="btn btn-primary shadow btn-xs sharp mr-1"><i
                                                        class="fa fa-pencil"></i></a>
                                                <!-- Modal -->
                                                <div class="modal fade" id="Modal_edit_{{ $user->id }}">
                                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Edit/Update User Info</h5>
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal"><span>&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">

                                                                <form action="/admin/updateUser/{{ $user->id }}" method="POST">
                                                                    @csrf

                                                                    <div class="form-group row">
                                                                        <label
                                                                            class="col-sm-3 col-form-label">Name</label>
                                                                        <div class="col-sm-9">
                                                                            <input type="name" name="name{{ $user->id }}"
                                                                                class="form-control"
                                                                                placeholder="Enter User Name" value="{{ $user->name }}">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row">
                                                                        <label
                                                                            class="col-sm-3 col-form-label">Email</label>
                                                                        <div class="col-sm-9">
                                                                            <input type="email" name="email{{ $user->id }}"
                                                                                class="form-control"
                                                                                placeholder="Enter Email" vlaue="{{ $user->email }}">
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row">
                                                                        <label
                                                                            class="col-sm-3 col-form-label">Phone</label>
                                                                        <div class="col-sm-9">
                                                                            <input type="phone" name="phone{{ $user->id }}"
                                                                                class="form-control"
                                                                                placeholder="Enter Phone Number"
                                                                                value="{{ $user->phone }}"
                                                                                >
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row">
                                                                        <label
                                                                            class="col-sm-3 col-form-label">Enter New Password</label>
                                                                        <div class="col-sm-9">
                                                                            <input type="password" name="password{{ $user->id }}"
                                                                                id="password" class="form-control"

                                                                                placeholder="Enter New Password (Leave Empty if don't want to change)" >
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row">
                                                                        <label class="col-sm-3 col-form-label"
                                                                            for="password_confirmation">Confirm New
                                                                            Password</label>
                                                                        <div class="col-sm-9">
                                                                            <input type="password"
                                                                                name="password_confirmation{{ $user->id }}"
                                                                                id="password_confirmation"
                                                                                class="form-control"
                                                                                placeholder="Confirm Password"
                                                                                >
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row">
                                                                        <label class="col-sm-3 col-form-label">Select
                                                                            Role (select one):</label>
                                                                        <div class="col-sm-9">
                                                                            <div class="form-group mb-0 mt-1 ml-1">
                                                                                <label class="radio-inline mr-3"><input checked
                                                                                    type="radio"
                                                                                    name="selectRole{{ $user->id }}"
                                                                                @if ($user->super_admin==1)
                                                                                value="1">Super Admin
                                                                                @endif
                                                                                @if ($user->manager==1)
                                                                                value="2">Manager
                                                                                @endif
                                                                                @if ($user->employee==1)
                                                                                value="3">Employee
                                                                                @endif
                                                                                 (Selected)
                                                                                </label>

                                                                                <label class="radio-inline mr-3"><input
                                                                                        type="radio" value="1"
                                                                                        name="selectRole{{ $user->id }}"> Super
                                                                                    Admin</label>
                                                                                <label class="radio-inline mr-3"><input
                                                                                        type="radio" value="2"
                                                                                        name="selectRole{{ $user->id }}">
                                                                                    Manager</label>
                                                                                <label class="radio-inline mr-3"><input
                                                                                        type="radio" value="3"
                                                                                        name="selectRole{{ $user->id }}">
                                                                                    Employee</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-danger light"
                                                                            data-dismiss="modal">Close</button>
                                                                        <button type="submit" class="btn btn-primary">Save
                                                                            changes</button>
                                                                    </div>

                                                                </form>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                                <a href="#" data-toggle="modal" data-target="#Modal_{{ $user->id }}"
                                                    class="btn btn-danger shadow btn-xs sharp"><i
                                                        class="fa fa-trash"></i></a>

                                                <!-- Modal -->
                                                <div class="modal fade" id="Modal_{{ $user->id }}">
                                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Delete User</h5>
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal"><span>&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div><h3>Are you sure! You want to delete this user? (Action cann't be revert back!)</h3></div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-warning light"
                                                                    data-dismiss="modal">Close</button>
                                                                <a type="button" href="/admin/destroyUser/{{$user->id}}" class="btn btn-danger"><i class="fa fa-trash btn-danfer light mr-2"></i>Delete</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>


                                @endforeach

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


    </div>

</div>

</div>

@endsection