@extends('layouts.app')

@section('css')
<link rel="stylesheet" href="{{ asset('assets/lib/lobibox-master/dist/css/lobibox.min.css')}}" />
@endsection

@section('content')

<div class="main main-app p-3 p-lg-4">
    <div class="d-md-flex align-items-center justify-content-between mb-4">
      <div>
        <ol class="breadcrumb fs-sm mb-1 mt-2">
          <li class="breadcrumb-item" aria-current="page">
            <span class="badge bg-primary"><i class="ri-building-2-fill"></i> {{(session()->get('Global_PrfSiteName'))}}</span>
          </li>
          <li class="breadcrumb-item"><a href="{{route('module_users.index')}}">{{$Title}}</a></li>
          <li class="breadcrumb-item active" aria-current="page">{{$Subtitle}}</li>
        </ol>
      </div>
      <div class="d-flex gap-2 mt-3 mt-md-0">
        <a href="{{route('home')}}" class="btn btn-primary d-flex align-items-center gap-2"><i class="ri-bar-chart-2-line fs-18 lh-1"></i>Back To Dashboard</a>
      </div>
    </div>

    <div class="row g-3">

    <div class="col-xl-8">
      <div class="card card-post">

        <div class="card-header">
          <h5 class="main-subtitle mb-0"">{{$Subtitle}}</h5>
        </div>


        <div class="card-body">
          <p class="mb-3">Manage User Records</p>

          <div class="table-responsive-sm text-nowrap">
              <table class="table table-sm table-hover table-bordered table-striped mb-0 align-middle">
                <thead>
                  <tr>
                    <th></th>
                    <th>Name</th>
                    <th class="text-center">Status</th>
                    <th class="text-center">Action</th>
                  </tr>
                </thead>
                <tbody>
                @foreach ($users as $usr)
                  <tr>
                    <td>
                      <div class="avatar mx-auto d-block">
                        <img src="{{asset('assets/img/logo/'.config('app.name').'/'.$usr->avatar)}}" alt="{{ $usr->name }}">
                      </div>
                    </td>
                    <td>{{ $usr->name }}</td>
                    <td class="text-center">
                    @if ($usr->users_status == 'Active')
                      <span class="badge bg-success">{{$usr->users_status}}</span>
                    @elseif ($usr->users_status == 'Not Active')
                      <span class="badge bg-danger">{{$usr->users_status}}</span>
                    @endif
                    </td>
                    <td class="text-center">
                      <a href="{{ route('module_users.edit', $usr->users_id)}}">edit</a> | delete</td>
                  </tr>
                @endforeach
                </tbody>
              </table>
            </div>
        </div>

      </div>
    </div>

    <div class="col-xl-4">
      <div class="card">
        <div class="card-body">

        </div>
      </div>
    </div>

    </div><!-- row -->

    @include('layouts.inc.footer')

</div><!-- main -->

@endsection

@section('js')

@endsection