@php
    use App\Http\Controllers\ModZip;
    use App\Http\Controllers\SytoolAddressState;
    $record_address_state = SytoolAddressState::information([
        'codCountry'=>'55',
        'optionList'=>'g',
        'optionListQtt'=>'a',


    ]);
    $record_address=$record??null;
    $id=$id??null;
@endphp


<input type="hidden" name="idAddressShowHide" id="idAddressShowHide" value="2">

<hr>

<div id="idAddress{{$id}}">
    <div id="zipSearch">
        <div class="row m-b-5 ">
            <div class="col-2 nowrap d-inline-flex m-t-5">
                <label class="control-label">CEP<span class="text-danger">*</span></label>
            </div>

            <div class="col-5">
                     <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <div class="input-group">
                    <input type="text" id="zip" name="zip" class="form-control  form-control-sm mask-zip"
                           placeholder="CEP"
                           value="{{isset($record_address->zip)?$record_address->zip:null}}" title="PESQUISE POR CEO"
                           required data-validation-required-message="Campo obrigatorio">

                    <div class="input-group-append">
                        <button class="btn btn-sm btn-secondary "
                                onclick="loadsDataForm('#zipMsg','{{ url('zip-search') }}','#zipSearch')"
                                type="button">
                            <i class="ti-search"></i>
                        </button>
                        <button type="button" class="btn btn-sm btn-secondary waves-effect waves-light "
                                data-target="sidebar-right"
                                id="zipAuto" title="LOCALIZAÇÃO DO CADASTRO DO CLIENTE">
                            <i class="mdi mdi-account-location "></i>
                        </button>
                        <button type="button" class="right-side-open btn btn-sm btn-secondary waves-effect waves-light "
                                data-target="sidebar-right"
                                title="PESQUISE POR RUA"
                                onclick="loadsDataForm('#sidebarRight  .content','{{ url('address-seach-sidebar')}}','#formNot',['#_token','#street','#city','#state'])">
                            <i class="mdi mdi-map-marker " style="color: coral;"></i>
                        </button>
                    </div>


                </div>
            </div>

        </div>
        <div class="row" id="zipRes">

        </div>

        <div class="row">
            <div class="col-sm-12" id="zipMsg">
            </div>
        </div>

    </div>

    <div class="row m-b-5 ">
        <div class="col-2 nowrap d-inline-flex m-t-5">
            <span class="d-none d-md-block m-l-5"> Rua:</span>
        </div>

        <div class="col-7 ">
            <input type="text" tabindex="" class="form-control form-control-sm  "
                   maxlength="15"
                   name="street" id="street"
                   value="{{isset($record_address->street)?$record_address->street:null}}" placeholder="Rua"
                   required="required">
        </div>
        <div class="col-3 ">
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text form-control-sm ">
                                Nª
                    </span>
                </div>
                <input type="text" tabindex="" class="form-control form-control-sm  w-30 "
                       maxlength="15"
                       name="number" id="number"
                       value="{{isset($record_address->number)?$record_address->number:null}}" placeholder="Numero"
                       >
            </div>

        </div>

    </div>

    <div class="row m-b-5">
        <div class="col-2 nowrap d-inline-flex m-t-5">
            <span class="d-none d-md-block m-l-5">Bairro:</span>
        </div>
        <div class="col-10 ">
            <input type="text" tabindex="311" class="form-control form-control-sm text-lowercase"
                   name="district" id="district"
                   value="{{isset($record_address->district)?$record_address->district:null}}"
                   placeholder="Nome" required="Bairro/Vila">

        </div>
    </div>
    <div class="row m-b-5">
        <div class="col-2 nowrap d-inline-flex m-t-5">
            <span class="d-none d-md-block m-l-5">Complemento:</span>
        </div>
        <div class="col-10 ">
            <input type="text" tabindex="311" class="form-control form-control-sm text-lowercase"
                   name="complement" id="complement"
                   value="{{isset($record_address->complement)?$record_address->complement:null}}"
                   placeholder="Complemento" >

        </div>
    </div>

    <div class="row m-b-5 ">
        <div class="col-2 nowrap d-inline-flex m-t-5">
            <span class="d-none d-md-block m-l-5"> Cidade</span>
        </div>

        <div class="col-7 ">
            <input type="text" tabindex="" class="form-control form-control-sm  "
                   maxlength="15"
                   name="city" id="city"
                   value="{{isset($record_address->city)?$record_address->city:null}}" placeholder="Rua"
                   required="required">
        </div>
        <div class="col-3 ">
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text form-control-sm ">
                                UF:
                    </span>
                </div>
                @php  $address_state = $record_address->state??null; @endphp
                <select name="state" id="state" required="" class="form-control form-control-sm" aria-invalid="false">
                    <option value="">---</option>
                    @foreach($record_address_state as $row_address_state)

                        <option value="{{isset($row_address_state->state)?$row_address_state->state:null}}"
                        @if($row_address_state->state==$address_state) selected="selected" @endif>
                            {{isset($row_address_state->state)?$row_address_state->stateName:null}}
                        </option>
                    @endforeach

                </select>
            </div>

        </div>

    </div>


</div>

<div class="alert alert-danger alert-rounded hide " id="msgRequiredModal">
    Existe campo(s) obrigatório(s) para ser(em) preenchido(s)
</div>
<input type="hidden" name="idAddressShowHide" id="idAddressShowHide" value="1">
<script>
    $(function () {
        $('.mask-zip').mask('00000-000', {clearIfNotMatch: true});

    });

    /* ionFormOrderServiceS
    |---------------------------------------------------------
    | 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');
        }


    });

    {{--$("#zipAuto").click(function () {--}}
    {{--    $('#street').val('{{ isset($record_address->street)?$record_address->street:null}}');--}}
    {{--    $('#msgCkeckedOrderService #zip').val('{{ModZip::treatment(['zip'=>isset($zip)??null])}}');--}}
    {{--    $('#number').val('{{ isset($record_address->number)?$record_address->number:null}}');--}}
    {{--    $('#district').val('{{ isset($record_address->district)?$record_address->district:null}}');--}}
    {{--    $('#complement').val('{{ isset($record_address->complement)?$record_address->complement:null}}');--}}
    {{--    $('#city').val('{{ isset($record_address->city)?$record_address->city:null}}');--}}
    {{--    $('#state').val('{{ isset($record_address->street)?$record_address->state:null}}');--}}

    {{--});--}}
</script>
<!-- SIDEBAR-RIGHT -->
<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>