@php
$address_required=isset($address_required)?$address_required:'required';

@endphp
<hr>
<div id="formAddressZip">
    <div class="form-row p-t-20">
        <div class="col-md-6" id="zipSearch">
            <label class="control-label">CEP @if($address_required=='required') <span class="text-danger">*</span>@endif</label>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="input-group">
                <input type="text" id="zip" name="zip" class="form-control mask-zip" placeholder="CEP"
                       value="" @if($address_required=='required') required @endif data-validation-required-message="Campo obrigatorio">
                <div class="input-group-append">
                    <button class="btn btn-secondary font-18"
                            onclick="loadsDataForm('#zipMsg','{{ asset('zip-search') }}','#zipSearch')" type="button">
                        <i class="ti-search"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-2" id="zipMsg">
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12" id="zipRes">
        </div>
    </div>


    <div class="form-row p-t-20">
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">Rua @if($address_required=='required') <span class="text-danger">*</span>@endif</label>
                <input type="text" id="street" name="street" class="form-control" placeholder="Rua"
                       value="" @if($address_required=='required') required @endif
                       data-validation-required-message="Campo obrigatorio">
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group ">
                <label class="control-label">Numero @if($address_required=='required') <span class="text-danger">*</span> @endif</label>
                <input type="text" id="number" name="number" class="form-control form-control" placeholder="Numero"
                       value="" @if($address_required=='required') required @endif
                       data-validation-required-message="Campo obrigatorio">
            </div>
        </div>
    </div>
    <div class="form-row p-t-5">
        <div class="col-md-6">
            <div class="form-group ">
                <label class="control-label">Bairro @if($address_required=='required')<span class="text-danger">*</span> @endif</label>
                <input type="text" id="district" name="district" class="form-control form-control" placeholder="Bairro"
                       value="" @if($address_required=='required') required @endif
                       data-validation-required-message="Campo obrigatorio">
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">Complemento</label>
                <input type="text" id="complement" name="complement" class="form-control" placeholder="Complemento"
                       value="">
            </div>
        </div>
    </div>
    <div class="form-row p-t-5">
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">Cidade @if($address_required=='required')<span class="text-danger">*</span> @endif</label>
                <input type="text" id="city" name="city" class="form-control" placeholder="Cidade"
                       value="" @if($address_required=='required') required
                       data-validation-required-message="Campo obrigatorio" @endif>
            </div>
        </div>
        <div class="col-md-6">

            <div class="form-group">
                <label class="control-label">Estado @if($address_required=='required')<span class="text-danger">*</span>@endif</label>
                <div class="controls">
                    <select name="state" id="state"  class="form-control" @if($address_required=='required') required  aria-invalid="false" @endif>
                        <option value=""  >---
                        </option>
                        <option value="AC" >Acre
                        </option>
                        <option value="AL">Alagoas
                        </option>
                        <option value="AP" >Amapá
                        </option>
                        <option value="AM" >Amazonas
                        </option>
                        <option value="BA" >Bahia
                        </option>
                        <option value="CE">Ceará
                        </option>
                        <option value="ES">Espírito Santo
                        </option>
                        <option value="GO" >Goiás
                        </option>
                        <option value="MA" >Maranhão
                        </option>
                        <option value="MT">Mato Grosso
                        </option>
                        <option value="MS" >Mato Grosso do Sul
                        </option>
                        <option value="MG" >Minas Gerais
                        </option>
                        <option value="PA" >Pará
                        </option>
                        <option value="PB" >Paraíba
                        </option>
                        <option value="PR" >Paraná
                        </option>
                        <option value="PI">Piauí
                        </option>
                        <option value="RJ" >Rio de Janeiro
                        </option>
                        <option value="RN" >Rio Grande do Norte
                        </option>
                        <option value="RS" >Rio Grande do Sul
                        </option>
                        <option value="RO" >Rondônia
                        </option>
                        <option value="RR" >Roraima
                        </option>
                        <option value="SC">Santa Catarina
                        </option>
                        <option value="SP" >São Paulo
                        </option>
                        <option value="SE" >Sergipe
                        </option>
                        <option value="TO" >Tocantins
                        </option>
                        <option value="DF" >Distrito Federal
                        </option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    /*
    |---------------------------------------------------------
    | PESQUISA AUTOMATICA DO CEP/ENDEREÇO
    |---------------------------------------------------------
    */
    $("#zip").change(function () {
        if ($("#zip").val() != '') {
            $("#zip").addClass('form-control-danger').removeClass('form-control-success');
            loadsDataForm('#zipMsg', '{{asset("zip-search")}}', '#zipSearch');

        } else {
            $("#zip").addClass('form-control-success').removeClass('form-control-danger');
        }
    });
</script>