{% extends '/admin/authenticated/layout/base.html.twig' %}
{% import _self as self %}

{% block title %}
    Dashboard
{% endblock %}

{% block pageTitle %}
    Dashboard
{% endblock %}

{% macro empty_indicator(exists) %}
    {% if exists %}
        <i class="fa fa-check text-success"></i>
    {% else %}
        <span class="text-danger">Empty</span>
    {% endif %}
{% endmacro %}


{% block content %}

    {# Carousel Pages #}
    <div class="row">
        <div class="col-12">
            <div class="card card-light card-outline direct-chat direct-chat-primary">
                <div class="card-header pt-1 pb-1">
                    <h3 class="card-title">Carousel Pages</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bgAboutUs"><i class="fa fa-file"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">About</span>
                                        {{ self.empty_indicator(about is not empty) }}
                                    </div>
                                    <span class="info-box-number">
                                        {% if about %}
                                            <a href="{{ path('bo_about_us_index') }}">View</a>
                                        {% else %}
                                            <a href="{{ path('bo_about_us_create') }}">Create page</a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">Team: <strong>{{ teamMembersCount }}</strong></span>
                                        {{ self.empty_indicator(teamMembersCount) }}
                                    </div>
                                    <span class="info-box-number">
                                        {% if teamMembersCount %}
                                            <a href="{{ path('bo_team_member_list') }}">
                                            <span class="info-box-number">View Members</span>
                                        </a>                    {% else %}
                                            <a href="{{ path('bo_team_member_create') }}">
                                            <span class="info-box-number">Create Member</span>
                                        </a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bgServices"><i class="fa fa-wrench"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">Services: <strong>{{ servicesCount }}</strong></span>
                                        {{ self.empty_indicator(servicesCount) }}
                                    </div>
                                    <span class="info-box-number">
                                    {% if servicesCount %}
                                        <a href="{{ path('bo_service_index') }}">
                                        <span class="info-box-number">View Services</span>
                                        </a>
                                    {% else %}
                                        <a href="{{ path('bo_service_create') }}">
                                        <span class="info-box-number">Create Service</span>
                                        </a>
                                    {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bgResources"><i class="fa fa-file"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">Resources: <strong>{{ resourcesCount }}</strong></span>
                                        {{ self.empty_indicator(resourcesCount) }}
                                    </div>
                                    <span class="info-box-number">
                                        {% if resourcesCount %}
                                            <a href="{{ path('bo_resource_index') }}">
                                            <span class="info-box-number">View Resources</span>
                                        </a>                    {% else %}
                                            <a href="{{ path('bo_resource_create') }}">
                                            <span class="info-box-number">Create Resource</span>
                                        </a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bgStartups"><i class="fa fa-file"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">Startups: <strong>{{ startupsCount }}</strong></span>
                                        {{ self.empty_indicator(startupsCount) }}
                                    </div>
                                    <span class="info-box-number">
                                        {% if startupsCount %}
                                            <a href="{{ path('bo_startup_index') }}">
                                            <span class="info-box-number">View Startups</span>
                                        </a>                    {% else %}
                                            <a href="{{ path('bo_startup_create') }}">
                                            <span class="info-box-number">Create Startup</span>
                                        </a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# ContactUs #}
    <div class="row">
        <div class="col-lg-4 col">
            <div class="card card-light card-outline direct-chat direct-chat-primary">
                <div class="card-header pt-1 pb-1">
                    <h3 class="card-title">Messaging</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="row">
                        <div class="col">
                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th>Type</th>
                                    <th class="text-center">New</th>
                                    <th class="text-center">Totals</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <th>Inquiries</th>
                                    <td class="text-center">
                                        <a href="{{ path('bo_inquiry_index') }}?visited=0">{{ countNewInquiries }}</a>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ path('bo_inquiry_index') }}">{{ countAllInquiries }}</a>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Launching</th>
                                    <td class="text-center">
                                        <a href="{{ path('bo_ready_to_launch_index') }}?visited=0">{{ countNewLaunching }}</a>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ path('bo_ready_to_launch_index') }}">{{ countAllLaunching }}</a>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Resumes</th>
                                    <td class="text-center">
                                        <a href="{{ path('bo_submit_resume_index') }}?visited=0">{{ countNewResumes }}</a>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ path('bo_submit_resume_index') }}">{{ countAllResumes }}</a>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Sponsorships</th>
                                    <td class="text-center">
                                        <a href="{{ path('bo_sponsorships_index') }}?visited=0">{{ countNewSponsorships }}</a>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ path('bo_sponsorships_index') }}?visited=0">{{ countAllSponsorships }}</a>
                                    </td>
                                </tr>
                                <tr>
                                    <th>TOTALS</th>
                                    <td class="text-center">
                                        <strong>
                                            {{ countNewInquiries + countNewLaunching  + countNewResumes + countNewSponsorships }}
                                        </strong>
                                    </td>
                                    <td class="text-center">
                                        <strong>
                                            {{ countAllInquiries + countAllLaunching  + countAllResumes + countAllSponsorships }}
                                        </strong>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {# Settings #}
        <div class="col-lg-4 col">
            <div class="card card-light card-outline direct-chat direct-chat-primary">
                <div class="card-header pt-1 pb-1">
                    <h3 class="card-title">Settings</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fa fa-users"></i></span>
                                <div class="info-box-content">
                                    <div class="d-flex justify-content-between">
                                        <span class="info-box-text">Users: <strong>{{ usersCount }}</strong></span>
                                        {{ self.empty_indicator(usersCount) }}
                                    </div>
                                    {% if usersCount %}
                                        <a href="{{ path('bo_user_list') }}">
                                            <span class="info-box-number">View users</span>
                                        </a>                    {% else %}
                                        <a href="{{ path('bo_user_create') }}">
                                            <span class="info-box-number">Create user</span>
                                        </a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
{% endblock %}