{% extends 'base/base.html' %}

{% block title %}Terms and Conditions - {{ block.super }}{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h1 class="h4 mb-0">Terms and Conditions</h1>
                </div>
                <div class="card-body">
                    <p class="text-muted">Last updated: [Date]</p>
                    
                    <h2 class="h5 mt-4">1. Introduction</h2>
                    <p>Welcome to PRACA Equipment Rental. These terms and conditions outline the rules and regulations for the use of our website and services.</p>
                    
                    <h2 class="h5 mt-4">2. Equipment Rental</h2>
                    <p>All equipment is rented on a first-come, first-served basis. The rental period begins when the equipment leaves our facility and ends when it is returned.</p>
                    
                    <h2 class="h5 mt-4">3. Payment Terms</h2>
                    <p>Payment is due in full at the time of booking. We accept various payment methods including credit cards and mobile money.</p>
                    
                    <h2 class="h5 mt-4">4. Cancellation Policy</h2>
                    <p>Cancellations made more than 48 hours before the rental period will receive a full refund. Cancellations made within 48 hours are non-refundable.</p>
                    
                    <h2 class="h5 mt-4">5. Liability</h2>
                    <p>Renters are responsible for any damage to or loss of equipment during the rental period. Additional charges may apply for damaged or late returns.</p>
                    
                    <h2 class="h5 mt-4">6. Contact Us</h2>
                    <p>If you have any questions about these terms, please contact us at support@praca.com.</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}