@extends('clay.layouts.master')
@section('title', 'Rol ' . ($role->name))
@section('content')
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{ $role->name }} Rolü</h5>
            <small class="text-body float-end"></small>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('clay.permissions.managers.store') }}">
                @csrf
                <div class="mb-6">
                    <label class="form-label" for="name">İsim</label>
                    <input type="text" class="form-control" id="name" name="name" placeholder="Rol Adı" value="{{ $role->name }}" required>
                </div>
                <div class="mb-6">
                    <label class="form-label me-4 w-100" for="basic-default-email">Yetkiler</label>
                    @foreach($permissions as $permission)
                        <div class="form-check-inline mt-4">
                            <input class="form-check-input" type="checkbox" value="{{ $permission->name }}" id="roleCheck{{ $permission->id }}" name="roles[]" @if(in_array($permission->id, $role->permissions->pluck('id')->toArray())) checked @endif>
                            <label class="form-check-label" for="roleCheck{{ $permission->id }}"> {{ $permission->name }} </label>
                        </div>
                    @endforeach
                </div>
                <button type="submit" class="btn btn-primary">Kaydet</button>
            </form>
        </div>
    </div>
@endsection