@extends('layout.layout')

@section('section_title')
Perfis
@endsection

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/ui-confirm/duDialog.min.css')}}" />
@endsection

@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{route('sistema.dashboard')}}">Home</a></li>
    <li class="breadcrumb-item active">Perfis</li>
</ol>
@endsection

@section('content')

    <form method="post" action="{{route('sistema.perfil.store')}}" autocomplete="off">
        @csrf


<link rel="stylesheet" href="{{asset('css/jquery-ui.css') }}">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

    <div class="panel panel-primary">

        <div class="panel-heading">
            <center>Criar Novo Perfil de Usuários</center>
        </div>

        <div class="panel-body">

            <div class="row">

                <div class="col-md-8">
                    <div class="form-group">
                        <label for="nome" >Nome do Perfil</label>
                        <input id="nome" type="text" class="form-control" name="nome" value="{{ old('nome') }}" required autofocus>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="tipo" >Tipo</label>
                        <select name="tipo" class="form-control">
                            <option value="1" selected disabled>Selecione o tipo</option>
                            <option value="1">Usuários do Sistema</option>
                            <option value="2">Usuários das Revendas</option>
                        </select>
                    </div>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

    <div class="panel panel-primary">

        <br>

        <div class="panel-heading">
            <center>Definir as Permissões do Perfil (Todos usuários vinculados à este perfil terão as permissões abaixo selecionadas)</center>
        </div>

        <br><br>

        <div class="panel-body">

            <div class="row">

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

                    <div class="table-responsive">

                        <table class="table table-striped table-bordered table-condensed table-hover" style="text-align: center;">

                            <thead >
                                <th style="text-align: left;">Nome do Menu</th>
                                <th style="text-align: center;">Visualizar</th>
                                <th style="text-align: center;">Adicionar</th>
                                <th style="text-align: center;">Editar</th>
                                <th style="text-align: center;">Excluir</th>
                            </thead>


                            @foreach ($menu as $m)

                                <tr>

                                    <td style="text-align: left;">{{$m->nome}}<br></td>

                                    <td>
                                        <div class="form-group" style="margin: 0 auto;">
                                            <input type="checkbox" name="ckvermenu{{$m->id}}">
                                        </div>
                                    </td>

                                    <td>
                                        <div class="form-group" style="margin: 0 auto;">
                                            <input type="checkbox" name="ckadicionarmenu{{$m->id}}">
                                        </div>
                                    </td>

                                    <td>
                                        <div class="form-group" style="margin: 0 auto;">
                                            <input type="checkbox" name="ckeditarmenu{{$m->id}}">
                                        </div>
                                    </td>

                                    <td>
                                        <div class="form-group" style="margin: 0 auto;">
                                            <input type="checkbox" name="ckexcluirmenu{{$m->id}}">
                                        </div>
                                    </td>

                                </tr>

                            @endforeach

                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="card-footer">
    <div class="d-flex justify-content-end">
        <a href="{{route('sistema.perfil.index')}}" class="btn btn-space btn-secondary" type="button">Cancelar</a>
        <button class="btn btn-space btn-primary sendForm" type="submit">Salvar</button>
    </div>
    </form>
</div>

@stop