105 lines
6.1 KiB
PHP
105 lines
6.1 KiB
PHP
<?php
|
|
require_once 'includes/header.php';
|
|
requireRole(['superadmin', 'admin', 'supervisor']);
|
|
?>
|
|
|
|
<div class="mb-8 animate-fade-in">
|
|
<div class="flex items-center gap-3">
|
|
<a href="documents.php" class="w-10 h-10 rounded-full bg-slate-200 hover:bg-slate-300 text-slate-600 flex items-center justify-center transition-colors">
|
|
<i class="fas fa-arrow-left"></i>
|
|
</a>
|
|
<div>
|
|
<h1 class="text-3xl font-bold text-slate-800 tracking-tight">Registrar Documento</h1>
|
|
<p class="text-slate-500 mt-1">Ingreso de nuevos oficios o expedientes al archivo digital.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-3xl shadow-lg border border-slate-100 max-w-4xl animate-fade-in-delayed overflow-hidden">
|
|
<div class="h-2 bg-gradient-to-r from-primary via-blue-800 to-accent"></div>
|
|
<form action="actions/document_upload.php" method="POST" enctype="multipart/form-data" class="p-8">
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
<!-- Columna Izquierda -->
|
|
<div class="space-y-6">
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-600 uppercase tracking-wider mb-2">
|
|
Clasificación del Documento <span class="text-red-500">*</span>
|
|
</label>
|
|
<select name="type" required class="w-full px-4 py-3 border border-slate-300 rounded-xl focus:ring-accent focus:border-accent bg-slate-50 text-sm font-medium shadow-inner transition-colors">
|
|
<option value="" disabled selected>Seleccione el tipo...</option>
|
|
<option value="entrada">Oficio de Entrada (Recibido)</option>
|
|
<option value="salida">Oficio de Salida (Emitido)</option>
|
|
<option value="archivo_interno">Archivo Interno / Expediente</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-600 uppercase tracking-wider mb-2">
|
|
N° de Referencia o Expediente <span class="text-red-500">*</span>
|
|
</label>
|
|
<input type="text" name="reference_number" required placeholder="Ej: CJ-2026-001"
|
|
class="w-full px-4 py-3 border border-slate-300 rounded-xl focus:ring-accent focus:border-accent bg-slate-50 text-sm font-medium shadow-inner transition-colors">
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-600 uppercase tracking-wider mb-2">
|
|
Asunto / Título <span class="text-red-500">*</span>
|
|
</label>
|
|
<input type="text" name="title" required placeholder="Breve descripción del asunto..."
|
|
class="w-full px-4 py-3 border border-slate-300 rounded-xl focus:ring-accent focus:border-accent bg-slate-50 text-sm font-medium shadow-inner transition-colors">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Columna Derecha -->
|
|
<div class="space-y-6">
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-600 uppercase tracking-wider mb-2">
|
|
Descripción Detallada
|
|
</label>
|
|
<textarea name="description" rows="4" placeholder="Observaciones adicionales, partes involucradas, etc..."
|
|
class="w-full px-4 py-3 border border-slate-300 rounded-xl focus:ring-accent focus:border-accent bg-slate-50 text-sm font-medium shadow-inner transition-colors resize-none"></textarea>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-600 uppercase tracking-wider mb-2">
|
|
Archivo Digital (PDF, DOCX) <span class="text-red-500">*</span>
|
|
</label>
|
|
<div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-slate-300 border-dashed rounded-xl bg-slate-50 hover:bg-slate-100 transition-colors cursor-pointer" onclick="document.getElementById('file-upload').click()">
|
|
<div class="space-y-2 text-center">
|
|
<i class="fas fa-cloud-upload-alt text-4xl text-slate-400"></i>
|
|
<div class="flex text-sm text-slate-600 justify-center">
|
|
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-bold text-accent hover:text-orange-800 focus-within:outline-none px-2 py-1 shadow-sm">
|
|
<span>Seleccionar archivo</span>
|
|
<input id="file-upload" name="document_file" type="file" class="sr-only" required accept=".pdf,.doc,.docx,.jpg,.png">
|
|
</label>
|
|
</div>
|
|
<p class="text-xs text-slate-500 font-medium" id="file-name">PDF, Word o Imágenes hasta 10MB</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-8 pt-6 border-t border-slate-100 flex justify-end gap-4">
|
|
<a href="documents.php" class="px-6 py-3 border border-slate-300 text-slate-700 font-bold text-sm uppercase tracking-wider rounded-xl hover:bg-slate-50 transition-colors">
|
|
Cancelar
|
|
</a>
|
|
<button type="submit" class="px-8 py-3 bg-primary hover:bg-slate-800 text-white font-bold text-sm uppercase tracking-wider rounded-xl transition-all shadow-lg hover:shadow-xl hover:-translate-y-0.5 flex items-center gap-2">
|
|
<i class="fas fa-save"></i> Guardar Registro
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('file-upload').addEventListener('change', function(e) {
|
|
if(e.target.files.length > 0) {
|
|
document.getElementById('file-name').textContent = e.target.files[0].name;
|
|
document.getElementById('file-name').classList.add('text-primary', 'font-bold');
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|