@extends('layout.master')

@section('content')
<div class="container my-1">
    <div class="row mb-1">
        <div class="col-lg-12">
            <h1 class="display-4 mb-1 text-start">Training Quizzes</h1> 
            <p class="lead text-muted">Test your knowledge with our interactive quizzes. These quizzes are designed to reinforce your understanding of the equipment, safety protocols, and best practices. Complete them to evaluate your readiness and comprehension.</p>
        </div>
    </div>
    <div class="row">

        <div class="row mb-3 mt-4">
            <div class="col-lg-12"> 
                <h2 class="mb-1 text-start">Quiz Results</h2>
                <ul class="list-group">
                    <li class="list-group-item">Quiz 1: Equipment Operation - <strong>Completed</strong> <span class="badge bg-success">Score: 90%</span></li>
                    <li class="list-group-item">Quiz 2: Safety Procedures - <strong>Completed</strong> <span class="badge bg-warning">Score: 75%</span></li>
                    <li class="list-group-item">Quiz 3: Maintenance Knowledge - <strong>Completed</strong> <span class="badge bg-danger">Score: 65%</span></li>
                    <li class="list-group-item">Quiz 4: Emergency Procedures - <strong>Not Completed</strong> <span class="badge bg-secondary">Pending</span></li>
                </ul>
            </div>
        </div>

        <div class="col-lg-12"> 
            <div class="card mb-1">
                <div class="card-body">
                    <h3 class="card-title">Quiz 1: Equipment Operation</h3>
                    <p class="card-text">This quiz tests your knowledge of equipment operation. Answer the questions below based on the training manual and video resources.</p>
                    <a href="" class="btn btn-primary">Start Quiz</a>
                </div>
            </div>
            <div class="card mb-1">
                <div class="card-body">
                    <h3 class="card-title">Quiz 2: Safety Procedures</h3>
                    <p class="card-text">Safety is crucial. This quiz covers the key safety procedures you need to follow when operating equipment. Test your understanding of safety measures.</p>
                    <a href="" class="btn btn-primary">Start Quiz</a>
                </div>
            </div>
            <div class="card mb-1">
                <div class="card-body">
                    <h3 class="card-title">Quiz 3: Maintenance Knowledge</h3>
                    <p class="card-text">This quiz covers maintenance knowledge. Assess your understanding of regular maintenance tasks and troubleshooting procedures.</p>
                    <a href="" class="btn btn-primary">Start Quiz</a>
                </div>
            </div>
            <div class="card mb-1">
                <div class="card-body">
                    <h3 class="card-title">Quiz 4: Emergency Procedures</h3>
                    <p class="card-text">Evaluate your preparedness for emergencies. This quiz tests your understanding of emergency protocols and procedures to follow in critical situations.</p>
                    <a href="" class="btn btn-primary">Start Quiz</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection