@extends('admin.layouts.app')

@section('content')

@if (session('success'))
    <div class="alert-box info-alert mt-5" style="color: green;">
        <div class="alert">
            <p class="text-medium">{{ session('success') }}</p>
        </div>
    </div>
@endif

@if ($errors->any())
    <div class="alert-box error-alert mt-5" style="color: red;">
        <div class="alert">
            @foreach ($errors->all() as $error)
                <li class="text-medium">{{ $error }}</li>
            @endforeach
        </div>
    </div>
@endif

<section class="section">
        <div class="title-wrapper pt-30">
          <div class="row align-items-center">
            <div class="col-md-6">
              <div class="title">
                <h2>Users</h2>
              </div>
            </div>
            <!-- end col -->
            <div class="col-md-6">
              <div class="breadcrumb-wrapper">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                      <a href="#0">Settings</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                       Users
                    </li>
                  </ol>
                </nav>
              </div>
            </div>
            <!-- end col -->
          </div>
          <!-- end row -->
        </div>
        <!-- <div class="title-wrapper pt-30">
            <div class="row align-items-center">
              <div class="col-md-6">
                <div class="title">
                  <h2>Users</h2>
                </div>
              </div>
              <div class="col-md-6 d-flex justify-content-end">
              <a class="main-btn active-btn rounded-full btn-hover p-3 mb-4" href="{{ route('admin.users.create') }}">Create New User</a>
              </div>
              </div>
              
            </div>
           
          </div> -->

          <div class="row justify-content-end">
              <div class="col-md-3 text-end">
              <a class="main-btn btn-sm primary-btn btn-hover mb-4" href="{{ route('admin.users.create') }}">Create New User</a>
              </div>
          </div>

          <div class="row">
              <div class="col-lg-12">
                <div class="card-style mb-30">
                  <div class="table-wrapper table-responsive">
                    <table class="table">
                      <thead>
                        <tr>
                          <th class="lead-info">
                            <h6>Name</h6>
                          </th>
                          <th class="lead-email">
                            <h6>Email</h6>
                          </th>
                          <!-- <th class="lead-phone">
                            <h6>Phone No</h6>
                          </th> -->
                          <th class="lead-company">
                            <h6>Role</h6>
                          </th>
                          <th>
                            <h6>Action</h6>
                          </th>
                        </tr>
                        <!-- end table row-->
                      </thead>
                      <tbody>
                      @foreach($users as $user)
                        <tr>
                          <td class="min-width">
                            <div class="lead">
                              
                              <div class="lead-text">
                                <p>{{ $user->name }}</p>
                              </div>
                            </div>
                          </td>
                          <td class="min-width">
                            <p><a href="#0">{{ $user->email }}</a></p>
                          </td>
                          <td>
                          <span class="status-btn active-btn">{{ $user->role }}</span>
                        </td>
                        <td>
                          <div class="action">
                            
                            <button class="more-btn ml-10 dropdown-toggle" id="moreAction1" data-bs-toggle="dropdown" aria-expanded="false">
                              <i class="lni lni-more-alt"></i>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="moreAction1">
                              <li class="dropdown-item">
                                @if ($user->id !== 1)
                                    <a href="{{ route('admin.users.edit', ['user' => $user]) }}">Edit</a> |
                                    <form method="POST" action="{{ route('admin.users.destroy', ['user' => $user]) }}" style="display:inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" onclick="return confirm('Are you sure?')">Delete</button>
                                    </form>
                                @else
                                    <button type="button" disabled>Edit</button> |
                                    <button type="button" disabled>Delete</button>
                                @endif
                              </li>
                            </ul>
                          </div>
                        </td>
                        </tr>
                        @endforeach
                        <!-- end table row -->
                      </tbody>
                    </table>
                    <!-- end table -->
                  </div>
                </div>
                <!-- end card -->
              </div>
              <!-- end col -->
            </div>
        
      </section>


    <!-- <h1>User List</h1>
    
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($users as $user)
                <tr>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->email }}</td>
                    <td>{{ $user->role }}</td>
                    <td>
                        <a href="{{ route('admin.users.edit', ['user' => $user]) }}">Edit</a> |
                        <a href="">View</a> |
                        <a href="{{ route('admin.users.destroy', ['user' => $user]) }}" onclick="return confirm('Are you sure?')">Delete</a>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
     -->
   



@endsection