110 lines
4.6 KiB
HTML
110 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}3D Pricing{% endblock %} — 3D Pricing</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
|
<style>
|
|
:root { --sidebar-w: 220px; }
|
|
body { background: #f4f6f9; }
|
|
|
|
#sidebar {
|
|
width: var(--sidebar-w); min-height: 100vh;
|
|
background: #1a1d23; position: fixed; top: 0; left: 0;
|
|
display: flex; flex-direction: column;
|
|
}
|
|
#sidebar .brand {
|
|
padding: 1.25rem 1.25rem 1rem; color: #fff;
|
|
font-weight: 700; font-size: 1.1rem;
|
|
border-bottom: 1px solid #2e323d;
|
|
}
|
|
#sidebar .brand span { color: #ff6b35; }
|
|
#sidebar nav { flex: 1; padding: .5rem 0; }
|
|
#sidebar nav a {
|
|
display: flex; align-items: center; gap: .65rem;
|
|
padding: .6rem 1.25rem; color: #9ba3af;
|
|
text-decoration: none; font-size: .875rem;
|
|
transition: background .15s, color .15s;
|
|
}
|
|
#sidebar nav a:hover, #sidebar nav a.active { background: #2e323d; color: #fff; }
|
|
#sidebar nav a.active { border-left: 3px solid #ff6b35; }
|
|
#sidebar nav .nav-section {
|
|
padding: .75rem 1.25rem .25rem; font-size: .7rem;
|
|
text-transform: uppercase; letter-spacing: .08em; color: #4b5563;
|
|
}
|
|
|
|
#main { margin-left: var(--sidebar-w); padding: 1.75rem 2rem; }
|
|
.page-header { margin-bottom: 1.5rem; }
|
|
.page-header h1 { font-size: 1.4rem; font-weight: 700; margin: 0; }
|
|
|
|
.stat-card {
|
|
background: #fff; border-radius: 10px; padding: 1.25rem 1.5rem;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.06);
|
|
}
|
|
.stat-card .label { font-size: .75rem; color: #6b7280; text-transform: uppercase; letter-spacing: .05em; }
|
|
.stat-card .value { font-size: 1.75rem; font-weight: 700; margin-top: .1rem; }
|
|
|
|
.card { border: none; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
|
|
.card-header { background: #fff; border-bottom: 1px solid #f0f0f0; font-weight: 600; }
|
|
|
|
.breakdown-row { display: flex; justify-content: space-between; padding: .2rem 0; font-size: .88rem; }
|
|
.breakdown-row.total { font-weight: 700; font-size: 1rem; border-top: 2px solid #dee2e6; padding-top: .5rem; margin-top: .3rem; }
|
|
.breakdown-row.subtotal { border-top: 1px solid #dee2e6; padding-top: .4rem; margin-top: .2rem; }
|
|
.breakdown-muted { color: #6b7280; }
|
|
|
|
.final-price { font-size: 2rem; font-weight: 700; color: #ff6b35; }
|
|
|
|
.stock-ok { color: #22c55e; }
|
|
.stock-low { color: #f59e0b; }
|
|
.stock-empty { color: #ef4444; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="sidebar">
|
|
<div class="brand"><i class="bi bi-layers-half"></i> 3D<span>Pricing</span></div>
|
|
<nav>
|
|
<div class="nav-section">Navigation</div>
|
|
<a href="{{ url_for('dashboard') }}" class="{% if request.endpoint=='dashboard' %}active{% endif %}">
|
|
<i class="bi bi-speedometer2"></i> Dashboard
|
|
</a>
|
|
<a href="{{ url_for('jobs') }}" class="{% if request.endpoint in ['jobs','job_detail'] %}active{% endif %}">
|
|
<i class="bi bi-printer"></i> Commandes
|
|
</a>
|
|
<a href="{{ url_for('new_job') }}" class="{% if request.endpoint=='new_job' %}active{% endif %}">
|
|
<i class="bi bi-plus-circle"></i> Nouveau calcul
|
|
</a>
|
|
<a href="{{ url_for('clients') }}" class="{% if 'client' in request.endpoint %}active{% endif %}">
|
|
<i class="bi bi-building"></i> Clients
|
|
</a>
|
|
<a href="{{ url_for('materials') }}" class="{% if 'material' in request.endpoint %}active{% endif %}">
|
|
<i class="bi bi-boxes"></i> Matières
|
|
</a>
|
|
<div class="nav-section">Analyse</div>
|
|
<a href="{{ url_for('stats') }}" class="{% if request.endpoint=='stats' %}active{% endif %}">
|
|
<i class="bi bi-bar-chart-line"></i> Statistiques
|
|
</a>
|
|
<a href="{{ url_for('export_csv') }}">
|
|
<i class="bi bi-download"></i> Export CSV
|
|
</a>
|
|
<div class="nav-section">Config</div>
|
|
<a href="{{ url_for('settings') }}" class="{% if request.endpoint=='settings' %}active{% endif %}">
|
|
<i class="bi bi-sliders"></i> Paramètres
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div id="main">
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% for cat, msg in messages %}
|
|
<div class="alert alert-{{ cat }} alert-dismissible fade show">
|
|
{{ msg }} <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endwith %}
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle |