{% extends 'base_layout.html' %}

{% block content%}
    <main>
        <div class="container-fluid px-4">

            <h1 class="mt-4">Dārza uzraudzības sistēma</h1>
            <hr class="divider" />

            <div class="container-fluid">
                <div class="row mb-4" style="height: 400px; ">
                    {% if request.user.is_owner %}
                    <div class="col-xl-4 col-md-12 d-grid gap-2 ">
                        <button type="button" class="btn btn-success" onclick="location.href = 'gardens/edit';">
                            <i class="fa-solid fa-table-cells-large fa-6x"></i>
                            <h3>Pārvaldīt dārzus</h3>
                        </button>
                    </div>
                    <div class="col-xl-4 col-md-12 d-grid gap-2 ">
                        <button type="button" class="btn btn-danger" onclick="location.href = '/gardens/blocks/edit';">
                            <i class="fa-solid fa-object-ungroup fa-6x"></i>
                            <h3>Pārvaldīt kvartālus</h3>
                        </button>
                    </div>
                    <div class="col-xl-4 col-md-12 d-grid gap-2">
                        <button type="button" class="btn btn-info" onclick="location.href = '/drones/edit';">
                            <img src="https://cdn-icons-png.flaticon.com/512/90/90909.png" style="width: 140px;">
                            <h3>Pārvaldīt dronus</h3>
                        </button>
                    </div>
                </div>
                <div class="row" style="height: 400px">
                    <div class="col-xl-4 col-md-12 d-grid gap-2">
                        <button type="button" class="btn btn-dark" onclick="location.href = '/devices/edit';">
                            <i class="fa-solid fa-mobile-screen fa-6x"></i>
                            <h3>Pārvaldīt ierīces</h3>
                        </button>
                    </div>
                    <div class="col-xl-4 col-md-12 d-grid gap-2">
                        <button type="button" class="btn btn-primary" onclick="location.href = '/meteostations/edit';">
                            <i class="fa-solid fa-satellite fa-6x"></i>
                            <h3>Pārvaldīt meteostacijas</h3>
                        </button>
                    </div>
                    <div class="col-xl-4 col-md-12 d-grid gap-2">
                        <button type="button" class="btn btn-warning" onclick="location.href = '/enterprise/settings';">
                            <i class="fa-solid fa-gears fa-6x"></i>
                            <h3>Pārvaldīt uzņēmumu</h3>
                        </button>
                    </div>
                    {% else %}
                    <div class="col-xl-6 col-md-6 d-grid gap-2 ">
                        <button type="button" class="btn btn-success" onclick="location.href = 'gardens/edit';">
                            <i class="fa-solid fa-table-cells-large fa-6x"></i>
                            <h3>Pārvaldīt dārzus</h3>
                        </button>
                    </div>
                    <div class="col-xl-6 col-md-6 d-grid gap-2 ">
                        <button type="button" class="btn btn-danger" onclick="location.href = '/gardens/blocks/edit';">
                            <i class="fa-solid fa-object-ungroup fa-6x"></i>
                            <h3>Pārvaldīt kvartālus</h3>
                        </button>
                    </div>
                    {% endif %}
                </div>
            </div>

        </div>
    </main>


{% endblock %}