<div class="p-2" id="<?= $id ?>" data-id="<?= $tarifaId ?>">
    <form action="" id="tarifa-maquina" class="needs-validation" novalidate>
        <div class="row mb-3">
            <div class="col-md-5 col-xs-12 mb-2">
                <label for="select-tarifa-maquina">Máquina asociada</label>
                <select id="select-tarifa-maquina" class="select2 form-select" data-allow-clear="true"></select>
            </div>
            <div class="col-md-5 col-xs-12 mb-2">
                <label for="select-maquina-tarea">Tarea asociada</label>
                <select id="select-maquina-tarea" class="select2 form-select" data-allow-clear="true"></select>
            </div>
            <div class="col-md-2 col-xs-12 mb-2" id="container-new-tarifa-maquina">
                <br />
                <button type="button" class="btn btn-md btn-primary w-100 text-truncate" id="btn-new-tarifa-maquina"><?= lang("App.notification_btn_add") ?></button>
            </div>

        </div>
    </form>
    <table id="table-tarifa-maquinas" class="table table-striped table-hover" style="width: 100%;">
        <thead>
            <tr>
                <th><?= lang('Maquinas.maquinas') ?></th>
                <th><?= lang('Maquinas.maquina_tarea') ?></th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>