<%- include('_header'); -%>

<h1 class="title is-1">
    <%= configFunctions.getProperty("application.applicationName") %>
</h1>

<div class="columns">
    <div class="column">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <span class="fa-layers fa-3x fa-fw" aria-hidden="true">
                            <i class="fas fa-vector-square"></i>
                            <i class="fas fa-user" data-fa-transform="shrink-10"></i>
                        </span>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/lotOccupancies"><%= configFunctions.getProperty("aliases.lot") %>
                                <%= configFunctions.getProperty("aliases.occupancies") %></a>
                        </h2>
                        <p>View and maintain current and past
                            <%= configFunctions.getProperty("aliases.lot").toLowerCase() %>
                            <%= configFunctions.getProperty("aliases.occupancies").toLowerCase() %>.</p>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-hard-hat" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/workOrders">Work Orders</a>
                        </h2>
                        <p>View and maintain work orders.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="column">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-vector-square" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/lots"><%= configFunctions.getProperty("aliases.lots") %></a>
                        </h2>
                        <p>View and maintain <%= configFunctions.getProperty("aliases.lots").toLowerCase() %> within a
                            <%= configFunctions.getProperty("aliases.map").toLowerCase() %>.</p>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="far fa-3x fa-fw fa-map" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/maps"><%= configFunctions.getProperty("aliases.maps") %></a>
                        </h2>
                        <p>View and maintain <%= configFunctions.getProperty("aliases.maps").toLowerCase() %>.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="columns">
    <div class="column">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-file" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/reports">Report Library</a>
                        </h2>
                        <p>Produce reports and export data.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="column">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-question-circle" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="https://cityssm.github.io/lot-occupancy-system/" target="_blank"
                                rel="noopener noreferrer">Help Documentation</a>
                        </h2>
                        <p>Instructions on how to use this application.</p>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a class="card-footer-item has-tooltip-bottom" data-tooltip="Latest Updates, Issue Tracker, Say Hello"
                    href="https://github.com/cityssm/lot-occupancy-system" target="_blank" rel="noreferrer">
                    <span class="icon">
                        <i class="fab fa-github" aria-hidden="true"></i>
                    </span>
                    GitHub
                </a>
            </div>
        </div>
    </div>
</div>

<% if (user.userProperties.isAdmin) { %>
<h2 class="title is-3">Administrator Tools</h2>

<div class="columns">
    <div class="column">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-dollar-sign" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/admin/fees">Fee Management</a>
                        </h2>
                        <p>
                            Manage fees for
                            <%= configFunctions.getProperty("aliases.lot").toLowerCase() %>
                            <%= configFunctions.getProperty("aliases.occupancy").toLowerCase() %>
                            and specific
                            <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> types.
                        </p>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-user-friends" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/admin/occupancyTypes"><%= configFunctions.getProperty("aliases.occupancy") %> Type Management</a>
                        </h2>
                        <p>
                            Manage
                            <%= configFunctions.getProperty("aliases.occupancy").toLowerCase() %> types
                            and fields associated with them.
                        </p>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <i class="fas fa-3x fa-fw fa-table" aria-hidden="true"></i>
                    </div>
                    <div class="media-content has-text-black">
                        <h2 class="title is-4 is-marginless">
                            <a href="<%= urlPrefix %>/admin/tables">Config Table Management</a>
                        </h2>
                        <p>
                            Manage simple configuration tables fees for
                            work order types,
                            <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> statuses,
                            and <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> <%= configFunctions.getProperty("aliases.occupant").toLowerCase() %> types.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<% } %>

<%- include('_footerA'); -%>
<%- include('_footerB'); -%>