
<section>
    <p class="subtitle">{{i18n "mobile.checkout.necesitasFactura"}}</p>
    <div class="row">
        <label class="radio half">
            <input id="show_bill" type="radio" name="bill" value="yes">
            {{i18n "mobile.checkout.si"}}
        </label>
        <label class="radio half">
            <input id="hide_bill" type="radio" name="bill" value="no" checked>
            {{i18n "mobile.checkout.no"}}
        </label>
    </div>


    <div id="billing_form" style="display:none">

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

            <div id="is_same_shipping_to_billing_address" class="bill_container">
                <p class="subtitle">{{i18n "mobile.checkoutStep1Template.mismaDireccionFactura"}}</p>
                <div class="row">
                    <label class="radio half">
                        <input id="same_address" type="radio" value="same_address" name="bill_address">
                        {{i18n "mobile.checkoutStep1template.si"}}
                    </label>

                    <label class="radio half">
                        <input id="different_address" type="radio" value="different_address" name="bill_address" checked>
                        {{i18n "mobile.checkoutStep1template.no"}}
                    </label>
                </div>

            </div>


            <div id="form_billing_section">

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



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

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


                <div class="row">
                    <label>
                        {{i18n "mobile.misDatosTemplate.poblacion"}}*
                        <span class="select_wrapper" id="layoutBillingCity"></span>
                        <script>
                            loadForBillingCities();
                        </script>

                    </label>
                </div>
                <div class="row">
                    <label class="half">
                        {{i18n "mobile.misDatosTemplate.cp"}}.*
                        <span class="select_wrapper" id="layoutBillingPostalCode">
                            <select id="combo_postal_codes" data-validation="mandatory">
                                <option value="-1">--</option>
                            </select>
                        </span>
                    </label>
                </div>


                <div class="row">
                    <label>
                        {{i18n "mobile.checkout.direccionObligatorio"}}*
                        <input id="billing_address" type="text">
                    </label>
                </div>
                <div class="row">
                    <label class="half">
                        {{i18n "mobile.checkout.numeroObligatorio"}}
                        <input id="billing_house_number" type="text">
                    </label>
                    <label class="half">
                        {{i18n "mobile.checkout.piso"}}
                        <input id="billing_flat" type="text">
                    </label>
                </div>

                <div class="row">
                    <label class="half">
                        {{i18n "mobile.checkout.puerta"}}
                        <input id="billing_door" type="text">
                    </label>
                    <label class="half">
                        {{i18n "mobile.checkout.escalera"}}
                        <input id="billing_staircase" maxlength="8" type="text">
                    </label>
                </div>
                <div class="row">
                    <label class="half">
                        {{i18n "mobile.checkout.bloque"}}
                        <input id="billing_block" maxlength="8" type="text">
                    </label>
                    <label class="half">
                        {{i18n "mobile.checkout.telefonoObligatorio"}}
                        <input id="billing_phone" type="text" data-validation="mandatory">
                        <span id="msg_billing_phone_fail" style="display:none" class="error_message"></span>
                    </label>
                </div>

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


        </div>
    </div>


</section>

