@extends('layouts.app')
@section('title', __('users.users'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('users.users') }}</h5>
  <a href="{{ route('users.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ __('users.add') }}</a>
</div>
<div class="card"><div class="card-body">
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('app.name') }}</th><th>{{ __('app.email') }}</th><th>{{ __('users.role') }}</th><th>{{ __('app.branch') }}</th><th>{{ __('app.status') }}</th><th></th></tr></thead>
    <tbody>
      @forelse($users as $user)
      <tr>
        <td class="fw-semibold">{{ $user->name }}</td>
        <td>{{ $user->email }}</td>
        <td>@foreach($user->roles as $role)<span class="badge text-bg-primary">{{ $role->name }}</span>@endforeach</td>
        <td>{{ $user->branch->name ?? '—' }}</td>
        <td><span class="badge text-bg-{{ $user->is_active ? 'success' : 'secondary' }}">{{ $user->is_active ? __('app.active') : __('app.inactive') }}</span></td>
        <td class="text-end">
          <a href="{{ route('users.edit', $user) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
          @if($user->id !== auth()->id())
          <form method="POST" action="{{ route('users.destroy', $user) }}" class="d-inline" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf @method('DELETE')
            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
          </form>
          @endif
        </td>
      </tr>
      @empty
      <tr><td colspan="6" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $users->links() }}
</div></div>
@endsection