@include('layouts.header')  

    
    <div id="">
    <section class="site-section bg-light bg-image" id="contact-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-12 text-center">
            <!-- ======= Cliens Section ======= -->
    <section id="cliens" class="cliens section-bg" style="margin-top: -60px">
      <div class="container" style="padding: 30px;">
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
         <h2>Users</h2></div><hr />
        <img src="{{ asset('assets/img/processing.gif') }}" width="100px" id="processing" style="display:none">
        @foreach($users as $user)
        <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-12">
            <div class="form-group text-left">
              <div class="row">
                <div class="col-3">
                  <div class="alert alert-info" style="border-radius: 50%; box-shadow: 1px 1px 1px 1px #000; height: 100%; width: 80%; text-align: center;"><h1 style="padding-top: 20%; font-size: 80px; font-weight: 600px;">{{ substr($user->name, 0, 1) }}</h1></div>
                </div>
                <div class="col-9">
                <h5>Name: <b>{{ $user->name }}</b></h5>
                <h5>Email: <b>{{ $user->email }}</b></h5>
                <h5>Status: <b>{{ $user->status }}</b></h5>
                <h5>Role: <b>{{ $user->role }}</b></h5>
                @if($user->status != 'Active')
                <a href="{{ $user->id }}" class="btn btn-info activateuser">Activate</a>
                @endif
                @if($user->role == 'User')
                <a href="{{ $user->id }}" class="btn btn-success convertadmin">Convert to Admin</a>
                @else
                <a href="{{ $user->id }}" class="btn btn-success convertuser">Convert to User</a>
                @endif
                <a href="{{ $user->id }}" class="btn btn-danger deleteuser">Delete</a>
              </div>
              </div>
            </div>
          </div>
        
          </div>
            
          <hr />
          @endforeach
          
          
          
        </section><!-- End Cliens Section -->
          </div>
        </div>
        
        
        
        
      </div>
    </section>

    
@include('layouts.footer')
@include('process.users')