{% extends "base.html" %}
{% load static %}

{% block title %}Our Roadmap - IHICL Investment{% endblock %}

{% block content %}
    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">RoadMap</h4>
            <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item"><a href="{% url 'home' %}" class="text-white">Home</a></li>
                <li class="breadcrumb-item"><a href="#" class="text-white">Pages</a></li>
                <li class="breadcrumb-item active text-primary">RoadMap</li>
            </ol>    
        </div>
    </div>
    <!-- Header End -->
    <div class="container-fluid py-5" style="background-color: #fff; color: #fff;">
        <!-- Roadmap Section -->
        <div class="row mb-4">
            <div class="col-12 text-center">
                <h3 style="color: #d4ab34;">Our Roadmap</h3>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10">
                <div class="card bg-dark text-white shadow">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                Q4 2025 — Land acquisition, permits, environmental studies
                            </li>
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                Q1 2026 — Core infrastructure and resort site works
                            </li>
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                Q2 2026 — Initial agricultural production & resort phase 1 opening
                            </li>
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                Q3 2026 — Gold Buying Centre commissioning
                            </li>
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                Q4 2026 — Processing expansion & full resort operations
                            </li>
                            <li class="list-group-item bg-dark text-white d-flex align-items-center">
                                <i class="fas fa-arrow-down me-3" style="color: #d4ab34;"></i>
                                2027+ — Multi‑site replication and tourism package integration
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}