@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
<style>
    .rounded {
    border-radius: 2%!important;
}
.col-md-2.border.border-gray.rounded {
    margin-left: 5%;
    margin-bottom: 5%;
}
</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class="pull-left">
                    <a href="{{url('roles/'.$role->id.'/editar')}}" class="btn bg-primary text-white"><i class="fa fa-edit"></i>Actualizar</a>
                    <a class="btn bg-danger text-white" role-bs-toggle="tooltip" role-bs-placement="top" title="Eliminar" onclick="sendDelete({{$role->id}},'roles','roles')">
                        <i class="fa fa-trash"></i> Eliminar</a>


                    <a href="{{url('roles')}}" class="btn bg-warning text-white"><i class="fa fa-angle-left"></i>Volver a lista</a>
                    <a href="#" onclick="checkAll()" class="btn bg-primary text-white"><i class="fa fa-toggle-on"></i>Activar todos</a>
                    <a href="#" onclick="uncheckAll()" class="btn bg-danger text-white"><i class="fa fa-toggle-off"></i>Inactivar todos</a>


                    <div class="page-title text-danger">Roles</div>
                </div>
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('roles') }}">Listado de Roles</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Rol - Asignación</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            <!-- <strong>Whoops!</strong> There were some problems with your input.<br><br> -->
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="card  card-box">
                    <div class="card-head">
                        <header>Asignación de Permisos - Rol: {{$role->name}}</header>
                    </div>

                    {!! Form::model($role,['url' => ['roles/crear-asignacion/'.$role->id],'method'=>'PATCH','id'=>'frmRoles']) !!}
                    <input type="hidden" value="{{$role->name}}" name="namerol" id="namerol" />
                    <div class="card-body">
                        <div class="row col-md-12">


                            @foreach($diccionario_permisos as $value)

                            <div class="col-md-4 border">
                                <div class="form-group">
                                <div class="text-center">
                                <strong>{{$value->etiqueta}}</strong>
                                <br>
                                </div>
                                    

                                    @foreach($permission as $item)
                                    @if($item->fk_categoria == $value->rowid)
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label>{{ Form::checkbox('permission[]', $item->id, in_array($item->id, $rolePermissions) ? true : false, array('class' => 'name', 'data-toggle' => 'toggle', 'data-onstyle' => 'info')) }} {{ $item->name }}</label>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach


                                </div>
                     
                            </div>



                            @endforeach



                        </div>
                    </div>
                    <div class="card-footer text-center">
                        <div class="text-center">
                            <button type="submit" class="btn bg-success">Aceptar</button>
                            @if(auth()->user()->hasPermissionTo('rol_permiso_asignar'))
                            @endif
                            <a class="btn bg-danger" href="{{url('roles')}}">Cancelar</a>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>

    </div>
</div>

<script>
    $(document).ready(function() {
        // activar todos los permisos 
        //checkAll();

    });

    function checkAll() {

        $('input[type=checkbox]').each(function() {
            $(this).prop('checked', true);
            div = $(this).parent();
            div.removeClass('off');

        });
    }


    function uncheckAll() {
        //  alert('Debes activar al menos 1 permiso para guardar el rol.')
        //   Swal.fire('Recuerda activar al menos 1 permiso para guardar el rol');
        Swal.fire({
            title: 'Advertencia',
            text: 'Recuerda activar al menos 1 permiso para guardar el rol',
            icon: 'info',

        })
        $('input[type=checkbox]').each(function() {
            $(this).prop('checked', false);
            div = $(this).parent();
            div.addClass('off');

        });
    }
</script>


@endsection