<div class="col-12 d-flex flex-column align-items-center">

    <div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
        <h5 class="mb-1 fw-bold titulo"></h5>
    </div><!--//.mb-3 -->

    <div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
        <h3 class="mb-1 fw-bold"> Direcciones de envío </h3>
    </div><!--//.mb-3 -->

    <div id="divInputDirecciones" name="div_input_direcciones" class="row col-sm-12 mb-5 justify-content-center">

        <div id="containerTiradasEnvios" class="row mb-3 justify-content-center">
        </div>

        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-4 px-4 py-2">
                <input class="form-check-input" type="checkbox" id="recogerEnTaller" name="recoger_en_taller" value="1">
                <label class="form-check-label"
                    for="recoger_en_taller"><?= lang('Presupuestos.recogerEnTaller') ?></label>
            </div>
        </div>

        <div class="row mb-3 justify-content-center div-direcciones">

            <div class="col-sm-4 mb-3">
                <label for="direcciones" class="form-label">Mis direcciones</label>
                <select id="direcciones" name="direcciones" class="form-control select2bs2"
                    style="width: 100%;"></select>
            </div>

            <div class="col-sm-2 mb-3">
                <label for="unidadesEnvio" class="form-label">
                    Unidades
                </label>
                <input type="number" class="form-control" id="unidadesEnvio" name="unidadesEnvio" maxLength="8" step="1"
                    class="form-control">
            </div>

            <div class="col-sm-2 mb-3 mt-auto mb-0">
                <button id="insertarDireccion" type="button"
                    class="btn btn-secondary waves-effect waves-light">Insertar</button>
            </div>

        </div>

        <div class="row mb-3 justify-content-center div-direcciones">
            <div class="col-sm-4 mb-3">
                <div class="form-check form-switch mb-2">
                    <input class="form-check-input" type="checkbox" id="entregaPieCalle" name="entregaPieCalle"
                        value="1">
                    <label class="form-check-label"
                        for="add_entregaPieCalle"><?= lang('PresupuestosDirecciones.entregaPieCalle') ?></label>
                </div>
            </div>
        </div>

        <div class="row mb-3 justify-content-center div-direcciones">
            <div class="col-sm-2 mb-3 mt-auto mb-0">
                <button id="nuevaDireccion" type="button" class="btn btn-secondary waves-effect waves-light">Nueva
                    Dirección</button>
            </div>
        </div>

        <div id="divErrorEnvios" name="div_error_envios" class="col-sm-10 mb-3 justify-content-center"></div>

        <div id="divDirecciones" class="calcular-presupuesto col-sm-12 d-flex flex-column align-items-center div-direcciones">

        </div>
    </div>

</div>