@extends('adminlte::page')

@section('title', 'Novo Cliente')

@section('content_header')
<h1>Novo Cliente
    <hr>
</h1>
@stop

@section('content')
<div class="row">
    <div class="col-12 col-md-12 col-lg-12 text-right my-1">
        <a class="btn btn-secondary btn-sm" href="{{ route('clientes.index') }}"> Voltar</a>
    </div>
</div>

@if ($errors->any())
<div class="alert alert-danger">
    <strong>Whoops!</strong> Ocorreu algum erro.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

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

    <div class="row">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h2>Dados Pessoais<hr></h2>
            </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">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h2>Endereço<hr></h2>
            </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-4 col-lg-4">
            <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>Complemento</strong>
                <input type="text" name="complemento" class="form-control form-control-sm" placeholder="Complemento" maxlength="100">
            </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-4 col-lg-4">
            <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>

    <div class="row">
        <div class="col-12 col-md-12 col-lg-12">
            <div class="form-group">
                <h2>Telefone<hr></h2>
            </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-4 col-lg-4">
            <div class="form-group">
                <strong>Ativo</strong>
                <select name="ativo" class="form-control form-control-sm">
                    <option value="">Selecione</option>
                    <option value="S">SIM</option>
                    <option value="N">NÃO</option>
                </select>
            </div>
        </div>
        <div class="col-12 my-3 text-center">
            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
            <button type="submit" class="btn btn-primary btn-sm">Cadastrar</button>
        </div>
    </div>

</form>
@endsection