Maciej Pienczyn
110d971dca
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Production moved from on-prem VM 249 (10.22.68.249) to OVH VPS (57.128.200.27, inpi-vps-waw01). Updated ALL documentation, slash commands, memory files, architecture docs, and deploy procedures. Added |local_time Jinja filter (UTC→Europe/Warsaw) and converted 155 .strftime() calls across 71 templates so timestamps display in Polish timezone regardless of server timezone. Also includes: created_by_id tracking, abort import fix, ICS calendar fix for missing end times, Pros Poland data cleanup. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1700 lines
63 KiB
HTML
1700 lines
63 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Deklaracja #{{ application.id }} - Admin - Norda Biznes Partner{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
.detail-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: var(--spacing-xl);
|
|
}
|
|
|
|
.detail-header h1 {
|
|
font-size: var(--font-size-2xl);
|
|
color: var(--text-primary);
|
|
margin: 0;
|
|
}
|
|
|
|
.back-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--spacing-xs);
|
|
color: var(--text-secondary);
|
|
text-decoration: none;
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
|
|
.back-link:hover {
|
|
color: var(--primary);
|
|
}
|
|
|
|
.status-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--spacing-xs);
|
|
padding: var(--spacing-sm) var(--spacing-lg);
|
|
border-radius: var(--radius-full);
|
|
font-size: var(--font-size-base);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.status-draft { background: var(--warning-light); color: var(--warning); }
|
|
.status-submitted { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
|
|
.status-under_review { background: rgba(168, 85, 247, 0.1); color: #a855f7; }
|
|
.status-pending_user_approval { background: rgba(14, 165, 233, 0.1); color: #0ea5e9; }
|
|
.status-changes_requested { background: rgba(251, 146, 60, 0.1); color: #fb923c; }
|
|
.status-approved { background: var(--success-light); color: var(--success); }
|
|
.status-rejected { background: var(--error-light); color: var(--error); }
|
|
|
|
.content-grid {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
gap: var(--spacing-xl);
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.content-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
.section {
|
|
background: var(--surface);
|
|
padding: var(--spacing-xl);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow);
|
|
margin-bottom: var(--spacing-xl);
|
|
}
|
|
|
|
.section h2 {
|
|
font-size: var(--font-size-lg);
|
|
margin: 0 0 var(--spacing-lg) 0;
|
|
color: var(--text-primary);
|
|
border-bottom: 2px solid var(--border);
|
|
padding-bottom: var(--spacing-sm);
|
|
}
|
|
|
|
.data-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: var(--spacing-md);
|
|
}
|
|
|
|
.data-grid.single-col {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.data-item {
|
|
padding: var(--spacing-sm);
|
|
background: var(--background);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
.data-label {
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
|
|
.data-value {
|
|
font-weight: 500;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.data-value.empty {
|
|
color: var(--text-secondary);
|
|
font-style: italic;
|
|
}
|
|
|
|
.tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-xs);
|
|
}
|
|
|
|
.tag {
|
|
display: inline-block;
|
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
background: var(--primary-light);
|
|
color: var(--primary);
|
|
border-radius: var(--radius);
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.actions-section {
|
|
/* Removed sticky - was causing overlap with workflow history */
|
|
}
|
|
|
|
.action-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-md);
|
|
}
|
|
|
|
.btn-action {
|
|
padding: var(--spacing-md);
|
|
border-radius: var(--radius);
|
|
font-size: var(--font-size-base);
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
transition: var(--transition);
|
|
text-align: center;
|
|
border: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: var(--spacing-sm);
|
|
}
|
|
|
|
.btn-approve {
|
|
background: var(--success);
|
|
color: white;
|
|
}
|
|
|
|
.btn-approve:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.btn-reject {
|
|
background: var(--error);
|
|
color: white;
|
|
}
|
|
|
|
.btn-reject:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.btn-changes {
|
|
background: var(--warning);
|
|
color: white;
|
|
}
|
|
|
|
.btn-changes:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.btn-review {
|
|
background: var(--primary);
|
|
color: white;
|
|
}
|
|
|
|
.btn-review:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: var(--spacing-md);
|
|
}
|
|
|
|
.form-group label {
|
|
display: block;
|
|
font-weight: 500;
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
|
|
.form-control {
|
|
width: 100%;
|
|
padding: var(--spacing-sm);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius);
|
|
font-size: var(--font-size-base);
|
|
}
|
|
|
|
.form-control:focus {
|
|
outline: none;
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
.modal {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
z-index: 1000;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.modal.active {
|
|
display: flex;
|
|
}
|
|
|
|
.modal-content {
|
|
background: var(--surface);
|
|
padding: var(--spacing-xl);
|
|
border-radius: var(--radius-lg);
|
|
max-width: 500px;
|
|
width: 90%;
|
|
}
|
|
|
|
.modal-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: var(--spacing-lg);
|
|
}
|
|
|
|
.modal-header h3 {
|
|
margin: 0;
|
|
}
|
|
|
|
.modal-close {
|
|
background: none;
|
|
border: none;
|
|
font-size: var(--font-size-xl);
|
|
cursor: pointer;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.modal-buttons {
|
|
display: flex;
|
|
gap: var(--spacing-md);
|
|
justify-content: flex-end;
|
|
margin-top: var(--spacing-lg);
|
|
}
|
|
|
|
.btn-cancel {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
color: var(--text-primary);
|
|
padding: var(--spacing-sm) var(--spacing-lg);
|
|
border-radius: var(--radius);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.alert {
|
|
padding: var(--spacing-md);
|
|
border-radius: var(--radius);
|
|
margin-bottom: var(--spacing-lg);
|
|
}
|
|
|
|
.alert-info {
|
|
background: rgba(59, 130, 246, 0.1);
|
|
border: 1px solid rgba(59, 130, 246, 0.3);
|
|
color: #3b82f6;
|
|
}
|
|
|
|
.alert-warning {
|
|
background: var(--warning-light);
|
|
border: 1px solid var(--warning);
|
|
color: var(--warning);
|
|
}
|
|
|
|
.action-help {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--text-secondary);
|
|
margin-top: var(--spacing-xs);
|
|
padding-left: var(--spacing-sm);
|
|
border-left: 2px solid var(--border);
|
|
}
|
|
|
|
.btn-secondary {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
background: var(--background);
|
|
border-color: var(--primary);
|
|
color: var(--primary);
|
|
}
|
|
|
|
.registry-actions {
|
|
margin-bottom: var(--spacing-lg);
|
|
padding: var(--spacing-md);
|
|
background: var(--background);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
.registry-actions h4 {
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
margin: 0 0 var(--spacing-sm) 0;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.lookup-status {
|
|
margin-top: var(--spacing-sm);
|
|
padding: var(--spacing-sm) var(--spacing-md);
|
|
border-radius: var(--radius);
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.lookup-status.loading {
|
|
background: rgba(59, 130, 246, 0.1);
|
|
color: #3b82f6;
|
|
}
|
|
|
|
.lookup-status.success {
|
|
background: var(--success-light);
|
|
color: var(--success);
|
|
}
|
|
|
|
.lookup-status.error {
|
|
background: var(--error-light);
|
|
color: var(--error);
|
|
}
|
|
|
|
.registry-info-box {
|
|
margin: var(--spacing-md) 0;
|
|
padding: var(--spacing-md);
|
|
background: rgba(59, 130, 246, 0.05);
|
|
border: 1px solid rgba(59, 130, 246, 0.2);
|
|
border-radius: var(--radius);
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.registry-info-box strong {
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.registry-info-box ul {
|
|
margin: var(--spacing-sm) 0;
|
|
padding-left: var(--spacing-lg);
|
|
}
|
|
|
|
.registry-info-box li {
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
|
|
.registry-info-box small {
|
|
display: block;
|
|
margin-top: var(--spacing-sm);
|
|
font-style: italic;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.registry-result {
|
|
margin-top: var(--spacing-md);
|
|
padding: var(--spacing-md);
|
|
background: var(--surface);
|
|
border-radius: var(--radius);
|
|
border: 1px solid var(--success);
|
|
display: none;
|
|
}
|
|
|
|
.registry-result.active {
|
|
display: block;
|
|
}
|
|
|
|
.registry-result.error {
|
|
border-color: var(--error);
|
|
}
|
|
|
|
.registry-result h5 {
|
|
margin: 0 0 var(--spacing-sm) 0;
|
|
color: var(--success);
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.registry-result.error h5 {
|
|
color: var(--error);
|
|
}
|
|
|
|
.registry-diff {
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.registry-diff-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: var(--spacing-xs) 0;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
.registry-diff-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.registry-diff-label {
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.registry-diff-old {
|
|
color: var(--error);
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.registry-diff-new {
|
|
color: var(--success);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.action-legend {
|
|
margin-top: var(--spacing-lg);
|
|
padding-top: var(--spacing-md);
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
|
|
.action-legend h4 {
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
margin: 0 0 var(--spacing-sm) 0;
|
|
}
|
|
|
|
.legend-item {
|
|
display: flex;
|
|
gap: var(--spacing-sm);
|
|
margin-bottom: var(--spacing-sm);
|
|
font-size: var(--font-size-xs);
|
|
}
|
|
|
|
.legend-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 3px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.legend-icon.approve { background: var(--success); }
|
|
.legend-icon.changes { background: var(--warning); }
|
|
.legend-icon.reject { background: var(--error); }
|
|
.legend-icon.review { background: var(--primary); }
|
|
|
|
.legend-text {
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
/* Workflow History Timeline */
|
|
.workflow-timeline {
|
|
position: relative;
|
|
padding-left: var(--spacing-xl);
|
|
}
|
|
|
|
.workflow-timeline::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background: var(--border);
|
|
}
|
|
|
|
.workflow-event {
|
|
position: relative;
|
|
padding-bottom: var(--spacing-md);
|
|
}
|
|
|
|
.workflow-event::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: calc(-1 * var(--spacing-xl) + 4px);
|
|
top: 4px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background: var(--success);
|
|
}
|
|
|
|
.workflow-event.pending::before {
|
|
background: #0ea5e9;
|
|
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
|
|
}
|
|
|
|
.workflow-event.sub-event {
|
|
margin-left: var(--spacing-lg);
|
|
padding-left: var(--spacing-md);
|
|
border-left: 2px dashed rgba(14, 165, 233, 0.3);
|
|
}
|
|
|
|
.workflow-event.sub-event::before {
|
|
left: calc(-1 * var(--spacing-xl) - var(--spacing-lg) + 4px);
|
|
background: #0ea5e9;
|
|
}
|
|
|
|
.workflow-arrow {
|
|
color: #0ea5e9;
|
|
font-weight: bold;
|
|
margin-right: var(--spacing-xs);
|
|
}
|
|
|
|
.workflow-event-title {
|
|
font-weight: 500;
|
|
color: var(--text-primary);
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
|
|
.workflow-event-meta {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.workflow-event-comment {
|
|
font-size: var(--font-size-sm);
|
|
color: var(--text-secondary);
|
|
font-style: italic;
|
|
margin-top: var(--spacing-xs);
|
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
background: var(--background);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
/* Tracker — parcel tracking style */
|
|
.tracker-bar {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
padding: 16px 0;
|
|
}
|
|
.tracker-step {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
min-width: 90px;
|
|
}
|
|
.tracker-dot {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
background: #e2e8f0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 16px;
|
|
color: #94a3b8;
|
|
border: 3px solid #e2e8f0;
|
|
transition: all 0.3s;
|
|
}
|
|
.tracker-step.done .tracker-dot {
|
|
background: #2563eb;
|
|
border-color: #2563eb;
|
|
color: white;
|
|
font-size: 14px;
|
|
}
|
|
.tracker-step.current .tracker-dot {
|
|
background: #eab308;
|
|
border-color: #eab308;
|
|
color: white;
|
|
box-shadow: 0 0 0 4px rgba(234, 179, 8, 0.2);
|
|
}
|
|
.tracker-step.current.step-approved .tracker-dot {
|
|
background: #16a34a;
|
|
border-color: #16a34a;
|
|
box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.2);
|
|
}
|
|
.tracker-step.rejected .tracker-dot {
|
|
background: #dc2626;
|
|
border-color: #dc2626;
|
|
color: white;
|
|
box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.2);
|
|
}
|
|
.tracker-label {
|
|
margin-top: 6px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
color: #94a3b8;
|
|
text-align: center;
|
|
}
|
|
.tracker-step.done .tracker-label,
|
|
.tracker-step.current .tracker-label { color: #1e293b; }
|
|
.tracker-step.rejected .tracker-label { color: #dc2626; }
|
|
.tracker-date {
|
|
font-size: 10px;
|
|
color: #94a3b8;
|
|
margin-top: 2px;
|
|
text-align: center;
|
|
line-height: 1.2;
|
|
}
|
|
.tracker-step.done .tracker-date,
|
|
.tracker-step.current .tracker-date { color: #64748b; }
|
|
.tracker-line {
|
|
flex: 1;
|
|
height: 3px;
|
|
background: #e2e8f0;
|
|
margin-top: 20px;
|
|
min-width: 30px;
|
|
}
|
|
.tracker-line.done { background: #2563eb; }
|
|
.tracker-note {
|
|
text-align: center;
|
|
padding: 8px 12px;
|
|
border-radius: 8px;
|
|
font-size: 12px;
|
|
margin-top: 8px;
|
|
}
|
|
.tracker-note.warning { background: #fef3c7; color: #92400e; }
|
|
.tracker-note.info { background: #dbeafe; color: #1e40af; }
|
|
|
|
/* History list */
|
|
.history-list { padding-left: 8px; }
|
|
.history-item {
|
|
display: flex;
|
|
gap: 10px;
|
|
padding: 8px 0;
|
|
border-left: 2px solid #e2e8f0;
|
|
padding-left: 16px;
|
|
margin-left: 6px;
|
|
position: relative;
|
|
}
|
|
.history-item:last-child { border-left-color: transparent; }
|
|
.history-dot {
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
position: absolute;
|
|
left: -8px;
|
|
top: 12px;
|
|
}
|
|
.dot-blue { background: #2563eb; }
|
|
.dot-yellow { background: #eab308; }
|
|
.dot-green { background: #16a34a; }
|
|
.dot-red { background: #dc2626; }
|
|
.dot-orange { background: #f97316; }
|
|
.dot-gray { background: #94a3b8; }
|
|
.history-content { flex: 1; }
|
|
.history-title { font-weight: 600; font-size: 13px; color: #1e293b; }
|
|
.history-meta { font-size: 11px; color: #94a3b8; margin-top: 2px; }
|
|
.history-comment { font-size: 12px; color: #64748b; font-style: italic; margin-top: 4px; }
|
|
|
|
/* Print styles */
|
|
@media print {
|
|
/* NUCLEAR: hide everything that isn't .print-header or .main-content */
|
|
body > *:not(.print-header):not(main):not(.container):not(.fluent-container) { display: none !important; }
|
|
nav, header, footer, .admin-bar, .sidebar, .action-buttons, .action-help,
|
|
.modal, .modal-overlay, .alert, .btn-action, .btn-back, .back-link,
|
|
.notifications-menu, .user-menu, .breadcrumb,
|
|
.workflow-timeline, .detail-header,
|
|
.dev-notice, .staging-banner, .announcement-banner, .pwa-install-prompt,
|
|
.registry-actions, .registry-result, .registry-info-box, .lookup-status,
|
|
.fluent-command-bar, .fluent-header, .banner, .flash-messages,
|
|
[class*="staging"], [class*="pwa"], [class*="install"], [class*="dev-notice"],
|
|
#devNotice, .status-badge { display: none !important; }
|
|
|
|
/* Full width, zero padding everywhere */
|
|
.content-grid { display: block !important; }
|
|
.main-content, .container, .fluent-container {
|
|
width: 100% !important; max-width: 100% !important;
|
|
padding: 0 !important; margin: 0 !important;
|
|
}
|
|
|
|
/* Compact base — kill ALL whitespace */
|
|
body { font-size: 9pt !important; color: #000 !important; background: #fff !important; margin: 0 !important; padding: 0 !important; }
|
|
* { box-shadow: none !important; text-shadow: none !important; }
|
|
|
|
/* Print header */
|
|
.print-header {
|
|
display: block !important;
|
|
text-align: center;
|
|
margin: 0 0 6pt 0 !important;
|
|
padding: 0 0 4pt 0 !important;
|
|
border-bottom: 1.5pt solid #2E4872;
|
|
}
|
|
.print-header h2 { font-size: 12pt; color: #2E4872; margin: 0 !important; }
|
|
.print-header p { font-size: 8pt; color: #444; margin: 1pt 0 0 0 !important; }
|
|
|
|
/* Compact data sections — minimal spacing */
|
|
.info-section {
|
|
break-inside: avoid;
|
|
margin: 3pt 0 !important;
|
|
border: 0.5pt solid #bbb;
|
|
padding: 3pt 6pt !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
.info-section h2 {
|
|
font-size: 10pt !important;
|
|
color: #2E4872;
|
|
border-bottom: 0.5pt solid #2E4872;
|
|
padding: 0 0 1pt 0 !important;
|
|
margin: 0 0 3pt 0 !important;
|
|
}
|
|
.info-row, .info-grid > div, .info-value, .info-label {
|
|
padding: 0 !important; margin: 0 !important; font-size: 8.5pt !important; line-height: 1.3 !important;
|
|
}
|
|
.info-label { font-weight: bold; }
|
|
.info-grid { gap: 1pt !important; row-gap: 2pt !important; }
|
|
p, div, span, li { margin: 0 !important; padding: 0 !important; }
|
|
ul, ol { margin: 0 !important; padding-left: 12pt !important; }
|
|
h1, h2, h3, h4 { margin: 0 !important; }
|
|
|
|
/* Page: tight margins, A4 */
|
|
@page { margin: 10mm; size: A4; }
|
|
}
|
|
|
|
/* Hidden in screen, visible in print */
|
|
.print-header { display: none; }
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="print-header">
|
|
<h2>Izba Gospodarcza Norda Biznes</h2>
|
|
<p>Deklaracja członkowska nr {{ application.id }} — {{ application.company_name }}</p>
|
|
<p>Data złożenia: {{ application.submitted_at|local_time('%d.%m.%Y, %H:%M') if application.submitted_at else 'brak' }} | Status: {{ application.status_label }}</p>
|
|
</div>
|
|
|
|
<a href="{{ url_for('admin.admin_membership') }}" class="back-link">
|
|
← Powrót do listy deklaracji
|
|
</a>
|
|
|
|
<div class="detail-header">
|
|
<div>
|
|
<h1>Deklaracja #{{ application.id }}</h1>
|
|
<p class="text-muted">{{ application.company_name }}</p>
|
|
</div>
|
|
<span class="status-badge status-{{ application.status }}">
|
|
{{ application.status_label }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="content-grid">
|
|
<div class="main-content">
|
|
<!-- Dane firmy -->
|
|
<div class="section">
|
|
<h2>Dane firmy</h2>
|
|
|
|
<!-- Pobieranie z rejestru -->
|
|
{% if application.nip and application.status in ['submitted', 'under_review'] %}
|
|
<div class="registry-actions">
|
|
<h4>Weryfikacja w rejestrze</h4>
|
|
<button class="btn-action btn-secondary" onclick="lookupRegistry()" id="btnLookupRegistry">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="11" cy="11" r="8"/>
|
|
<path d="M21 21l-4.35-4.35"/>
|
|
</svg>
|
|
Pobierz aktualne dane z KRS/CEIDG
|
|
</button>
|
|
|
|
<div id="lookupStatus" class="lookup-status" style="display: none;"></div>
|
|
|
|
<div class="registry-info-box">
|
|
<strong>Jak to działa?</strong>
|
|
<ul>
|
|
<li><strong>Dla spółek:</strong> NIP → Biała Lista VAT (Min. Finansów) → numer KRS → KRS Open API (Min. Sprawiedliwości) → dane firmy</li>
|
|
<li><strong>Dla JDG:</strong> NIP → CEIDG (dane.biznes.gov.pl) → dane firmy</li>
|
|
</ul>
|
|
<small>KRS Open API nie obsługuje wyszukiwania po NIP, dlatego najpierw pobieramy KRS z Białej Listy VAT.</small>
|
|
</div>
|
|
|
|
<div class="registry-result" id="registryResult">
|
|
<h5 id="registryResultTitle">Dane z rejestru</h5>
|
|
<div class="registry-diff" id="registryDiff"></div>
|
|
<div style="margin-top: var(--spacing-md);">
|
|
<button class="btn-action btn-secondary" onclick="openProposeModal()" id="btnApplyRegistry" style="display: none;">
|
|
Zaproponuj zmiany użytkownikowi
|
|
</button>
|
|
<p style="font-size: var(--font-size-xs); color: var(--text-secondary); margin-top: var(--spacing-xs);">
|
|
Użytkownik otrzyma powiadomienie i będzie mógł zaakceptować lub odrzucić proponowane zmiany.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="data-grid">
|
|
<div class="data-item">
|
|
<div class="data-label">Nazwa</div>
|
|
<div class="data-value">{{ application.company_name or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">NIP</div>
|
|
<div class="data-value">{{ application.nip or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">KRS</div>
|
|
<div class="data-value">{{ application.krs_number or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">REGON</div>
|
|
<div class="data-value">{{ application.regon or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Źródło danych</div>
|
|
<div class="data-value">{{ application.registry_source or 'Ręcznie' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Forma prawna</div>
|
|
<div class="data-value">{{ application.business_type_label }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Adres -->
|
|
<div class="section">
|
|
<h2>Adres</h2>
|
|
<div class="data-grid">
|
|
<div class="data-item">
|
|
<div class="data-label">Kod pocztowy</div>
|
|
<div class="data-value">{{ application.address_postal_code or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Miejscowość</div>
|
|
<div class="data-value">{{ application.address_city or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Ulica</div>
|
|
<div class="data-value">{{ application.address_street or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Nr budynku</div>
|
|
<div class="data-value">{{ application.address_number or '-' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kontakt -->
|
|
<div class="section">
|
|
<h2>Dane kontaktowe</h2>
|
|
<div class="data-grid">
|
|
<div class="data-item">
|
|
<div class="data-label">Email</div>
|
|
<div class="data-value">{{ application.email or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Telefon</div>
|
|
<div class="data-value">{{ application.phone or '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Strona WWW</div>
|
|
<div class="data-value">
|
|
{% if application.website %}
|
|
<a href="{{ application.website }}" target="_blank">{{ application.website }}</a>
|
|
{% else %}-{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Nazwa skrócona</div>
|
|
<div class="data-value">{{ application.short_name or '-' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Delegaci -->
|
|
<div class="section">
|
|
<h2>Delegaci do Walnego Zgromadzenia</h2>
|
|
<div class="data-grid single-col">
|
|
<div class="data-item">
|
|
<div class="data-label">Delegat 1 (główny)</div>
|
|
<div class="data-value">{{ application.delegate_1 or '-' }}</div>
|
|
</div>
|
|
{% if application.delegate_2 %}
|
|
<div class="data-item">
|
|
<div class="data-label">Delegat 2</div>
|
|
<div class="data-value">{{ application.delegate_2 }}</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if application.delegate_3 %}
|
|
<div class="data-item">
|
|
<div class="data-label">Delegat 3</div>
|
|
<div class="data-value">{{ application.delegate_3 }}</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sekcje -->
|
|
<div class="section">
|
|
<h2>Sekcje tematyczne</h2>
|
|
<div class="tags">
|
|
{% for label in application.sections_labels %}
|
|
<span class="tag">{{ label }}</span>
|
|
{% else %}
|
|
<span class="text-muted">Brak wybranych sekcji</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% if application.sections_other %}
|
|
<div style="margin-top: var(--spacing-md);">
|
|
<div class="data-label">Inna sekcja</div>
|
|
<div class="data-value">{{ application.sections_other }}</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Opis -->
|
|
{% if application.description %}
|
|
<div class="section">
|
|
<h2>Opis działalności</h2>
|
|
<p>{{ application.description }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Zgody RODO -->
|
|
<div class="section">
|
|
<h2>Zgody i oświadczenie</h2>
|
|
<div class="data-grid">
|
|
<div class="data-item">
|
|
<div class="data-label">Zgoda email</div>
|
|
<div class="data-value">
|
|
{% if application.consent_email %}✅ Tak{% else %}❌ Nie{% endif %}
|
|
{% if application.consent_email_address %}
|
|
<br><small>{{ application.consent_email_address }}</small>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Zgoda SMS</div>
|
|
<div class="data-value">
|
|
{% if application.consent_sms %}✅ Tak{% else %}❌ Nie{% endif %}
|
|
{% if application.consent_sms_phone %}
|
|
<br><small>{{ application.consent_sms_phone }}</small>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Oświadczenie</div>
|
|
<div class="data-value">
|
|
{% if application.declaration_accepted %}
|
|
✅ Zaakceptowane
|
|
<br><small>{{ application.declaration_accepted_at|local_time('%Y-%m-%d %H:%M') if application.declaration_accepted_at else '' }}</small>
|
|
<br><small>IP: {{ application.declaration_ip_address or '-' }}</small>
|
|
{% else %}
|
|
❌ Nie zaakceptowane
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidebar">
|
|
<!-- Akcje -->
|
|
<div class="section actions-section">
|
|
<h2>Akcje</h2>
|
|
|
|
{% if application.status == 'submitted' %}
|
|
<div class="alert alert-info">
|
|
Deklaracja oczekuje na rozpatrzenie.
|
|
</div>
|
|
<div class="action-buttons">
|
|
<button class="btn-action btn-review" onclick="startReview()">
|
|
Rozpocznij rozpatrywanie
|
|
</button>
|
|
<a href="{{ url_for('admin.admin_membership_print', app_id=application.id) }}" target="_blank" class="btn-action" style="background: #3b82f6; color: white; margin-top: 8px; text-decoration: none; text-align: center; display: block;">
|
|
🖨 Drukuj deklarację (PDF)
|
|
</a>
|
|
</div>
|
|
<p class="action-help">
|
|
Zmieni status na "W trakcie rozpatrywania" i odblokuje opcje zatwierdzenia, odrzucenia lub prośby o poprawki.
|
|
</p>
|
|
|
|
{% elif application.status == 'under_review' %}
|
|
{# Check if user accepted changes from workflow history #}
|
|
{% set user_accepted = namespace(found=false, name='', timestamp='') %}
|
|
{% if application.workflow_history %}
|
|
{% for event in application.workflow_history|reverse %}
|
|
{% if event.event == 'user_accepted_changes' and not user_accepted.found %}
|
|
{% set user_accepted.found = true %}
|
|
{% set user_accepted.name = event.user_name %}
|
|
{% set user_accepted.timestamp = event.timestamp[:16].replace('T', ' ') %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if user_accepted.found %}
|
|
<div style="background: rgba(34, 197, 94, 0.15); border: 2px solid #22c55e; border-radius: var(--radius); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); color: #15803d;">
|
|
<div style="font-size: var(--font-size-lg); font-weight: 600; margin-bottom: var(--spacing-sm);">
|
|
✓ Zmiany zaakceptowane przez użytkownika
|
|
</div>
|
|
<div style="font-size: var(--font-size-sm);">
|
|
<strong>{{ user_accepted.name }}</strong> zaakceptował(a) proponowane zmiany danych z rejestru KRS/CEIDG.
|
|
</div>
|
|
<div style="font-size: var(--font-size-xs); color: #166534; margin-top: var(--spacing-xs);">
|
|
{{ user_accepted.timestamp }}
|
|
</div>
|
|
<div style="margin-top: var(--spacing-md); padding-top: var(--spacing-sm); border-top: 1px solid rgba(34, 197, 94, 0.3); font-weight: 500;">
|
|
→ Możesz teraz zatwierdzić deklarację członkowską
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="action-buttons">
|
|
<button class="btn-action btn-approve" onclick="openApproveModal()">
|
|
✓ Zatwierdź
|
|
</button>
|
|
<button class="btn-action btn-changes" onclick="openChangesModal()">
|
|
Poproś o poprawki
|
|
</button>
|
|
<button class="btn-action btn-reject" onclick="openRejectModal()">
|
|
✗ Odrzuć
|
|
</button>
|
|
<a href="{{ url_for('admin.admin_membership_print', app_id=application.id) }}" target="_blank" class="btn-action" style="background: #3b82f6; color: white; margin-top: 8px; text-decoration: none; text-align: center; display: block;">
|
|
🖨 Drukuj deklarację (PDF)
|
|
</a>
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-top: var(--spacing-lg);">
|
|
<label>Kategoria firmy</label>
|
|
<select class="form-control" id="categorySelect">
|
|
<option value="">Wybierz kategorię...</option>
|
|
{% for cat in categories %}
|
|
<option value="{{ cat.id }}">{{ cat.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
|
|
<div class="action-legend">
|
|
<h4>Co robią przyciski?</h4>
|
|
<div class="legend-item">
|
|
<div class="legend-icon approve"></div>
|
|
<div class="legend-text"><strong>Zatwierdź</strong> — Utworzy nową firmę w katalogu, przypisze użytkownika jako właściciela i nada numer członkowski.</div>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-icon changes"></div>
|
|
<div class="legend-text"><strong>Poproś o poprawki</strong> — Wyśle deklarację z powrotem do użytkownika z prośbą o korektę. Użytkownik zobaczy Twój komentarz.</div>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-icon reject"></div>
|
|
<div class="legend-text"><strong>Odrzuć</strong> — Trwale odrzuci deklarację. Użytkownik zobaczy podany powód i będzie mógł złożyć nową.</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% elif application.status == 'approved' %}
|
|
<div class="alert alert-info">
|
|
✓ Deklaracja zatwierdzona
|
|
{% if application.member_number %}
|
|
<br><strong>Nr członkowski: {{ application.member_number }}</strong>
|
|
{% endif %}
|
|
{% if application.company_id %}
|
|
<br><a href="{{ url_for('public.company_detail_by_slug', slug=application.company.slug) }}">Zobacz firmę →</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% elif application.status == 'rejected' %}
|
|
<div class="alert alert-warning">
|
|
✗ Deklaracja odrzucona
|
|
{% if application.review_comment %}
|
|
<br><small>{{ application.review_comment }}</small>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% elif application.status == 'pending_user_approval' %}
|
|
<div class="alert" style="background: rgba(14, 165, 233, 0.1); border: 1px solid rgba(14, 165, 233, 0.3); color: #0ea5e9;">
|
|
<strong>Oczekuje na akceptację użytkownika</strong>
|
|
<br>Zaproponowano zmiany danych z rejestru. Użytkownik musi je zaakceptować lub odrzucić.
|
|
{% if application.proposed_changes_at %}
|
|
<br><small>Zaproponowano: {{ application.proposed_changes_at|local_time('%Y-%m-%d %H:%M') }}</small>
|
|
{% endif %}
|
|
{% if application.proposed_changes_comment %}
|
|
<br><small>Komentarz: {{ application.proposed_changes_comment }}</small>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% elif application.status == 'changes_requested' %}
|
|
<div class="alert alert-warning">
|
|
Oczekuje na poprawki od zgłaszającego.
|
|
{% if application.review_comment %}
|
|
<br><small>{{ application.review_comment }}</small>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Tracker statusu deklaracji — styl "śledzenie paczki" -->
|
|
<div class="section">
|
|
<h2>Status deklaracji</h2>
|
|
<div class="tracker">
|
|
{% set steps = [
|
|
{'key': 'submitted', 'icon': '📝', 'label': 'Złożona', 'date': application.submitted_at},
|
|
{'key': 'under_review', 'icon': '🔍', 'label': 'Rozpatrywana', 'date': application.reviewed_at},
|
|
{'key': 'approved', 'icon': '✅', 'label': 'Zatwierdzona', 'date': application.updated_at if application.status == 'approved' else None},
|
|
] %}
|
|
{% set status_order = {'draft': 0, 'submitted': 1, 'under_review': 2, 'changes_requested': 2, 'pending_user_approval': 2, 'approved': 3, 'rejected': 3} %}
|
|
{% set current_step = status_order.get(application.status, 0) %}
|
|
|
|
<div class="tracker-bar">
|
|
{% for step in steps %}
|
|
{% set step_num = loop.index %}
|
|
{% set is_done = step_num <= current_step %}
|
|
{% set is_current = step_num == current_step %}
|
|
{% set is_rejected = application.status == 'rejected' and step_num == 3 %}
|
|
|
|
<div class="tracker-step {{ 'done' if is_done else '' }} {{ 'current' if is_current else '' }} {{ 'rejected' if is_rejected else '' }} {{ 'step-approved' if step.key == 'approved' else '' }}">
|
|
<div class="tracker-dot">
|
|
{% if is_done and not is_current %}
|
|
<span>✓</span>
|
|
{% elif is_current %}
|
|
<span>{{ step.icon }}</span>
|
|
{% else %}
|
|
<span>{{ loop.index }}</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="tracker-label">{{ step.label }}</div>
|
|
{% if step.date %}
|
|
<div class="tracker-date">{{ step.date|local_time('%d.%m.%Y') }}<br>{{ step.date|local_time('%H:%M') }}</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if not loop.last %}
|
|
<div class="tracker-line {{ 'done' if step_num < current_step else '' }}"></div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if application.status == 'rejected' %}
|
|
<div class="tracker-line"></div>
|
|
<div class="tracker-step current rejected">
|
|
<div class="tracker-dot"><span>✗</span></div>
|
|
<div class="tracker-label">Odrzucona</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if application.status == 'changes_requested' %}
|
|
<div class="tracker-note warning">
|
|
⚠️ Poproszono o poprawki — oczekuje na korektę od zgłaszającego
|
|
</div>
|
|
{% elif application.status == 'pending_user_approval' %}
|
|
<div class="tracker-note info">
|
|
⏳ Zaproponowano zmiany z rejestru — oczekuje na akceptację użytkownika
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Historia zdarzeń (szczegóły) -->
|
|
{% set has_history = application.workflow_history and application.workflow_history|length > 0 %}
|
|
{% if has_history or application.submitted_at %}
|
|
<div class="section">
|
|
<h2>Historia zdarzeń</h2>
|
|
<div class="history-list">
|
|
{% if not has_history %}
|
|
{# Fallback: generate history from available dates #}
|
|
{% if application.status in ['approved'] and application.updated_at %}
|
|
<div class="history-item">
|
|
<div class="history-dot dot-green"></div>
|
|
<div class="history-content">
|
|
<div class="history-title">Deklaracja zatwierdzona</div>
|
|
<div class="history-meta">{{ application.updated_at|local_time('%d.%m.%Y %H:%M') }}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if application.reviewed_at %}
|
|
<div class="history-item">
|
|
<div class="history-dot dot-yellow"></div>
|
|
<div class="history-content">
|
|
<div class="history-title">Rozpoczęto rozpatrywanie</div>
|
|
<div class="history-meta">{{ application.reviewed_at|local_time('%d.%m.%Y %H:%M') }}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if application.submitted_at %}
|
|
<div class="history-item">
|
|
<div class="history-dot dot-blue"></div>
|
|
<div class="history-content">
|
|
<div class="history-title">Deklaracja złożona</div>
|
|
<div class="history-meta">{{ application.submitted_at|local_time('%d.%m.%Y %H:%M') }}{% if application.user %} · {{ application.user.name }}{% endif %}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
{% for event in application.workflow_history|reverse %}
|
|
<div class="history-item">
|
|
<div class="history-dot
|
|
{% if event.event == 'submitted' %}dot-blue
|
|
{% elif event.event == 'start_review' %}dot-yellow
|
|
{% elif event.event == 'approved' %}dot-green
|
|
{% elif event.event == 'rejected' %}dot-red
|
|
{% elif event.event == 'changes_requested' %}dot-orange
|
|
{% else %}dot-gray{% endif %}
|
|
"></div>
|
|
<div class="history-content">
|
|
<div class="history-title">{{ event.get('action_label', event.event) }}</div>
|
|
<div class="history-meta">
|
|
{{ event.timestamp[:16].replace('T', ' ') }}
|
|
{% if event.user_name %} · {{ event.user_name }}{% endif %}
|
|
</div>
|
|
{% if event.get('details', {}).get('comment') %}
|
|
<div class="history-comment">„{{ event.details.comment }}"</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Info o zgłaszającym -->
|
|
<div class="section">
|
|
<h2>Zgłaszający</h2>
|
|
<div class="data-grid single-col">
|
|
<div class="data-item">
|
|
<div class="data-label">Użytkownik</div>
|
|
<div class="data-value">{{ application.user.name if application.user else '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Email</div>
|
|
<div class="data-value">{{ application.user.email if application.user else '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Data zgłoszenia</div>
|
|
<div class="data-value">{{ application.created_at|local_time('%Y-%m-%d %H:%M') if application.created_at else '-' }}</div>
|
|
</div>
|
|
<div class="data-item">
|
|
<div class="data-label">Data wysłania</div>
|
|
<div class="data-value">{{ application.submitted_at|local_time('%Y-%m-%d %H:%M') if application.submitted_at else '-' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal: Zatwierdź -->
|
|
<div class="modal" id="approveModal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Zatwierdź deklarację</h3>
|
|
<button class="modal-close" onclick="closeModal('approveModal')">×</button>
|
|
</div>
|
|
<p>Zostanie utworzona nowa firma w katalogu i przypisana do zgłaszającego użytkownika.</p>
|
|
<div class="form-group">
|
|
<label>Komentarz (opcjonalnie)</label>
|
|
<textarea class="form-control" id="approveComment" rows="3" placeholder="Komentarz dla zgłaszającego..."></textarea>
|
|
</div>
|
|
<div class="modal-buttons">
|
|
<button class="btn-cancel" onclick="closeModal('approveModal')">Anuluj</button>
|
|
<button class="btn-action btn-approve" onclick="approve()">Zatwierdź</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal: Odrzuć -->
|
|
<div class="modal" id="rejectModal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Odrzuć deklarację</h3>
|
|
<button class="modal-close" onclick="closeModal('rejectModal')">×</button>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Powód odrzucenia <span style="color: var(--error);">*</span></label>
|
|
<textarea class="form-control" id="rejectComment" rows="3" placeholder="Podaj powód odrzucenia..." required></textarea>
|
|
</div>
|
|
<div class="modal-buttons">
|
|
<button class="btn-cancel" onclick="closeModal('rejectModal')">Anuluj</button>
|
|
<button class="btn-action btn-reject" onclick="reject()">Odrzuć</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal: Poprawki -->
|
|
<div class="modal" id="changesModal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Poproś o poprawki</h3>
|
|
<button class="modal-close" onclick="closeModal('changesModal')">×</button>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Co wymaga poprawienia? <span style="color: var(--error);">*</span></label>
|
|
<textarea class="form-control" id="changesComment" rows="3" placeholder="Opisz wymagane poprawki..." required></textarea>
|
|
</div>
|
|
<div class="modal-buttons">
|
|
<button class="btn-cancel" onclick="closeModal('changesModal')">Anuluj</button>
|
|
<button class="btn-action btn-changes" onclick="requestChanges()">Wyślij</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal: Zaproponuj zmiany z rejestru -->
|
|
<div class="modal" id="proposeModal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Zaproponuj zmiany użytkownikowi</h3>
|
|
<button class="modal-close" onclick="closeModal('proposeModal')">×</button>
|
|
</div>
|
|
<p style="margin-bottom: var(--spacing-md);">
|
|
Użytkownik otrzyma powiadomienie o proponowanych zmianach i będzie mógł je zaakceptować lub odrzucić.
|
|
Dopiero po akceptacji zmiany zostaną zastosowane.
|
|
</p>
|
|
<div id="proposedChangesSummary" style="background: var(--background); padding: var(--spacing-md); border-radius: var(--radius); margin-bottom: var(--spacing-md); font-size: var(--font-size-sm);"></div>
|
|
<div class="form-group">
|
|
<label>Komentarz dla użytkownika (opcjonalnie)</label>
|
|
<textarea class="form-control" id="proposeComment" rows="2" placeholder="Wyjaśnij dlaczego proponujesz te zmiany..."></textarea>
|
|
</div>
|
|
<div class="modal-buttons">
|
|
<button class="btn-cancel" onclick="closeModal('proposeModal')">Anuluj</button>
|
|
<button class="btn-action btn-review" onclick="proposeChanges()">Wyślij do użytkownika</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_js %}
|
|
const appId = {{ application.id }};
|
|
const appNip = '{{ application.nip or "" }}';
|
|
const csrfToken = '{{ csrf_token() }}';
|
|
let registryData = null;
|
|
|
|
// Ładne powiadomienia zamiast alert()
|
|
function showNotification(message, type = 'info') {
|
|
// type: 'success', 'error', 'warning', 'info'
|
|
let container = document.querySelector('.flash-messages');
|
|
if (!container) {
|
|
container = document.createElement('div');
|
|
container.className = 'flash-messages';
|
|
container.setAttribute('role', 'alert');
|
|
container.setAttribute('aria-live', 'polite');
|
|
document.body.appendChild(container);
|
|
}
|
|
|
|
const flash = document.createElement('div');
|
|
flash.className = `flash flash-${type}`;
|
|
flash.innerHTML = `
|
|
<span>${message}</span>
|
|
<button class="flash-close" onclick="this.parentElement.remove()" aria-label="Close">×</button>
|
|
`;
|
|
container.appendChild(flash);
|
|
|
|
// Auto-dismiss after 5 seconds
|
|
setTimeout(() => {
|
|
flash.style.animation = 'slideOut 0.3s ease-out';
|
|
setTimeout(() => flash.remove(), 300);
|
|
}, 5000);
|
|
}
|
|
|
|
function setLookupStatus(message, type) {
|
|
const statusEl = document.getElementById('lookupStatus');
|
|
if (statusEl) {
|
|
statusEl.textContent = message;
|
|
statusEl.className = 'lookup-status ' + type;
|
|
statusEl.style.display = message ? 'block' : 'none';
|
|
}
|
|
}
|
|
|
|
// Pobieranie danych z rejestru
|
|
async function lookupRegistry() {
|
|
if (!appNip) {
|
|
showNotification('Brak NIP w deklaracji', 'warning');
|
|
return;
|
|
}
|
|
|
|
const btn = document.getElementById('btnLookupRegistry');
|
|
const resultDiv = document.getElementById('registryResult');
|
|
const diffDiv = document.getElementById('registryDiff');
|
|
const titleEl = document.getElementById('registryResultTitle');
|
|
const applyBtn = document.getElementById('btnApplyRegistry');
|
|
|
|
btn.disabled = true;
|
|
btn.innerHTML = '<span class="loading-spinner"></span> Pobieranie...';
|
|
setLookupStatus('Sprawdzam NIP w Białej Liście VAT (Ministerstwo Finansów)...', 'loading');
|
|
|
|
try {
|
|
const response = await fetch('/api/membership/lookup-nip', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
|
|
body: JSON.stringify({ nip: appNip })
|
|
});
|
|
|
|
const result = await response.json();
|
|
resultDiv.classList.add('active');
|
|
|
|
if (result.success && result.data) {
|
|
registryData = result.data;
|
|
resultDiv.classList.remove('error');
|
|
titleEl.textContent = `✓ Dane z ${result.source}`;
|
|
|
|
// Pokaż różnice
|
|
const currentData = {
|
|
company_name: '{{ application.company_name|e }}',
|
|
address_postal_code: '{{ application.address_postal_code|e }}',
|
|
address_city: '{{ application.address_city|e }}',
|
|
address_street: '{{ application.address_street|e }}',
|
|
address_number: '{{ application.address_number|e }}',
|
|
regon: '{{ application.regon|e }}',
|
|
krs_number: '{{ application.krs_number|e }}'
|
|
};
|
|
|
|
let diffHtml = '';
|
|
const fields = [
|
|
{ key: 'name', label: 'Nazwa', current: currentData.company_name },
|
|
{ key: 'address_postal_code', label: 'Kod pocztowy', current: currentData.address_postal_code },
|
|
{ key: 'address_city', label: 'Miejscowość', current: currentData.address_city },
|
|
{ key: 'address_street', label: 'Ulica', current: currentData.address_street },
|
|
{ key: 'address_number', label: 'Nr budynku', current: currentData.address_number },
|
|
{ key: 'regon', label: 'REGON', current: currentData.regon },
|
|
{ key: 'krs', label: 'KRS', current: currentData.krs_number }
|
|
];
|
|
|
|
let hasDifferences = false;
|
|
fields.forEach(f => {
|
|
const newVal = result.data[f.key] || '';
|
|
const oldVal = f.current || '';
|
|
if (newVal && newVal !== oldVal) {
|
|
hasDifferences = true;
|
|
diffHtml += `
|
|
<div class="registry-diff-row">
|
|
<span class="registry-diff-label">${f.label}:</span>
|
|
<span>
|
|
${oldVal ? `<span class="registry-diff-old">${oldVal}</span> → ` : ''}
|
|
<span class="registry-diff-new">${newVal}</span>
|
|
</span>
|
|
</div>
|
|
`;
|
|
} else if (newVal) {
|
|
diffHtml += `
|
|
<div class="registry-diff-row">
|
|
<span class="registry-diff-label">${f.label}:</span>
|
|
<span>${newVal} ✓</span>
|
|
</div>
|
|
`;
|
|
}
|
|
});
|
|
|
|
diffDiv.innerHTML = diffHtml || '<p>Dane zgodne z rejestrem.</p>';
|
|
applyBtn.style.display = hasDifferences ? 'inline-flex' : 'none';
|
|
|
|
if (result.source === 'KRS') {
|
|
setLookupStatus('✓ Dane pobrane z KRS Open API (Ministerstwo Sprawiedliwości)', 'success');
|
|
} else if (result.source === 'CEIDG') {
|
|
setLookupStatus('✓ Dane pobrane z CEIDG (jednoosobowa działalność)', 'success');
|
|
}
|
|
} else {
|
|
registryData = null;
|
|
resultDiv.classList.add('error');
|
|
titleEl.textContent = '✗ Nie znaleziono w rejestrze';
|
|
diffDiv.innerHTML = `<p>${result.message || 'Firma o podanym NIP nie została znaleziona w KRS ani CEIDG.'}</p>`;
|
|
applyBtn.style.display = 'none';
|
|
setLookupStatus('Firma nie znaleziona w KRS ani CEIDG', 'error');
|
|
}
|
|
} catch (e) {
|
|
resultDiv.classList.add('active', 'error');
|
|
titleEl.textContent = '✗ Błąd połączenia';
|
|
diffDiv.innerHTML = '<p>Nie udało się połączyć z rejestrem. Spróbuj ponownie.</p>';
|
|
setLookupStatus('Błąd połączenia z rejestrem', 'error');
|
|
} finally {
|
|
btn.disabled = false;
|
|
btn.innerHTML = `
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="11" cy="11" r="8"/>
|
|
<path d="M21 21l-4.35-4.35"/>
|
|
</svg>
|
|
Pobierz aktualne dane z KRS/CEIDG
|
|
`;
|
|
}
|
|
}
|
|
|
|
function openProposeModal() {
|
|
if (!registryData) {
|
|
showNotification('Najpierw pobierz dane z rejestru', 'warning');
|
|
return;
|
|
}
|
|
|
|
// Show summary of proposed changes
|
|
const currentData = {
|
|
company_name: '{{ application.company_name|e }}',
|
|
address_postal_code: '{{ application.address_postal_code|e }}',
|
|
address_city: '{{ application.address_city|e }}',
|
|
address_street: '{{ application.address_street|e }}',
|
|
address_number: '{{ application.address_number|e }}',
|
|
regon: '{{ application.regon|e }}',
|
|
krs_number: '{{ application.krs_number|e }}'
|
|
};
|
|
|
|
const fields = [
|
|
{ key: 'name', label: 'Nazwa', current: currentData.company_name },
|
|
{ key: 'address_postal_code', label: 'Kod pocztowy', current: currentData.address_postal_code },
|
|
{ key: 'address_city', label: 'Miejscowość', current: currentData.address_city },
|
|
{ key: 'address_street', label: 'Ulica', current: currentData.address_street },
|
|
{ key: 'address_number', label: 'Nr budynku', current: currentData.address_number },
|
|
{ key: 'regon', label: 'REGON', current: currentData.regon },
|
|
{ key: 'krs', label: 'KRS', current: currentData.krs_number }
|
|
];
|
|
|
|
let summaryHtml = '<strong>Proponowane zmiany:</strong><ul style="margin: var(--spacing-sm) 0; padding-left: var(--spacing-lg);">';
|
|
fields.forEach(f => {
|
|
const newVal = registryData[f.key] || '';
|
|
const oldVal = f.current || '';
|
|
if (newVal && newVal !== oldVal) {
|
|
summaryHtml += `<li><strong>${f.label}:</strong> ${oldVal || '(brak)'} → ${newVal}</li>`;
|
|
}
|
|
});
|
|
summaryHtml += '</ul>';
|
|
|
|
document.getElementById('proposedChangesSummary').innerHTML = summaryHtml;
|
|
document.getElementById('proposeModal').classList.add('active');
|
|
}
|
|
|
|
async function proposeChanges() {
|
|
if (!registryData) {
|
|
showNotification('Najpierw pobierz dane z rejestru', 'warning');
|
|
return;
|
|
}
|
|
|
|
const comment = document.getElementById('proposeComment').value.trim();
|
|
|
|
try {
|
|
const response = await fetch(`/admin/membership/${appId}/propose-changes`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
|
|
body: JSON.stringify({
|
|
registry_data: registryData,
|
|
comment: comment
|
|
})
|
|
});
|
|
|
|
const result = await response.json();
|
|
if (result.success) {
|
|
showNotification('Propozycja zmian została wysłana do użytkownika. Oczekuje na akceptację.', 'success');
|
|
closeModal('proposeModal');
|
|
setTimeout(() => location.reload(), 1500);
|
|
} else {
|
|
showNotification(result.error || 'Wystąpił błąd', 'error');
|
|
}
|
|
} catch (e) {
|
|
showNotification('Błąd połączenia z serwerem', 'error');
|
|
}
|
|
}
|
|
|
|
function printDeclaration() {
|
|
// Open a clean print window — no browser headers/footers
|
|
var printHeader = document.querySelector('.print-header');
|
|
var mainContent = document.querySelector('.main-content');
|
|
if (!mainContent) return;
|
|
|
|
var win = window.open('', '_blank', 'width=800,height=600');
|
|
win.document.write('<!DOCTYPE html><html><head><meta charset="utf-8">');
|
|
win.document.write('<title> </title>'); // Empty title = no header
|
|
win.document.write('<style>');
|
|
win.document.write('body { font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 9pt; color: #000; margin: 0; padding: 15mm; }');
|
|
win.document.write('.print-header { text-align: center; margin-bottom: 8pt; padding-bottom: 6pt; border-bottom: 2pt solid #2E4872; }');
|
|
win.document.write('.print-header h2 { font-size: 13pt; color: #2E4872; margin: 0; }');
|
|
win.document.write('.print-header p { font-size: 8.5pt; color: #444; margin: 2pt 0 0; }');
|
|
win.document.write('.info-section { break-inside: avoid; margin: 4pt 0; border: 0.5pt solid #bbb; padding: 4pt 8pt; }');
|
|
win.document.write('.info-section h2 { font-size: 10pt; color: #2E4872; border-bottom: 0.5pt solid #2E4872; padding-bottom: 2pt; margin: 0 0 4pt; }');
|
|
win.document.write('.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2pt 16pt; }');
|
|
win.document.write('.info-row { padding: 1pt 0; font-size: 8.5pt; line-height: 1.3; }');
|
|
win.document.write('.info-label { font-weight: bold; font-size: 7.5pt; color: #666; display: block; }');
|
|
win.document.write('.info-value { font-size: 9pt; }');
|
|
win.document.write('.section-tag { display: inline-block; background: #e8f0fe; color: #1a56db; padding: 1pt 6pt; border-radius: 3pt; font-size: 8pt; margin: 1pt 2pt; }');
|
|
win.document.write('.consent-item { font-size: 8pt; padding: 1pt 0; }');
|
|
win.document.write('.consent-yes { color: #16a34a; } .consent-no { color: #dc2626; }');
|
|
win.document.write('h2, h3, h4 { margin: 0; }');
|
|
win.document.write('a { color: #000; text-decoration: none; }');
|
|
win.document.write('.registry-actions, .action-buttons, .btn-action, .alert, .status-badge, .workflow-timeline { display: none; }');
|
|
win.document.write('@page { margin: 10mm; }');
|
|
win.document.write('@media print { body { padding: 0; } }');
|
|
win.document.write('</style></head><body>');
|
|
if (printHeader) win.document.write(printHeader.outerHTML.replace('display: none', 'display: block'));
|
|
win.document.write(mainContent.innerHTML);
|
|
win.document.write('</body></html>');
|
|
win.document.close();
|
|
win.focus();
|
|
setTimeout(function() { win.print(); }, 300);
|
|
}
|
|
|
|
function openApproveModal() {
|
|
document.getElementById('approveModal').classList.add('active');
|
|
}
|
|
|
|
function openRejectModal() {
|
|
document.getElementById('rejectModal').classList.add('active');
|
|
}
|
|
|
|
function openChangesModal() {
|
|
document.getElementById('changesModal').classList.add('active');
|
|
}
|
|
|
|
function closeModal(id) {
|
|
document.getElementById(id).classList.remove('active');
|
|
}
|
|
|
|
async function startReview() {
|
|
try {
|
|
const response = await fetch(`/admin/membership/${appId}/start-review`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }
|
|
});
|
|
const result = await response.json();
|
|
if (result.success) {
|
|
showNotification('Rozpoczęto rozpatrywanie deklaracji', 'success');
|
|
setTimeout(() => location.reload(), 1000);
|
|
} else {
|
|
showNotification(result.error || 'Wystąpił błąd', 'error');
|
|
}
|
|
} catch (e) {
|
|
showNotification('Błąd połączenia z serwerem', 'error');
|
|
}
|
|
}
|
|
|
|
async function approve() {
|
|
const categoryId = document.getElementById('categorySelect')?.value;
|
|
const comment = document.getElementById('approveComment').value;
|
|
|
|
try {
|
|
const response = await fetch(`/admin/membership/${appId}/approve`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
|
|
body: JSON.stringify({ category_id: categoryId || null, comment: comment })
|
|
});
|
|
const result = await response.json();
|
|
if (result.success) {
|
|
showNotification(`Deklaracja zatwierdzona! Nr członkowski: ${result.member_number}`, 'success');
|
|
closeModal('approveModal');
|
|
setTimeout(() => location.reload(), 1500);
|
|
} else {
|
|
showNotification(result.error || 'Wystąpił błąd', 'error');
|
|
}
|
|
} catch (e) {
|
|
showNotification('Błąd połączenia z serwerem', 'error');
|
|
}
|
|
}
|
|
|
|
async function reject() {
|
|
const comment = document.getElementById('rejectComment').value.trim();
|
|
if (!comment) {
|
|
showNotification('Podaj powód odrzucenia', 'warning');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const response = await fetch(`/admin/membership/${appId}/reject`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
|
|
body: JSON.stringify({ comment: comment })
|
|
});
|
|
const result = await response.json();
|
|
if (result.success) {
|
|
showNotification('Deklaracja została odrzucona', 'info');
|
|
closeModal('rejectModal');
|
|
setTimeout(() => location.reload(), 1500);
|
|
} else {
|
|
showNotification(result.error || 'Wystąpił błąd', 'error');
|
|
}
|
|
} catch (e) {
|
|
showNotification('Błąd połączenia z serwerem', 'error');
|
|
}
|
|
}
|
|
|
|
async function requestChanges() {
|
|
const comment = document.getElementById('changesComment').value.trim();
|
|
if (!comment) {
|
|
showNotification('Opisz wymagane poprawki', 'warning');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const response = await fetch(`/admin/membership/${appId}/request-changes`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
|
|
body: JSON.stringify({ comment: comment })
|
|
});
|
|
const result = await response.json();
|
|
if (result.success) {
|
|
showNotification('Prośba o poprawki została wysłana', 'success');
|
|
closeModal('changesModal');
|
|
setTimeout(() => location.reload(), 1500);
|
|
} else {
|
|
showNotification(result.error || 'Wystąpił błąd', 'error');
|
|
}
|
|
} catch (e) {
|
|
showNotification('Błąd połączenia z serwerem', 'error');
|
|
}
|
|
}
|
|
|
|
// Close modals on outside click
|
|
document.querySelectorAll('.modal').forEach(modal => {
|
|
modal.addEventListener('click', function(e) {
|
|
if (e.target === this) {
|
|
this.classList.remove('active');
|
|
}
|
|
});
|
|
});
|
|
{% endblock %}
|