@extends('layouts.master')
@section('title', 'Employees - Udankhatola')

@section('content')

<div class="pagetitle">
    <h1>Employees</h1>
    <nav>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
        <li class="breadcrumb-item active">Employees</li>
    </ol>
    </nav>
</div><!-- End Page Title -->


<section class="section dashboard">
    <div class="row">


        <div class="col-lg-12">

            <div class="card">
              <div class="card-body">
                <div class="p-3">
                    <h5 class="card-title" style="display: inline;">Users</h5>
                    <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm float-right" style="display: inline; float: right;"><i class="bx bxs-user-plus"></i>Add Employee</a>
                </div>
                
        
                <!-- Table with stripped rows -->
                <table class="table table-striped">
                  <thead>
                    <tr>
                      <th scope="col">#</th>
                      <th scope="col">Name</th>
                      <th scope="col">Email</th>
                      <th scope="col">Role</th>
                      <th scope="col">Action</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($users as $key => $user)
                        @php
                          if(isset($request->page) && is_numeric($request->page))
                            $counter = (($request->page * 10) - 10) + ($key+1);
                          else
                            $counter = ($key+1);
                        @endphp
                        <tr>
                        <th scope="row">{{$key+1}}</th>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td>
                            @if(count($user->roles) > 0)
                            @foreach($user->roles as $role)
                                <span class="badge bg-primary">{{ $role->name }}</span>
                            @endforeach
                            @else
                                <span class="badge bg-warning">N/A</span>
                            @endif
                        </td>
                        <td>
                            {{-- <a href="{{ route('users.show', $user->id) }}" class="btn btn-dark btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="View User"><i class="bx bxs-show"></i></a> --}}
                            @can('users.edit')
                            <a href="{{ route('users.edit', $user->id) }}" class="btn btn-dark btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit User"><i class="bx bx-edit"></i></a>
                            @endcan
                            {{-- <a href="{{ route('users.destroy', $user->id) }}" class="btn btn-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete User"><i class="bx bxs-trash"></i></a> --}}
                            @can('users.destroy')
                            @if($user->email != 'admin@gmail.com')
                            {!! Form::open(['method' => 'DELETE','route' => ['users.destroy', $user],'style'=>'display:inline', 'class' => 'delete-form']) !!}

                            {!! Form::submit('Delete', ['class' => 'btn btn-danger btn-sm', 'data-bs-toggle'=>'tooltip', 'data-bs-placement'=>'top', 'data-bs-original-title'=>'Delete User']) !!}

                            {!! Form::close() !!}
                            @endif
                            @endcan
                            @can('update.password.perform')
                            <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#basicModal" title="Update Password" data-id="{{$user->id}}" id="update-pwd-modal">
                              <i class="bx bx-lock"></i>
                            </button>
                            @endcan
                        </td>
                        </tr>
                    @endforeach
                    
                  </tbody>
                </table>
                <ul class="pagination" style="float: right;">
                    {!! $users->links() !!}
                </ul>
                <!-- End Table with stripped rows -->
        
              </div>
            </div>
        
            
          </div>

          <div class="modal fade" id="basicModal" tabindex="-1">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">Employee Password Reset</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                  <form method="post" action="{{ route('update.password.perform') }}" id="update-pwd-form">
                    @csrf
                    <input type="hidden" name="user_id" value="" id="user-id" />
                    <div class="mb-3">
                        <label for="new_password" class="form-label">New Password</label>
                        <input 
                            type="password" 
                            class="form-control new-pwd" 
                            name="new_password" 
                            placeholder="Enter New Password" required>
                    </div>


                    <div class="mb-3">
                        <label for="confirm_password" class="form-label">Confirm Password</label>
                        <input 
                        type="password" 
                        class="form-control cnf-pwd" 
                        name="confirm_password" 
                        placeholder="Enter Confirm Password" required>
                    </div>

                    {{-- <button type="submit" class="btn btn-primary">Update</button> --}}
                    
                </form>
                </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" id="update-password">Update Password</button>
                </div>
              </div>
            </div>
          </div><!-- End Basic Modal-->
            

    </div>
</section>



@endsection