<div class="col-sm-4">
    <div class="text-light small fw-medium mb-4 text-start">Revisión</div>
    <div class="d-flex flex-column justify-content-start text-start gap-2">
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="revisar_formato"  <?= $is_finalizada ? "disabled" : "" ?> />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Revisar formato</span>
        </label>
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="revisar_lomo" <?= $is_finalizada ? "disabled" : "" ?> />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Revisar lomo</span>
        </label>
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" id="revisar-solapa" name="revisar_solapa" <?= $is_finalizada ? "disabled" : "" ?>  />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Revisar solapa</span>
        </label>
    </div>

</div>

<div class="col-sm-4">
    <div class="text-light small fw-medium mb-4 text-start">&nbsp;</div>
    <div class="d-flex flex-column justify-content-start text-start gap-2">
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="revisar_isbn" <?= $is_finalizada ? "disabled" : "" ?> />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Revisar ISBN,D.L.</span>
        </label>
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="revisar_codigo_barras" <?= $is_finalizada ? "disabled" : "" ?>  />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Revisar código de barras</span>
        </label>
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="realizar_imposicion" <?= $is_finalizada ? "disabled" : "" ?>  />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Realizar imposición</span>
        </label>
    </div>
</div>
<div class="col-sm-4">
    <div class="text-light small fw-medium mb-4 text-start">&nbsp;</div>
    <div class="d-flex flex-column justify-content-start text-start gap-2">
        <label class="switch switch-md">
            <input type="checkbox" class="switch-input ot-preview" name="enviar_impresion" <?= $is_finalizada ? "disabled" : "" ?>  />
            <span class="switch-toggle-slider">
                <span class="switch-on">
                    <i class="ti ti-check"></i>
                </span>
                <span class="switch-off">
                    <i class="ti ti-x"></i>
                </span>
            </span>
            <span class="switch-label">Enviar a imprimir</span>
        </label>
    </div>
</div>
<div class="row mt-3">
    <hr>
    <div class="col-md-6 text-start">
        <label for="text-avisar-comercial">
            <h4>Avisar comercial</h4>
        </label>
        <p class="text-start">Enviar un mensaje al comercial indicando que faltan materiales.
            La orden se marcará y aparecerá en el listado: OTs pendientes de material</p>
    </div>
    <div class="col-md-6">
        <div class="row text-start">
            <label for="comercial-message" class="form-label">Mensaje al comercial</label>
            <textarea class="form-control" rows="5" cols="5" style="resize: none;" placeholder="Escriba un mensaje"></textarea>
        </div>
        <div class="row mt-3">
            <button type="button" class="btn btn-primary btn-md p-2">Avisar comercial</button>
        </div>
    </div>

</div>