@extends('layouts.landing')

@section('title',"Edit")

@section('content')

<div class="container-fluid">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-sm-flex align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Editar rol</h6>
                        <a href="{{route('role.index')}}" class="d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-download fa-sm text-white-50"></i> Regresar</a>
            </div>
        </div>

        <div class="card-body">
            @if (session('info'))
                <div class="alert alert-success">
                    <strong>{{session('info')}}</strong>
                </div>
            @endif
            <a href="{{route('role.index')}}">Regresar</a>
            <form action="{{route('role.update',$role->id)}}" method="POST">
                @method('PUT')
                @csrf
                <div class="mb-3">
                    <label class="small mb-1">Nombre</label>
                    <input class="form-control" name="name" value="{{ $role->name }}">

                    @error('name')
                    <div class="alert alert-danger">
                    <strong>{{$message}}</strong>
                    </div>
                    @enderror
                </div>
                <div class="mb-3">
                     @foreach ($permissions as $permission)
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input cb"
                            id="{{ $permission->id }}"
                            name="permissions[]" value="{{ $permission->id }}"
                            {{ $role->hasPermissionTo($permission->id) ? 'checked' : '' }}
                        >
                        <label class="form-check-label" for="{{ $permission->id }}">
                            {{ $permission->description }}
                        </label>
                    </div>
                @endforeach
                </div>
            <input class="btn btn-primary" type="submit" value="Guardar cambios">
            </form>
        </div>
    </div>
</div>

@endsection
