{% block head %}
<link href="/assets/glambox/css/pages/components/address-inputs-component.css" rel="stylesheet">
{% endblock %}
{% raw %}
<div class="grid-4">
    <div class="fieldId">
        <input gb-focus="true" maxlength="9" ng-change="$ctrl.changePostalCode()" ng-model="$ctrl.address.postalCode" postal-code="" type="text">
        <label>
            Cep
        </label>
    </div>
</div>
<div class="grid-1">
    <div class="fieldId">
        <select ng-change="$ctrl.refillCities()" gb-disabled="$ctrl.disableUfCity" ng-model="$ctrl.address.state" ng-options="option.uf for option in $ctrl.states track by option.id">
        </select>
        <label>
            UF
        </label>
    </div>
</div>
<div class="grid-3">
    <div class="fieldId">
        <select gb-disabled="$ctrl.disableUfCity" ng-model="$ctrl.address.city" ng-options="option.name for option in $ctrl.cities track by option.id">
        </select>
        <label>
            Cidade
        </label>
    </div>
</div>
<div class="grid-4">
    <div class="fieldId">
        <input maxlength="100" ng-model="$ctrl.address.neighbourhood" type="text">
        <label>
            Bairro
        </label>
    </div>
</div>
<div class="grid-4">
    <div class="fieldId">
        <input maxlength="1000" ng-model="$ctrl.address.street" type="text">
        <label>
            Endereço
        </label>
    </div>
</div>
<div class="grid-1">
    <div class="fieldId">
        <input ng-model="$ctrl.address.number" type="text">
        <label>
            Nº
        </label>
    </div>
</div>
<div class="grid-3">
    <div class="fieldId">
        <input maxlength="100" ng-model="$ctrl.address.extension" type="text">
        <label>
            Complemento
        </label>
    </div>
</div>
{% endraw %}