@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/roles.css')}}"/>
@endsection


@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div class="main-wrapper">
        <div id="roles">
            <div class="row justify-content-between Header mb-5">
                <div class="col-md-8  d-flex  justify-content-center justify-content-md-start Header-breadcrumbs">
                    <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('roles') }}
                    </p>
                </div>
                <div class="col-md-4 d-flex  justify-content-center justify-content-md-end Header-buttons">

                        <p>Users with role : {{$role->name}}
                        </p>


                </div>
            </div>
            <div class="main-info-container">
                <div class="row main-info-container--header-row">
                    <p class="number">No</p>
                    <p class="name">Firstname</p>
                    <p class="description">Lastname</p>
                    <p class="view-name">email</p>
                    <p class="action">Action</p>
                </div>
                @foreach ($users as $user)
                    <div class=" row main-info-container--row">
                        <p class="number"><span>{{ $user->id }}</span></p>
                        <p class="name">{{ $user->firstname }}</p>
                        <p class="description">{{ $user->lastname }}</p>
                        <p class="view-name">{{ $user->email }}</p>
                        <form class="action" action="{{{ route('roles.destroy',$role->id) }}}}" method="POST">
                            <a class="btn main-info-container--btn" href="{{route('user.edit', $user->id)}}">Edit</a>
{{--                            <a class="btn main-info-container--btn" href="{{route('roles.permissions', $role->name)}}">Permissions</a>--}}
{{--                            <a class="btn main-info-container--btn" href="{{route('roles.users',$role->id)}}">View Users</a>--}}
                            @csrf
                            @method('DELETE')
{{--                            <button  onclick="return confirm('{{ __('Are you sure you want to delete?') }}')"  type="submit" class="btn main-info-container--btn">Delete</button>--}}
                        </form>
                    </div>
                @endforeach
            </div>
        </div>
{{--        <div class="pagination-wrapper">--}}
{{--            {{ $users->links() }}--}}
{{--        </div>--}}
    </div>
    </div>
@endsection