@extends('layouts.app')

@section('content')
    <a href="{{ route('user.create') }}" class="btn btn-sm btn-primary">Создать</a>
    <div class="px-md-3 px-2">
        <div class="table">
            <div class="row d-none d-md-flex header px-5 py-4 fw-bold">
                <div class="col-xl-3">Имя пользователя</div>
                <div class="col-xl-3">Email</div>
                <div class="col-xl-3">Роль</div>
                <div class="col-xl-3 text-end">Действия</div>
            </div>
            @foreach($users as $user)
                <div class="row px-md-5 px-2 py-4 align-items-center">
                    <div class="col-xl-3 mb-3">
                        <span class="ps-2">{{ $user->name }}</span>
                    </div>
                    <div class="col-xl-3">
                        <span class="d-md-none fw-bold">E-mail: </span>{{ $user->email }}
                    </div>
                    <div class="col-xl-3">
                        <span class="d-md-none fw-bold">Роль: </span>{{ roleName($user->role) }}
                    </div>
                    <div class="col-xl-3 text-end">
                        <a href="{{ route('user.show', $user->id) }}"><i class="bi bi-pencil fs-5 text-primary"></i></a>
                        <a href="#" onclick="if(confirm('Удалить пользователя {{ $user->name }}?')) { document.getElementById('delete-user-{{ $user->id }}').submit(); } ">
                            <i class="bi bi-trash fs-5 text-danger"></i>
                        </a>
                        <form action="{{ route('user.destroy', $user->id) }}" method="post" class="visually-hidden d-none" id="delete-user-{{ $user->id }}">
                            @csrf
                            @method('DELETE')
                        </form>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    @if($errors->any())
        @dump($errors)
    @endif

@endsection