<x-admin-panel-layout>
    <x-slot name="title">
        ویرایش نقش کاربر
    </x-slot>
    <x-slot name="main">
        <!-- Checked checkbox -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">ویرایش نقش کاربر {{$user->name ?? $user->number}}</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                            <li class="breadcrumb-item"><a href="{{ route("users.index") }}">لیست کاربران</a></li>
                            <li class="breadcrumb-item active">ویرایش نقش کاربر</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <section class="content mt-sm-3">
            <div class="card p-0 card-primary col-md-8 mx-auto">
                <div class="card-header">
                    <h3 class="card-title">ویرایش نقش کاربر</h3>
                </div>
            <!-- /.card-header -->
                <!-- form start -->
                <form class="mt-3 p-2" action="{{route('users.update_roles',$user->id)}}" method="post"c>
                    @csrf
                    @method('patch')
                    @error('roles.*')
                    <div class="invalid">
                        <p class="text-danger">{{$message}}</p>
                    </div>
                    @enderror
                    <div class="d-flex flex-wrap col-12">
                        @foreach($roles as $role)
                            <div class="form-check col-sm-6 mb-sm-2">
                                <input
                                    class="form-check-input"
                                    type="radio"
                                    name="role"
                                    value="{{$role->name}}"
                                    id="flexCheckChecked"
                                    @if($user->hasRole($role->name))
                                    checked
                                    @endif
                                />
                                <label class="form-check-label" for="flexCheckChecked">
                                    @lang($role->name)
                                </label>
                            </div>
                        @endforeach
                    </div>
                    <button type="submit" class="btn btn-primary btn-block mt-3">ویرایش</button>
                </form>
            </div>
        </section>
    </x-slot>
    @if(session()->get('status') == 'updated')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'success',
                    text: 'ویرایش نقش کاربر با موفقیت انجام شد',
                })
            </script>
        </x-slot>
    @endif
    @if(session()->get('status') == 'error')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'error',
                    text: 'ویرایش نقش کاربر با خطا مواجه شد',
                })
            </script>
        </x-slot>
    @endif
</x-admin-panel-layout>
