@extends('cliente.layout.menu')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-11 col-10 text-center mt-2">
                <h3>Novo Cadastro</h3>
            </div>
        </div>

        <form action="{{ route('cliente.salvar') }}" method="POST">
            @csrf
            <div class="row d-flex justify-content-center mt-4">
                <div class="col-md-8 col-10">
                    <input class="form-control" type="text" name="name" value="{{ old('name') }}" placeholder="Nome"
                        required>
                </div>
            </div>

            <div class="row d-flex justify-content-center mt-2">
                <div class="col-md-4 col-10">
                    <input class="form-control" type="email" name="email" value="{{ old('email') }}"
                        placeholder="E-mail" required>
                </div>

                <div class="col-md-4 col-10">
                    <input class="form-control" type="text" name="telefone" value="{{ old('telefone') }}"
                        placeholder="Telefone/Celular" required>
                </div>
            </div>

            <div class="row d-flex justify-content-center mt-2">
                <div class="col-md-6 col-10">
                    <input class="form-control" type="text" name="rua" value="{{ old('rua') }}" placeholder="Rua"
                        required>
                </div>

                <div class="col-md-2 col-10">
                    <input class="form-control" type="text" name="numero" value="{{ old('numero') }}"
                        placeholder="Número" required>
                </div>
            </div>

            <div class="row d-flex justify-content-center mt-2">
                <div class="col-md-6 col-10">
                    <select name="bairro" class="form-control" required>
                        <option value="0">Selecione o bairro</option>
                        @foreach ($bairros as $bairro)
                            <option style="color: #000 !important;" value="{{ $bairro->id }}">{{ $bairro->descricao }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2 col-10">
                    <input class="form-control" type="text" name="complemento" value="{{ old('complemento') }}"
                        placeholder="Complemento">
                </div>
            </div>

            <div class="row d-flex justify-content-center mt-2">
                <div class="col-md-4 col-10">
                    <input class="form-control" type="password" name="senha" placeholder="Senha" required>
                </div>

                <div class="col-md-4 col-10">
                    <input class="form-control" type="password" name="conf_senha" placeholder="Confirmar Senha" required>
                </div>
            </div>

            <input type="hidden" name="nextURL" value="{{ $nextURL }}">

            <div class="row d-flex justify-content-center mt-4">
                <div class="col-md-8 col-10 text-center">
                    <button class="btn btn-sm btn-success">Salvar</button>
                </div>
            </div>
        </form>
    </div>
@endsection