ADUANASOFT/MVE
10
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Preparando proyecto para migración a repositorio MVE

Browse Source
This commit is contained in:
Ernesto Herrera
2025-10-23 08:48:00 -06:00
parent b1b9e4a77c
commit d0af739ce2
75 changed files with 15875 additions and 4022 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
views/catalogo_pedimentos/crear.php
View File

@@ -27,36 +27,190 @@ if (empty($claves_pedimentos)) {
<html lang="es">
<head>
<meta charset="UTF-8">
<title>📋 Nuevo Pedimento de Importación</title>
<title>Nuevo Pedimento de Importación</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Font Awesome -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<style>
body { font-family: 'Segoe UI', sans-serif; background-color: #f4f6f9; }
.sidebar { width: 220px; height: 100vh; background-color: #343a40; position: fixed; top: 0; left: 0; padding-top: 56px; z-index: 1040; }
.sidebar .nav-link { font-weight: bold; color: white; transition: all 0.3s ease; }
.sidebar .nav-link:hover,
.sidebar .nav-link.active { background-color: #495057; color: #fff; }
.content { margin-top: 56px; padding: 40px 20px; position: relative; z-index: 1; background-color: #f4f6f9; transition: margin-left 0.3s ease;}
.navbar { position: fixed; top: 0; width: 100%; z-index: 1050; }
/* A partir de dispositivos medianos (>=768px), deja espacio lateral */
@media (min-width: 768px) { .content { margin-left: 250px; } }
/* En móviles, sin margen lateral */
@media (max-width: 767.98px) {
.content { margin-left: 0; }
.sidebar .nav-link { font-weight: normal; color: #343a40; background-color: transparent; }
.sidebar .nav-link:hover,
.sidebar .nav-link.active { background-color: #e9ecef; color: #212529; }
:root {
--primary: #2563eb;
--primary-dark: #1d4ed8;
--secondary: #64748b;
--success: #059669;
--warning: #d97706;
--danger: #dc2626;
--info: #0891b2;
--light: #f8fafc;
--dark: #0f172a;
--border-color: #e2e8f0;
--text-muted: #64748b;
--bg-body: #f8fafc;
}
.card { border-radius: 12px; }
.fade-in-up { animation: fadeInUp 0.8s ease-out; }
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background-color: var(--bg-body);
color: var(--dark);
line-height: 1.6;
}
.main-content {
margin-left: 280px;
padding: 2rem;
min-height: 100vh;
transition: margin-left 0.3s ease;
}
@media (max-width: 768px) {
.main-content {
margin-left: 0;
padding: 1rem;
}
}
.page-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
flex-wrap: wrap;
gap: 1rem;
}
.page-title {
color: var(--dark);
font-weight: 600;
font-size: 1.75rem;
margin: 0;
}
.btn-modern {
background: var(--primary);
color: white;
border: none;
padding: 0.625rem 1.25rem;
border-radius: 6px;
font-weight: 500;
font-size: 0.875rem;
transition: all 0.2s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn-modern:hover {
background: var(--primary-dark);
color: white;
transform: translateY(-1px);
text-decoration: none;
}
.btn-modern.success {
background: var(--success);
}
.btn-modern.success:hover {
background: #047857;
}
.btn-modern.secondary {
background: var(--secondary);
}
.btn-modern.secondary:hover {
background: #475569;
}
.form-card {
background: white;
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 2rem;
margin-bottom: 1.5rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.form-section-title {
color: var(--dark);
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--border-color);
display: flex;
align-items: center;
gap: 0.5rem;
}
.form-section-icon {
width: 24px;
height: 24px;
background: var(--primary);
color: white;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
}
.form-label {
color: var(--dark);
font-weight: 500;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.form-control, .form-select {
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 0.625rem 0.75rem;
font-size: 0.875rem;
transition: all 0.2s ease;
}
.form-control:focus, .form-select:focus {
border-color: var(--primary);
box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.1);
}
.alert-modern {
border: none;
border-radius: 8px;
padding: 1rem 1.25rem;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.alert-modern.warning {
background: rgba(217, 119, 6, 0.1);
color: #92400e;
border-left: 4px solid var(--warning);
}
.alert-modern.info {
background: rgba(8, 145, 178, 0.1);
color: #0e7490;
border-left: 4px solid var(--info);
}
.fade-in {
animation: fadeIn 0.5s ease-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.title-glow { text-shadow: 0 0 10px rgba(0, 123, 255, 0.3); }
/* Efecto para botones */
@@ -69,25 +223,28 @@ if (empty($claves_pedimentos)) {
</head>
<body>
<div class="content">
<div class="d-flex justify-content-between align-items-center mb-4">
<h4 class="animate__animated animate__fadeInDown title-glow">📋 Nuevo Pedimento de Importación</h4>
<a href="/IMPORTADORES/catalogo_pedimentos/lista" class="btn btn-secondary btn-animated">
<i class="fas fa-arrow-left"></i> Regresar a Lista
<div class="main-content">
<!-- Page Header -->
<div class="page-header">
<h1 class="page-title">Nuevo Pedimento de Importación</h1>
<a href="/IMPORTADORES/catalogo_pedimentos/lista" class="btn-modern secondary">
<i class="fas fa-arrow-left"></i>
Regresar a Lista
</a>
</div>
<div class="card fade-in-up">
<div class="card-body">
<form action="/IMPORTADORES/catalogo_pedimentos/guardar" method="POST" id="formPedimento">
<div class="row">
<!-- Información Básica -->
<div class="col-md-6">
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0"><i class="fas fa-info-circle"></i> Información del Pedimento</h5>
</div>
<div class="card-body">
<!-- Form Container -->
<form action="/IMPORTADORES/catalogo_pedimentos/guardar" method="POST" id="formPedimento" class="fade-in">
<div class="row">
<!-- Información del Pedimento -->
<div class="col-lg-6">
<div class="form-card">
<h3 class="form-section-title">
<div class="form-section-icon">
<i class="fas fa-info-circle"></i>
</div>
Información del Pedimento
</h3>
<div class="mb-3">
<label for="pedimento" class="form-label">Número de Pedimento <span class="text-danger">*</span></label>
<input type="text" class="form-control" id="pedimento" name="pedimento" required
@@ -280,11 +437,13 @@ if (empty($claves_pedimentos)) {
<div class="row">
<div class="col-md-12">
<div class="d-flex justify-content-end gap-2">
<a href="/IMPORTADORES/catalogo_pedimentos/lista" class="btn btn-secondary btn-animated">
<i class="fas fa-times"></i> Cancelar
<a href="/IMPORTADORES/catalogo_pedimentos/lista" class="btn-modern secondary">
<i class="fas fa-times"></i>
Cancelar
</a>
<button type="submit" class="btn btn-success btn-animated" <?= empty($claves_pedimentos) ? 'disabled' : '' ?>>
<i class="fas fa-save"></i> Guardar Pedimento
<button type="submit" class="btn-modern success" <?= empty($claves_pedimentos) ? 'disabled' : '' ?>>
<i class="fas fa-save"></i>
Guardar Pedimento
</button>
</div>
</div>
@@ -294,9 +453,8 @@ if (empty($claves_pedimentos)) {
</div>
</div>
<!-- jQuery -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>