<div id="ventana_tipoactivo" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="mdltitulo">Nuevo Tipo de Activo</h4>
            </div>
            <form method="post" id="tipoactivo_form" enctype="multipart/form-data">
                <div class="modal-body">
                    <input type="hidden" id="Ccod_tipo_actID" name="Ccod_tipo_actID">

                    <div class="form-group row">
                        <label for="Ccod_tipo_act" class="col-sm-3 col-form-label">Código</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control maxlength-custom-message" id="Ccod_tipo_act" name="Ccod_tipo_act" placeholder="Código del Tipo de Activo" maxlength="5" required>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="Cdes_tipo_act" class="col-sm-3 col-form-label">Descripción</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control maxlength-custom-message" id="Cdes_tipo_act" name="Cdes_tipo_act" placeholder="Descripción del Tipo de Activo" maxlength="40" required>
                        </div>
                    </div>

                    <!-- Input para subir el archivo PDF -->
                    <div class="form-group row">
                        <label for="Cruta_act" class="col-sm-3 col-form-label">Archivo PDF</label>
                        <div class="col-sm-9">
                            <input type="file" class="form-control" id="Cruta_act" name="Cruta_act" accept=".pdf" required>
                        </div>
                    </div>

                    <!-- Sección para mostrar el archivo seleccionado -->
                    <section class="proj-page-section mt-3">
                        <header class="proj-page-subtitle">
                            <h5>Archivo Actual</h5>
                        </header>
                        <div class="proj-page-attach">
                            <i class="font-icon font-icon-pdf"></i>
                            <p class="name" id="pdf-name">Ningún archivo seleccionado</p>
                            <p class="date" id="pdf-date"></p>
                            <p>
                                <a id="pdf-view" href="#" target="_blank" style="display:none; text-decoration: none; color: inherit;">Ver</a>
                                <a id="pdf-download" href="#" download style="display:none; text-decoration: none; color: inherit;">Descargar</a>
                                <a id="pdf-remove" href="#" onclick="removePDF()" style="display:none; text-decoration: none; color: inherit;">Eliminar</a>
                            </p>
                        </div>
                    </section>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-rounded btn-inline btn-success">Guardar</button>
                    <button type="button" class="btn btn-rounded btn-inline btn-danger" data-dismiss="modal">Cancelar</button>
                </div>
            </form>
        </div>
    </div>
</div>
