{% extends 'template.html.twig' %}

{% block title %}

Dashboard - {{ parent() }}

{% endblock %}

{% block body %}

        <div class="app-page-title">
                <div style="color:black; font-weight:bold; font-size:20px; text-align: center;">
                   Welcome to Leave Management System.                   
                </div>
        </div>    
                        
  				
					 <!-- Title End  --> 
						
						<!-- Tab Start  --> 
                        <div class="tab-content">

                            <ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav" >
                            
                            <li class="nav-item">
                                <a role="tab" class="nav-link active"  href="{{ path('app_leave_application_new') }}">
                                    <span><i class="fa fa-plus"> New Leave</i></span>
                                </a>
                            </li>
                        </ul>
						
						    <!-- Table Tab Start  --> 
                            <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel" >
                               
                                    <div class="divider mt-0" style="margin-bottom: 30px;"></div>
                                    <div class="row">
                                       {% for leaveInfo in leaveInfo %}
                                        <div class="col-lg-6 col-xl-4">
                                            <div class="card mb-3 widget-content bg-arielle-smile">
                                                <div class="widget-content-wrapper text-white">
                                                    <div class="widget-content-left">
                                                        <div class="widget-heading">Casual Leave</div>
                                                        <div class="widget-subheading">{{ year }}</div>
                                                    </div>
                                                    <div class="widget-content-right">
                                                        <div class="widget-numbers text-white"><span>{{ leaveInfo.CasualLeave }}</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4">
                                            <div class="card mb-3 widget-content bg-premium-dark">
                                                <div class="widget-content-wrapper text-white">
                                                    <div class="widget-content-left">
                                                        <div class="widget-heading">Sick Leave</div>
                                                        <div class="widget-subheading">{{ year }}</div>
                                                    </div>
                                                    <div class="widget-content-right">
                                                        <div class="widget-numbers text-warning"><span>{{ leaveInfo.SickLeave }}</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4">
                                            <div class="card mb-3 widget-content bg-happy-green">
                                                <div class="widget-content-wrapper text-white">
                                                    <div class="widget-content-left">
                                                        <div class="widget-heading">Annual Leave</div>
                                                        <div class="widget-subheading">{{ year }}</div>
                                                    </div>
                                                    <div class="widget-content-right">
                                                        <div class="widget-numbers text-dark"><span>{{ leaveInfo.AnnualLeave }}</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {% endfor %}
                                    </div>
                                    <div class="divider mt-0" style="margin-bottom: 30px;"></div>

                            </div> <!-- Table Tab End  --> 
														
                        </div> <!-- Tab End  --> 

{% endblock %}
