@extends('layouts.default')

@section('conteudo')
<h3>
    <i class="material-icons icone">person</i> Editar Usuário

    <a href="{{url('admin/usuario')}}" class="material-icons float-right" style="font-size: 1.3em; color: #333;">
    keyboard_backspace
    </a> 
</h3>
<hr>


<form id="form" action="{{url('admin/usuario/update')}}" method="post" class="form-horizontal" onsubmit="oController.salvar(event)">
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="nome">Nome *</label>
                <input class="form-control form-control-sm" id="nome" name="nome" value="{{$usuario->nome}}" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="email">E-mail *</label>
                <input type="email" class="form-control form-control-sm" id="email" name="email" value="{{$usuario->email}}" required>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-6 col-md-3">
            <div class="form-group">
                <label for="senha">Senha *</label>
                <input type="password" id="senha" name="senha" class="form-control form-control-sm">
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="form-group">
                <label label for="senha_confirmation">Confirmar Senha
                    {{ !isset($oPreCadastro) ? '*' : null }}</label>
                <input type="password" id="senha_confirmation" name="senha_confirmation" class="form-control form-control-sm">
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="dt_nascimento">Data de nascimento</label>
                <input type="date" class="form-control form-control-sm" id="dt_nascimento" name="dt_nascimento" value="{{ $usuario->nascimento }}">
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <legend>Perfil(s)</legend>
                <select id="perfil2" class="form-control form-control-sm">
                    <option value="">selecione</option>
                    @foreach($aPerfisCadastrados as $p)
                    <option value="{{$p->id}}">{{$p->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <legend>Cardápio(s)</legend>
                <select id="cardapio" class="form-control form-control-sm">
                    <option value="">Selecione...</option>
                    @foreach($aCardapio as $p)
                    <option value="{{$p->id}}">{{$p->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <div class="btn-group btn-group-sm" role="group">
                    <button title="atribuir perfil ao usuário" class="btn btn-secondary" type="button" class="btn btn-default" id="adicionar" onclick="oController.adicionarPerfil()">
                        <i class="material-icons icone">add</i>
                    </button>
                    <button title="remover perfil do usuário" class="btn btn-secondary" type="button" class="btn btn-default" id="remover" onclick="oController.removerPerfil()">
                        <i class="material-icons icone">delete</i>
                    </button>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <div class="btn-group btn-group-sm" role="group">
                    <button title="atribuir o Cardápio ao usuário" class="btn btn-secondary" type="button" class="btn btn-default" id="adicionar" onclick="oController.adicionarCardapio()">
                        <i class="material-icons icone">add</i>
                    </button>
                    <button title="remover o Cardápio ao usuário" class="btn btn-secondary" type="button" class="btn btn-default" id="remover" onclick="oController.removerCardapio()">
                        <i class="material-icons icone">delete</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <div id="conteudo_grid">
                    <table id="grid" class="table table-bordered table-hover">
                        <thead>
                            <tr bgColor="#eee">
                                <th>Perfil</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($aPerfil as $c)
                            <tr id="{{$c->id}}">
                                <td>
                                    {{$c->nome}}
                                    <input type="hidden" value="{{$c->id}}" name="perfil[]">
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <div id="conteudo_grid">
                    <table id="grid2" class="table table-bordered table-hover">
                        <thead>
                            <tr bgColor="#eee">
                                <th>Cardápio</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($aCardapioCadastrados)
                                @foreach($aCardapioCadastrados as $c)
                                <tr id="{{$c->fk_tipo_cardapio}}">
                                    <td>