<?php
// vistas/configuracion_firma.php
require 'header.php';
?>
<!-- Contenido -->
<div class="content-wrapper">
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h1 class="box-title">Configuración de Firma Digital</h1>
                        <div class="box-tools pull-right">
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <!-- centro -->
                    <div class="panel-body">
                        <div class="alert alert-info">
                            <h4><i class="icon fa fa-info"></i> Importante</h4>
                            <p>Suba su certificado digital (.p12) para poder firmar recetas electrónicamente.
                                El certificado se guardará de forma segura y encriptada en el servidor.
                                Solo usted podrá utilizarlo ingresando su contraseña al momento de firmar.</p>
                        </div>

                        <form id="frmCertificado" enctype="multipart/form-data">
                            <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label>Certificado Digital (.p12):</label>
                                <input type="file" class="form-control" name="certificado" id="certificado"
                                    accept=".p12" required>
                            </div>
                            <!-- La contraseña NO se guarda, solo se usa para validar que el certificado es correcto al subirlo -->
                            <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label>Contraseña del Certificado (para validar):</label>
                                <input type="password" class="form-control" name="password" id="password" required>
                            </div>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <button class="btn btn-primary" type="submit" id="btnGuardarCert"><i
                                        class="fa fa-save"></i> Subir y Configurar</button>
                            </div>
                        </form>
                    </div>

                    <div class="panel-body" id="infoCertificado" style="display:none;">
                        <h4>Certificado Actual</h4>
                        <table class="table table-bordered">
                            <tr>
                                <th style="width: 200px;">Estado:</th>
                                <td><span class="label label-success">CONFIGURADO</span></td>
                            </tr>
                            <tr>
                                <th>Fecha Subida:</th>
                                <td id="certFecha"></td>
                            </tr>
                            <tr>
                                <th>Acción:</th>
                                <td>
                                    <button class="btn btn-danger btn-xs" onclick="eliminarCertificado()"><i
                                            class="fa fa-trash"></i> Eliminar Certificado</button>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!--Fin centro -->
                </div><!-- /.box -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </section><!-- /.content -->
</div><!-- /.content-wrapper -->

<?php
require 'footer.php';
?>
<script type="text/javascript" src="scripts/configuracion_firma.js"></script>