<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="conta-label">Meus dados</h4>
</div>
<div class="modal-body">
    <check if="{{ @msg }}">
        <div class="alert alert-{{ @erros ? 'danger' : 'success' }}">{{ @msg }}</div>
    </check>
    <form class="dados-conta" id="conta-form">
        <div class="row">
            <div class="col-md-8">
                <div class="form-group {{ @erros['nome'] ? 'has-error' : '' }}">
                    <label>Nome <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.nome }}" name="nome" type="text" required>
                    <check if="{{ @erros['nome'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['nome']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4" style="min-height: 84px">
                <div class="form-group {{ @erros['nascimento'] ? 'has-error' : '' }}">
                    <label>Data de nascimento <span class="text-danger">*</span></label>
                    <div class="input-group" id="conta-nascimento">
                        <input class="form-control" value="{{ @cliente.nascimento|date }}" name="nascimento" data-date-format="DD/MM/YYYY" type="text" required>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                    <check if="{{ @erros['nascimento'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['nascimento']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group {{ @erros['cnpj_cpf'] ? 'has-error' : '' }}">
                    <label>CNPJ/CPF <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.cnpj_cpf }}" data-inputmask-clearincomplete="true" data-inputmask-skip-optional-part-character=" " data-inputmask="" data-inputmask-mask="(999.999.999-99)|(99.999.999/9999-99)" data-inputmask-keepstatic="true" name="cnpj_cpf" type="text" required>
                    <check if="{{ @erros['cnpj_cpf'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['cnpj_cpf']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group {{ @erros['ie_rg'] ? 'has-error' : '' }}">
                    <label>IE/RG <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.ie_rg }}" name="ie_rg" type="text" required pattern="^[0-9]*$" title="Apenas números, sem pontuação.">
                    <check if="{{ @erros['ie_rg'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['ie_rg']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group {{ @erros['cnh'] ? 'has-error' : '' }}">
                    <label>CNH <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.cnh }}" name="cnh" type="text" required>
                    <check if="{{ @erros['cnh'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['cnh']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <div class="form-group {{ @erros['endereco'] ? 'has-error' : '' }}">
                    <label>Endereço <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.endereco }}" name="endereco" type="text" required>
                    <check if="{{ @erros['endereco'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['endereco']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group {{ @erros['numero'] ? 'has-error' : '' }}">
                    <label>Número</label>
                    <input class="form-control" value="{{ @cliente.numero }}" name="numero" type="text">
                    <check if="{{ @erros['numero'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['numero']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group {{ @erros['bairro'] ? 'has-error' : '' }}">
                    <label>Bairro</label>
                    <input class="form-control" value="{{ @cliente.bairro }}" name="bairro" type="text">
                    <check if="{{ @erros['bairro'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['bairro']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-5">
                <div class="form-group {{ @erros['cidade'] ? 'has-error' : '' }}">
                    <label>Cidade</label>
                    <input class="form-control" value="{{ @cliente.cidade }}" name="cidade" type="text">
                    <check if="{{ @erros['cidade'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['cidade']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group {{ @erros['estado'] ? 'has-error' : '' }}">
                    <label>Estado</label>
                    <select class="form-control" name="estado">
                        <option value="">-- Selecione --</option>
                        {~ @estados = array(
                            'AC' => 'Acre',
                            'AL' => 'Alagoas',
                            'AP' => 'Amapá',
                            'AM' => 'Amazonas',
                            'BA' => 'Bahia',
                            'CE' => 'Ceará',
                            'DF' => 'Distrito Federal',
                            'ES' => 'Espírito Santo',
                            'GO' => 'Goiás',
                            'MA' => 'Maranhão',
                            'MT' => 'Mato Grosso',
                            'MS' => 'Mato Grosso do Sul',
                            'MG' => 'Minas Gerais',
                            'PA' => 'Pará',
                            'PB' => 'Paraíba',
                            'PR' => 'Paraná',
                            'PE' => 'Pernambuco',
                            'PI' => 'Piauí',
                            'RJ' => 'Rio de Janeiro',
                            'RN' => 'Rio Grande do Norte',
                            'RS' => 'Rio Grande do Sul',
                            'RO' => 'Rondônia',
                            'RR' => 'Roraima',
                            'SC' => 'Santa Catarina',
                            'SP' => 'São Paulo',
                            'SE' => 'Sergipe',
                            'TO' => 'Tocantins',
                        ); ~}
                        <repeat group="{{ @estados }}" key="{{ @uf }}" value="{{ @estado }}">
                            <option value="{{ @uf }}" {{ @cliente.estado == @uf ? 'selected' : '' }}>{{ @estado }}</option>
                        </repeat>
                    </select>
                    <check if="{{ @erros['estado'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['estado']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group {{ @erros['cep'] ? 'has-error' : '' }}">
                    <label>CEP</label>
                    <input class="form-control" value="{{ @cliente.cep }}" data-inputmask-clearincomplete="true" data-inputmask-skip-optional-part-character=" " data-inputmask="" data-inputmask-mask="99999-999" name="cep" type="text">
                    <check if="{{ @erros['cep'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['cep']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group {{ @erros['celular'] ? 'has-error' : '' }}">
                    <label>Celular <span class="text-danger">*</span></label>
                    <input class="form-control" value="{{ @cliente.celular }}" data-inputmask-clearincomplete="true" data-inputmask-skip-optional-part-character=" " data-inputmask="" data-inputmask-mask="(99)99999-9999" name="celular" type="text" required>
                    <check if="{{ @erros['celular'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['celular']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group {{ @erros['telefone'] ? 'has-error' : '' }}">
                    <label>Telefone residencial</label>
                    <input class="form-control" value="{{ @cliente.telefone }}" data-inputmask-clearincomplete="true" data-inputmask-skip-optional-part-character=" " data-inputmask="" data-inputmask-mask="(99)9999-9999[9]" name="telefone" type="text">
                    <check if="{{ @erros['telefone'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['telefone']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group {{ @erros['telefone_comercial'] ? 'has-error' : '' }}">
                    <label>Telefone comercial</label>
                    <input class="form-control" value="{{ @cliente.telefone_comercial }}" data-inputmask-clearincomplete="true" data-inputmask-skip-optional-part-character=" " data-inputmask="" data-inputmask-mask="(99)9999-9999[9]" name="telefone_comercial" type="text">
                    <check if="{{ @erros['telefone_comercial'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['telefone_comercial']) }}</p>
                    </check>
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group {{ @erros['email'] ? 'has-error' : '' }}">
                    <label>Email <span class="text-danger">*</span></label></label>
                    <input class="form-control" value="{{ @cliente.email }}" name="email" type="email" required>
                    <check if="{{ @erros['email'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['email']) }}</p>
                    </check>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group {{ @erros['senha'] ? 'has-error' : '' }}">
                    <label>Senha</label>
                    <button class="btn btn-default form-control"
                            type="button"
                            onclick="this.style.display = 'none'; document.getElementById('cliente-senha').style.display = null;"
                    >
                        Alterar Senha
                    </button>
                    <input class="form-control" name="senha" value="" type="password" id="cliente-senha" style="display:none;">
                    <check if="{{ @erros['senha'] }}">
                        <p class="help-block text-danger">{{ implode(', ', @erros['senha']) }}</p>
                    </check>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button type="submit" class="btn btn-success" form="conta-form" id="conta-btn">Salvar</button>
</div>

<script src="assets/js/jquery.inputmask.bundle.min.js" type="text/javascript"></script>
<script src="assets/js/inputmask/inputmask.binding.js" type="text/javascript"></script>

<script>
$('#conta-form').submit(function(evt) {
    evt.preventDefault();
    
    var $frm = $(this);
    var $btn = $('#conta-btn');
    
    $btn.prop('disabled', true);
    
    $.post('{{ "softsat_locacao_conta"|alias }}', $frm.serialize(), function(resp) {
        $('#conta .modal-content').html(resp);
    }).fail(function() {
        alert('Falha na requisição, contate o administrador');
    }).always(function() {
        $btn.prop('disabled', false);
    });
    
    return false;
});
$(document).ready(function() {
   $('#conta-nascimento').datetimepicker(); 
});
</script>
