<div class="bill_container">
    <span class="bill_text">{{i18n "checkoutStep1template.necesitasFactura"}}</span>
    <label class="radio_container">
        <input id="show_bill" value="yes" type="radio" name="bill">
        {{i18n "checkoutStep1template.si"}}
    </label>
    <label class="radio_container">
        <input id="hide_bill" value="no" type="radio" name="bill" checked>
        {{i18n "checkoutStep1template.no"}}
    </label>
</div>

<form id="bill_form" class="delivery_form bill">

    <div id="is_same_shipping_to_billing_address" class="bill_container">
        <span class="bill_text">{{i18n "checkoutStep1Template.mismaDireccionFactura"}}</span>
        <label class="radio_container">
            <input id="same_address" type="radio" value="same_address" name="bill_address">
            {{i18n "checkoutStep1template.si"}}
        </label>
        <label class="radio_container">
            <input id="different_address" type="radio" value="different_address" name="bill_address" checked>
            {{i18n "checkoutStep1template.no"}}
        </label>
    </div>

    <p class="delivery_title">{{i18n "checkoutStep1Template.indicaDatosFacturacion"}}</p>


    <div class="row">
        <label class="field_container wide">
            {{i18n "checkoutStep1Template.empresa"}} <sup>*</sup>
            <input id="billing_company" type="text" autocomplete="off" data-validation="mandatory">
        </label>
        <label class="field_container">
            {{i18n "checkoutStep1Template.cifNif"}} <sup>*</sup>
            <input id="billing_nif" type="text" autocomplete="off" data-validation="mandatory">
        </label>
    </div>


    <div id="address_billing_common_fields_layout">

        <div class="row">
        <label class="field_container">
            {{i18n "checkoutStep1Template.poblacionProvincia"}} <sup>*</sup>
            <div id="layoutBillingCity"></div>
            <script>
                loadForBillingCities();
            </script>
        </label>
        <label class="field_container little">
            {{i18n "checkoutStep1Template.cp"}} <sup>*</sup>
            <div id="layoutBillingPostalCode">
                <select id="combo_postal_codes">
                    <option value="-1">--</option>
                </select>
            </div>
        </label>
        </div>
        <div class="row">
            <label class="field_container wide">
                {{{i18n "checkoutStep1Template.direccion"}}} <sup>*</sup>
                <input id="billing_address" type="text" autocomplete="off" data-validation="mandatory">
            </label>
            <label class="field_container mini">
                {{i18n "checkoutStep1Template.num"}} <sup>*</sup>
                <input id="billing_house_number" type="text" autocomplete="off" data-validation="mandatory">
            </label>
            <label class="field_container mini">
                {{i18n "checkoutStep1Template.piso"}}
                <input id="billing_flat" type="text" autocomplete="off">
            </label>
            <label class="field_container micro">
                {{i18n "checkoutStep1Template.pta"}}.
                <input id="billing_door" type="text" autocomplete="off">
            </label>
            <label class="field_container micro">
                {{i18n "checkoutStep1Template.esc"}}.
                <input id="billing_staircase" type="text" maxlength="8" autocomplete="off">
            </label>
            <label class="field_container micro">
                {{i18n "checkoutStep1Template.bl"}}.
                <input id="billing_block" type="text" maxlength="8" autocomplete="off">
            </label>
        </div>
        <div class="row">
            <label class="field_container">
                {{i18n "checkoutStep1Template.telefono"}} <sup>*</sup>
                <input id="billing_phone" type="text" autocomplete="off" onfocus="javascript:resetErrorPhoneBilling();" data-validation="mandatory">
                <span id="msg_billing_phone_fail" style="display:none" class="error_message"></span>
            </label>
        </div>

    </div>

    <input type="hidden" id="billing_description" value="{{i18n "billingTemplate.descriptionMiDireccionFacturacion"}}"/>


</form>
