<div id="addressForm" action='create' class="modal fade addModal">
    <div class="modal-dialog modal-lg modal-simple">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="labelTitleConfirmDialog" class="modal-title">
                    <?= lang('PresupuestosDirecciones.direccionTitle') ?></h4>
            </div>
            <div class="modal-body">

                <div id='error-tarifa'></div>
                <div class="mb-3">
                    <label for="add_clientedAdd" class="form-label">
                        <?= lang('PresupuestosDirecciones.clientedAdd') ?>*
                    </label>
                    <select id="add_clientedAdd" class="form-control select2bs" style="width: 100%;">

                    </select>
                </div><!--//.mb-3 -->

                <div class="mb-3">
                    <label for="add_cantidad" class="form-label">
                        <?= lang('PresupuestosDirecciones.cantidad') ?>*
                    </label>
                    <input type="number" id="add_cantidad" class="form-control">
                </div><!--//.mb-3 -->
                <div class="mb-3">
                    <label for="add_att" class="form-label">
                        <?= lang('PresupuestosDirecciones.att') ?>*
                    </label>
                    <input type="text" id="add_att" maxLength="100" class="form-control new-address">
                </div><!--//.mb-3 -->
                <div class="mb-3">
                    <label for="add_email" class="form-label">
                        <?= lang('PresupuestosDirecciones.email') ?>*
                    </label>
                    <input type="text" id="add_email" maxLength="100" class="form-control new-address">
                </div><!--//.mb-3 -->
                <div class="mb-3">
                    <label for="add_direccion" class="form-label">
                        <?= lang('PresupuestosDirecciones.direccion') ?>*
                    </label>
                    <input type="text" id="add_direccion" maxLength="255" class="form-control new-address">
                </div><!--//.mb-3 -->


                <div class="mb-3">
                    <label for="add_pais_id" class="form-label">
                        <?= lang('PresupuestosDirecciones.pais') ?>*
                    </label>
                    <select id="add_pais_id" class="form-control select2bs new-address" style="width: 100%;">
                    </select>
                </div><!--//.mb-3 -->



                <div class='row'>

                    <div id='divMunicipio' class="col-md-12 col-lg-12 pl-4">
                        <div class="mb-3">
                            <label for="add_municipio" class="form-label">
                                <?= lang('PresupuestosDirecciones.municipio') ?>*
                            </label>
                            <input type="text" id="add_municipio" maxLength="100" class="form-control new-address">
                        </div><!--//.mb-3 -->
                    </div>

                    <div class="col-md-12 col-lg-6 pl-4 spain-data" style="display: none;">
                        <div class="mb-3">
                            <label for="add_provincia" class="form-label">
                                <?= lang('PresupuestosDirecciones.provincia') ?>*
                            </label>
                            <input type="text" id="add_provincia" maxLength="100" class="form-control new-address">
                        </div><!--//.mb-3 -->
                    </div>

                </div> <!-- //.row -->

                <div class='row'>

                    <div class="col-md-12 col-lg-6 pl-4">
                        <div class="mb-3">
                            <label for="add_cp" class="form-label">
                                <?= lang('PresupuestosDirecciones.cp') ?>*
                            </label>
                            <input type="text" id="add_cp" maxLength="100" class="form-control new-address">
                        </div><!--//.mb-3 -->
                    </div>

                    <div class="col-md-12 col-lg-6 pl-4">
                        <div class="mb-3">
                            <label for="add_telefono" class="form-label">
                                <?= lang('PresupuestosDirecciones.telefono') ?>*
                            </label>
                            <input type="text" id="add_telefono" maxLength="100"
                                class="form-control new-address"></input>
                        </div><!--//.mb-3 -->
                    </div>

                </div> <!-- //.row -->

                <div class="col-md-12 col-lg-6 pl-4">
                    <div class="form-check form-switch mb-2">
                        <input class="form-check-input" type="checkbox" id="add_entregaPieCalle"
                            name="add_entregaPieCalle" value="1">
                        <label class="form-check-label"
                            for="add_entregaPieCalle"><?= lang('PresupuestosDirecciones.entregaPieCalle') ?></label>
                    </div>
                </div>

                <div class="col-md-12 col-lg-6 pl-4">
                    <div class="form-check form-switch mb-2">
                        <input class="form-check-input" type="checkbox" id="add_saveDirection" name="add_saveDirection"
                            value="1">
                        <label class="form-check-label"
                            for="add_saveDirection"><?= lang('PresupuestosDirecciones.saveDirection') ?></label>
                    </div>
                </div>

                <div class="mb-3">
                    <label style="display:none" for="add_alias" class="form-label save-alias">
                        <?= lang('PresupuestosDirecciones.alias') ?>*
                    </label>
                    <input type="text" id="add_alias" maxLength="100" class="form-control new-address save-alias"
                        style='display: none;'>
                </div><!--//.mb-3 -->

            </div>
            <div class="modal-footer">
                <button id="saveDireccionEnvio" type="button" class="btn btn-primary">Guardar</button>
                <button id="cancelAdd" type="button" class="btn btn-default">Cancelar</button>
            </div>
        </div>
    </div>
</div>