@extends('adminlte::page')

@section('title', 'Crear Rol')

@section('content_header')
    <h1>Crear Nuevo Rol</h1>
@stop

@section('content')
    <x-adminlte-card title="Nuevo Rol" theme="success" icon="fas fa-user-tag">

        <form action="{{ route('roles.store') }}" method="POST">
            @csrf

            <div class="mb-4">
                <x-adminlte-input name="name" label="Nombre del Rol" placeholder="Ej: supervisor" fgroup-class="mb-3" required/>
            </div>

            <h5>Permisos disponibles:</h5>
            <div class="row">
                @foreach($permissions as $permission)
                    <div class="col-md-4 mb-2">
                        <div class="form-check">
                            <input type="checkbox" name="permissions[]" value="{{ $permission->id }}"
                                class="form-check-input" id="perm_{{ $permission->id }}">
                            <label class="form-check-label" for="perm_{{ $permission->id }}">
                                {{ $permission->name }}
                            </label>
                        </div>
                    </div>
                @endforeach
            </div>

            <x-adminlte-button label="Guardar Rol" theme="success" icon="fas fa-save" type="submit" class="mt-3"/>
            <a href="{{ route('roles.index') }}" class="btn btn-secondary mt-3 ml-2">Cancelar</a>
        </form>

    </x-adminlte-card>
@stop