<div class="accordion accordion-bordered mt-3" id="accordionOtDates">
    <div class="card accordion-item active">
        <h2 class="accordion-header">
            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionOtDatesTip" aria-expanded="false" aria-controls="accordionOtDatesTip">

                <div class="d-flex flex-row justify-content-start align-items-stretch gap-2">
                    <span><i class="ti-calendar ti-md ti"></i></span>
                    <h4> Fechas </h4>
                </div>
            </button>
        </h2>

        <div id="accordionOtDatesTip" class="accordion-collapse collapse show" data-bs-parent="#accordionOtDates">
            <div class="accordion-body mt-2">
                <div class="row">
                    <!-- Date 1-->
                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-tiempo-procesamiento" class="form-label"><?= @lang("Produccion.tiempo_procesamiento") ?> (HH:MM)</label>
                        <input type="text" class="form-control" name="tiempo_procesamiento" placeholder="HH:MM" id="ot-tiempo-procesamiento" data-input disabled>
                    </div>
                    <!-- Date 2-->

                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-fecha-entrega" class="form-label"><?= @lang("Produccion.fecha_impresion") ?></label>
                        <input type="text" class="form-control ot-pedido" placeholder="DD/MM/YYYY" name="fecha_impresion" id="ot-fecha-impresion" data-input <?= $is_finalizada ? "disabled": "" ?> >
                        <div class="form-text"><?= $pedido_user_dates["fecha_impresion"] ?></div>


                    </div>
                    <!-- Date 2-->

                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-fecha-entrega" class="form-label"><?= @lang("Produccion.fecha_encuadernado") ?></label>
                        <input type="date" class="form-control ot-pedido" placeholder="DD/MM/YYYY" name="fecha_encuadernado" id="ot-fecha-encuadernado" data-input <?= $is_finalizada ? "disabled": "" ?> />
                        <div class="form-text"><?= $pedido_user_dates["fecha_encuadernado"] ?></div>

                    </div>
                    <!-- Date 4-->

                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-fecha-entrega" class="form-label"><?= @lang("Produccion.fecha_entrega_externo") ?></label>
                        <input type="date" class="form-control ot-pedido" placeholder="DD/MM/YYYY" name="fecha_entrega_externo" id="ot-fecha-entrega-externo" data-input <?= $is_finalizada ? "disabled": "" ?> />
                        <div class="form-text"><?= $pedido_user_dates["fecha_entrega_externo"] ?></div>

                    </div>
                    <!-- Date 5-->
                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <div class="row d-flex flex-column">
                            <div>

                                <label for="ot-fecha-entrega" class="form-label"><?= @lang("Produccion.fecha_entrega_real") ?></label>
                                <input type="date" class="form-control ot-pedido" placeholder="DD/MM/YYYY" name="fecha_entrega_real" id="ot-fecha-entrega-real" data-input <?= $is_finalizada ? "disabled": "" ?> />
                                <div class="form-text"><?= $pedido_user_dates["fecha_entrega_real"] ?></div>
                            </div>
                            <div class="d-flex flex-column">

                                <label class="switch switch-danger switch-lg mt-1">
                                    <input type="checkbox" class="switch-input ot-pedido-check" name="inaplazable" data-input <?= $is_finalizada ? "disabled": "" ?>/>
                                    <span class="switch-toggle-slider">
                                        <span class="switch-on">
                                            <i class="ti ti-alert-triangle"></i>
                                        </span>
                                        <span class="switch-off">
                                            <i class="ti ti-x"></i>
                                        </span>
                                    </span>
                                    <span class="switch-label fw-large">Inaplazable</span>
                                </label>
                                <div class="form-text"><?= $pedido_user_dates["inaplazable"] ?></div>
                                <label class="switch switch-lg mt-1">
                                    <input type="checkbox" class="switch-input ot-preview" name="fecha_entrega_warning_revised" data-input <?= $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 fw-large">Revisada</span>
                                </label>
                            </div>
                        </div>

                    </div>
                    <!-- Date 6-->

                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-fecha-entrega" class="form-label"><?= @lang("Produccion.fecha_entrega_estimada") ?></label>
                        <input type="date" class="form-control ot-date" placeholder="DD/MM/YYYY" name="fecha_entrega_estimada_at" id="ot-fecha-entrega-estimada" data-input disabled />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>