@extends('layout.master')

@section('content')
<div class="container my-1">
    <div class="row mb-3">
        <div class="col-lg-12 mx-auto">
            <h1 class="display-4 mb-2">Training Manual</h1>
            <p class="lead text-muted">Your comprehensive guide to operating and maintaining equipment effectively. This manual covers essential information, best practices, and safety guidelines to ensure safe and efficient operations.</p>
        </div>
    </div>

    <!-- Manual Content -->
    <div class="row mb-3">
        <div class="col-lg-12">
            <div class="card mb-2">
                <div class="card-body">
                    <h3 class="card-title">Section 1: Introduction to Equipment</h3>
                    <p class="card-text">This section introduces the equipment you will be using. It covers its components, features, and how to set it up for safe operation.</p>
                    <ul>
                        <li><strong>Overview of the equipment</strong></li>
                        <li><strong>Key components</strong></li>
                        <li><strong>Getting started</strong></li>
                    </ul>
                    <a href="#" class="btn btn-primary">Download PDF</a>
                </div>
            </div>

            <div class="card mb-2">
                <div class="card-body">
                    <h3 class="card-title">Section 2: Safety Guidelines</h3>
                    <p class="card-text">Safety is our top priority. This section provides important guidelines for using the equipment safely, preventing accidents, and ensuring compliance with regulatory standards.</p>
                    <ul>
                        <li><strong>Personal Protective Equipment (PPE)</strong></li>
                        <li><strong>Hazard identification and mitigation</strong></li>
                        <li><strong>Emergency procedures</strong></li>
                    </ul>
                    <a href="#" class="btn btn-primary">Download PDF</a>
                </div>
            </div>

            <div class="card mb-2">
                <div class="card-body">
                    <h3 class="card-title">Section 3: Maintenance and Troubleshooting</h3>
                    <p class="card-text">Regular maintenance is key to ensuring the longevity of your equipment. This section covers routine checks, troubleshooting tips, and how to handle common issues.</p>
                    <ul>
                        <li><strong>Scheduled maintenance tasks</strong></li>
                        <li><strong>Identifying and fixing common issues</strong></li>
                        <li><strong>Replacing worn-out parts</strong></li>
                    </ul>
                    <a href="#" class="btn btn-primary">Download PDF</a>
                </div>
            </div>

            <div class="card mb-2">
                <div class="card-body">
                    <h3 class="card-title">Section 4: Advanced Techniques</h3>
                    <p class="card-text">This section provides advanced techniques for maximizing efficiency and optimizing operations, as well as troubleshooting complex problems.</p>
                    <ul>
                        <li><strong>Advanced operating techniques</strong></li>
                        <li><strong>Optimizing performance</strong></li>
                        <li><strong>Complex troubleshooting</strong></li>
                    </ul>
                    <a href="#" class="btn btn-primary">Download PDF</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <h2 class="mb-2">Additional Resources</h2>
            <p class="lead text-muted mb-1">For more in-depth knowledge, consider exploring these resources:</p>
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Video Tutorials</h5>
                            <p class="card-text">Watch step-by-step videos to see the equipment in action and learn best practices.</p>
                            <a href="#" class="btn btn-secondary">Watch Now</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">FAQs</h5>
                            <p class="card-text">Find answers to frequently asked questions related to the equipment, troubleshooting, and safety.</p>
                            <a href="#" class="btn btn-secondary">Read FAQs</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Contact Support</h5>
                            <p class="card-text">Need further assistance? Contact our support team for help with any issues you may encounter.</p>
                            <a href="#" class="btn btn-secondary">Get Help</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection