@extends('layouts.admin')

@section('title', 'Users')
@section('heading', 'Users')
@section('breadcrumb')
  <li class="breadcrumb-item active">Users</li>
@endsection

@section('content')
  <div class="row">
    <div class="col-lg-12">
      <div class="block margin-bottom-sm">
        <div class="panel panel-primary filterable">
          <div class="panel-heading"><h3 class="panel-title">Search by</h3></div>
          <form method="get" class="p-3">
            <div class="form-row">
              <div class="col-md-8">
                <input type="text" name="q" value="{{ $search }}" class="form-control" placeholder="Name, email, or phone">
              </div>
              <div class="col-md-4">
                <button class="btn btn-primary" type="submit">Search</button>
                <a class="btn btn-success" href="{{ route('admin.users.create') }}">Add user</a>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="col-lg-12">
      <div class="block">
        <div class="title"><strong>Users listing</strong></div>
        <div class="table-responsive work-detail">
          <table class="table table-bordred table-striped table-hover">
            <thead>
              <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Role</th>
                <th>Status</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @forelse($users as $user)
                <tr>
                  <td>{{ $user->id }}</td>
                  <td>{{ $user->name }}</td>
                  <td>{{ $user->email }}</td>
                  <td>{{ $user->phone ?: '—' }}</td>
                  <td>{{ $user->role->name ?? '—' }}</td>
                  <td><span class="badge badge-{{ $user->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($user->status) }}</span></td>
                  <td class="fixo-actions">
                    <a class="btn btn-default btn-sm" href="{{ route('admin.users.show', $user) }}" title="View records"><span class="fa fa-eye"></span></a>
                    <a class="btn btn-primary btn-sm" href="{{ route('admin.users.edit', $user) }}"><span class="fa fa-pencil"></span></a>
                    @if($user->id !== auth()->id())
                      <form action="{{ route('admin.users.destroy', $user) }}" method="post" onsubmit="return confirm('Delete this user?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-sm" type="submit"><span class="fa fa-trash"></span></button>
                      </form>
                    @endif
                  </td>
                </tr>
              @empty
                <tr><td colspan="7">No users found.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
        {{ $users->links() }}
      </div>
    </div>
  </div>
@endsection