use yew::prelude::*;
use yew_router::prelude::*;
use crate::app::Route;

#[function_component(Header)]
pub fn header() -> Html {
    html! {
        <nav class="navbar navbar-expand-lg fixed-top">
            <div class="container">
                <Link<Route> to={Route::Home} classes="navbar-brand">
                    {"Zanzibar Digital Freezone"}
                </Link<Route>>
                
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                    <span class="navbar-toggler-icon"></span>
                </button>
                
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <Link<Route> to={Route::Platform} classes="nav-link">
                                {"Platform"}
                            </Link<Route>>
                        </li>
                        <li class="nav-item">
                            <Link<Route> to={Route::Marketplace} classes="nav-link">
                                {"Marketplace"}
                            </Link<Route>>
                        </li>
                        <li class="nav-item">
                            <Link<Route> to={Route::DeFi} classes="nav-link">
                                {"DeFi"}
                            </Link<Route>>
                        </li>
                        <li class="nav-item ms-3">
                            <a href="#" class="btn btn-primary">
                                {"Register"}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    }
}