@extends('layouts.site')

@section('content')

<form action="{{ route('conta.store') }}" method="POST" enctype="multipart/form-data">
    @csrf

    <div class="row mt-5">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h4>Dados Pessoais<hr></h4>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>Nome</strong>
                <input type="text" name="nome" class="form-control form-control-sm" placeholder="Nome">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>E-Mail</strong>
                <input type="text" name="email" class="form-control form-control-sm" placeholder="E-mail">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>RG</strong>
                <input type="text" name="rg" class="form-control form-control-sm" placeholder="RG">
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="form-group">
                <strong>CPF</strong>
                <input type="text" name="cpf" class="form-control form-control-sm" placeholder="CPF">
            </div>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h4>Endereço<hr></h4>
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Logradouro</strong>
                <input type="text" name="logradouro" class="form-control form-control-sm" placeholder="Logradouro" maxlength="150">
            </div>
        </div>
        <div class="col-12 col-md-2 col-lg-2">
            <div class="form-group">
                <strong>Número</strong>
                <input type="number" name="numero" class="form-control form-control-sm" placeholder="Número">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Bairro</strong>
                <input type="text" name="bairro" class="form-control form-control-sm" placeholder="Bairro" maxlength="100">
            </div>
        </div>
        <div class="col-12 col-md-2 col-lg-2">
            <div class="form-group">
                <strong>CEP</strong>
                <input type="number" name="cep" class="form-control form-control-sm" placeholder="CEP">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Cidade</strong>
                <input type="text" name="cidade" class="form-control form-control-sm" placeholder="Cidade" maxlength="100">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>UF</strong>
                <input type="text" name="uf" class="form-control form-control-sm" placeholder="Estado">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Complemento</strong>
                <input type="text" name="complemento" class="form-control form-control-sm" placeholder="Complemento" maxlength="100">
            </div>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h4>Telefone<hr></h4>
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Telefone 1</strong>
                <input type="text" name="telefone_1" class="form-control form-control-sm" placeholder="Telefone 1">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Telefone 2</strong>
                <input type="text" name="telefone_2" class="form-control form-control-sm" placeholder="Telefone 2">
            </div>
        </div>
        <div class="col-12 col-md-4 col-lg-4">
            <div class="form-group">
                <strong>Telefone 3</strong>
                <input type="text" name="telefone_3" class="form-control form-control-sm" placeholder="Telefone 3">
            </div>
        </div>
        <div class="col-12 col-md-12 col-lg-12 mt-5">
            <div class="col-12 col-md-12 col-lg-12">
                <div class="form-group">
                    <h4>Criar Senha<hr></h4>
                </div>
            </div>
            <div class="form-group">
                <strong>Senha</strong>
                <input type="password" name="senha" class="form-control form-control-sm" placeholder="Senha">
            </div>
        </div>
        <div class="col-12 my-5 text-center">
            <button type="submit" class="btn btn-primary btn-sm">Finalizar Cadastro</button>
        </div>
    </div>

</form>
@endsection