89 lines
3.4 KiB
HTML
89 lines
3.4 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Inspections - Quality Module{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid py-5">
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h1 class="mb-2">
|
|
<i class="fas fa-clipboard-list"></i> Quality Inspections
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#newInspectionModal">
|
|
<i class="fas fa-plus"></i> New Inspection
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card shadow-sm">
|
|
<div class="card-header bg-light">
|
|
<h5 class="mb-0">Inspection Records</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Date</th>
|
|
<th>Type</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="5" class="text-center text-muted py-4">
|
|
No inspections found
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- New Inspection Modal -->
|
|
<div class="modal fade" id="newInspectionModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">New Quality Inspection</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="newInspectionForm">
|
|
<div class="mb-3">
|
|
<label for="inspectionType" class="form-label">Inspection Type</label>
|
|
<select class="form-select" id="inspectionType" required>
|
|
<option value="">Select type...</option>
|
|
<option value="visual">Visual Check</option>
|
|
<option value="functional">Functional Test</option>
|
|
<option value="measurement">Measurement</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="inspectionNote" class="form-label">Notes</label>
|
|
<textarea class="form-control" id="inspectionNote" rows="3"></textarea>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary">Create Inspection</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|