@extends('dashboard.layout.layout')

@section('content')
  <div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
      <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
          <div class="row breadcrumbs-top">
            <div class="col-12">
              <h2 class="content-header-title float-start mb-0">იმპერსონაცია</h2>
              <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="{{ route('home.index') }}">მთავარი</a></li>
                  <li class="breadcrumb-item active">იმპერსონაცია</li>
                </ol>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="content-body">
        <section id="impersonate-users">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  <h4 class="card-title">აირჩიეთ მომხმარებელი იმპერსონაციისთვის</h4>
                </div>
                <div class="card-body">
                  <form method="GET" action="{{ route('impersonate.index') }}" class="mb-2">
                    <div class="row">
                      <div class="col-12 col-md-5 mb-1">
                        <input type="text" name="search" value="{{ $search }}"
                          class="form-control" placeholder="ძიება სახელით ან აბონენტის ნომრით">
                      </div>
                      <div class="col-12 col-md-4 mb-1">
                        <select name="role" class="form-select">
                          <option value="">ყველა როლი</option>
                          @foreach ($roleNames as $role => $roleName)
                            <option value="{{ $role }}" @selected($selectedRole === $role)>{{ $roleName }}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="col-12 col-md-3 mb-1 d-flex gap-1">
                        <button type="submit" class="btn btn-success w-100">
                          <i data-feather="search" class="me-50"></i>
                          ძიება
                        </button>
                        <a href="{{ route('impersonate.index') }}" class="btn btn-outline-secondary w-100">
                          გასუფთავება
                        </a>
                      </div>
                    </div>
                  </form>

                  @if ($users->count() === 0)
                    <div class="alert alert-info" role="alert">
                      <div class="alert-body">
                        მომხმარებლები არ მოიძებნა.
                      </div>
                    </div>
                  @else
                    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center mb-2">
                      <p class="text-muted mb-1 mb-md-0">
                        ნაჩვენებია {{ $users->firstItem() }}-{{ $users->lastItem() }} შედეგი სულ {{ $users->total() }}
                        ჩანაწერიდან
                      </p>
                    </div>

                    <div class="table-responsive">
                      <table class="table table-hover">
                        <thead>
                          <tr>
                            <th>სახელი</th>
                            <th>აბ. ნომერი</th>
                            <th>კორპუსი</th>
                            <th>მოქმედება</th>
                          </tr>
                        </thead>
                        <tbody>
                          @foreach ($users as $user)
                            <tr>
                              <td>{{ $user->name ?? '-' }}</td>
                              <td>{{ $user->account_number ?? '-' }}</td>
                              <td>{{ $user->blocks->first()?->name ?? '-' }}</td>
                              <td>
                                <a href="{{ route('impersonate', $user->id) }}"
                                  class="btn btn-sm btn-primary waves-effect waves-float waves-light">
                                  <i data-feather="eye" class="me-50"></i>
                                  იმპერსონაცია
                                </a>
                              </td>
                            </tr>
                          @endforeach
                        </tbody>
                      </table>
                    </div>

                    {{ $users->links('dashboard.layout.partials.pagination') }}
                  @endif
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
@endsection