87 lines
3.0 KiB
HTML
87 lines
3.0 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block title %}
|
|
Fleet Manager Dashboard
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
<div class="container-fluid">
|
|
<div class="text-center mb-5">
|
|
<h1 class="display-4">🚚 Fleet Manager</h1>
|
|
<p class="lead text-muted">Comprehensive fleet management solution</p>
|
|
</div>
|
|
|
|
<div class="row g-4 justify-content-center">
|
|
<div class="col-12 col-md-6 col-lg-4">
|
|
<div class="card hover-effect h-100">
|
|
<div class="card-header bg-primary text-white">
|
|
<i class="fas fa-car fa-2x me-2"></i>Vehicle Operations
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="/carinfo" class="btn btn-outline-primary w-100 mb-3">
|
|
<i class="fas fa-info-circle me-2"></i>Vehicle Information
|
|
</a>
|
|
<a href="/preserved" class="btn btn-outline-success w-100 mb-3">
|
|
<i class="fas fa-archive me-2"></i>Preserved Footage
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-lg-4">
|
|
<div class="card hover-effect h-100">
|
|
<div class="card-header bg-info text-white">
|
|
<i class="fas fa-video fa-2x me-2"></i>Media Management
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="/footage" class="btn btn-outline-info w-100 mb-3">
|
|
<i class="fas fa-dashcube me-2"></i>Dashcam Footage
|
|
</a>
|
|
<a href="/screenrecords" class="btn btn-outline-warning w-100 mb-3">
|
|
<i class="fas fa-film me-2"></i>Screen Recordings
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-lg-4">
|
|
<div class="card hover-effect h-100">
|
|
<div class="card-header bg-secondary text-white">
|
|
<i class="fas fa-cogs fa-2x me-2"></i>System Management
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="/error_logs" class="btn btn-outline-danger w-100 mb-3">
|
|
<i class="fas fa-bug me-2"></i>Error Logs
|
|
</a>
|
|
<a href="/about" class="btn btn-outline-dark w-100 mb-3">
|
|
<i class="fas fa-info-circle me-2"></i>About System
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.hover-effect {
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
border-radius: 15px;
|
|
}
|
|
.hover-effect:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
|
|
}
|
|
.card-header {
|
|
border-radius: 15px 15px 0 0 !important;
|
|
}
|
|
.btn {
|
|
transition: all 0.2s;
|
|
text-align: left;
|
|
padding: 1rem;
|
|
border-radius: 10px;
|
|
}
|
|
.btn:hover {
|
|
transform: scale(1.02);
|
|
}
|
|
</style>
|
|
{% endblock %} |