@extends('layouts.crud')
@section('title', 'Perfis - Cadastrar Novo')
@section('content')

<style>
    #tabela-permissoes input[type=checkbox] {
        height: 20px;
        width: 20px;
    }
    #tabela-permissoes th,
    #tabela-permissoes td {
        vertical-align: bottom!important;
        padding: 6px 5px 0px 5px;
    }
</style>

@section('js')
<script>
    $('[name=check_visualizar], [name=check_criar], [name=check_editar], [name=check_deletar]').on('change', function() {
        var checkado = $(this).prop('checked');
        var classs = $(this).attr('name');
        $('td.'+classs).find('input').prop('checked', checkado);
    });

    $('#tabela-permissoes > thead > tr > th:nth-child(1) > input[name=check_all]').on('change', function() {
        var checkado = $(this).prop('checked');
        $('#tabela-permissoes').find('input').prop('checked', checkado);
    });

    $('#tabela-permissoes > tbody > tr > td:nth-child(1) > input[type=checkbox]').on('change', function() {
        var checkado = $(this).prop('checked');
        $(this).closest('tr').find('input').prop('checked', checkado);
    });

</script>
@stop

	<div class="card">
	    <div class="card-header d-flex justify-content-between align-items-end">
            <h3><i class="fas fa-user-lock"></i> Editar Permissões do Perfil: {{$perfil->nome }}</h3>

			<div id="divVoltar" class='pb-1 mr-3'>
				<a href="{{ route('perfis', []) }}" class="text-white">
					<i class="fas fa-reply"></i>
				</a>
			</div>
	    </div>

        <div class="card-body">
    		@if($errors->any())
    			<div class="alert alert-danger alert-dismissible fade show" role="alert">
    				@foreach($errors->all() as $error)
    			  		<li>{{ $error }}</li>
    				@endforeach
    			  	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
    				    <span aria-hidden="true">&times;</span>
    			  	</button>
    			</div>
    		@endif

            {!! Form::open(['route'=>["perfis.update_permissoes", 'id'=>\Crypt::encrypt($perfil->id)], 'method'=>'post']) !!}

                <table id='tabela-permissoes' class='table table-striped table-bordered table-hover table-sm'>
                    <thead>
                        <th width="25px">{!! Form::checkbox('check_all', null) !!}</th>
                        <th>Permissão</th>
                        <th>{!! Form::checkbox('check_visualizar', null) !!} Visualizar</th>
                        <th>{!! Form::checkbox('check_criar', null) !!} Criar</th>
                        <th>{!! Form::checkbox('check_editar', null) !!} Editar</th>
                        <th>{!! Form::checkbox('check_deletar', null) !!} Deletar</th>
                    </thead>
                    <tbody>
                        @foreach($permissoes as $permissao)
                            <tr>
                                <td>{!! Form::checkbox('linha['.$permissao->id.']', null) !!}</td>
                                <td>{{ $permissao->nome }}</td>
                                <td class='check_visualizar'>{!! Form::checkbox('index['.$permissao->id.']', true, $permissao->index ?? false) !!}</td>
                                <td class='check_criar'>{!! Form::checkbox('create['.$permissao->id.']', true, $permissao->create ?? false) !!}</td>
                                <td class='check_editar'>{!! Form::checkbox('edit['.$permissao->id.']', true, $permissao->edit ?? false) !!}</td>
                                <td class='check_deletar'>{!! Form::checkbox('destroy['.$permissao->id.']', true, $permissao->destroy ?? false) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

    			<div class='form-row'>
    				<div class="form-group col-md-6">
    				{!! Form::reset('Limpar', ['class'=>'btn btn-default']) !!}
    				{!! Form::submit('Editar', ['class'=>'btn btn-primary']) !!}
    			</div>

    		{!! Form::close() !!}
	    </div>
	</div>
@stop 

@section('table-delete')
"perfis"
@stop