<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="{{asset('template/assets/images/business_logo.jpg')}}">
    <title>{% block title %}Cross World Group{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
    <meta name="description" content="Build whatever layout you need with our Architect framework.">
    <meta name="msapplication-tap-highlight" content="no">
  
    <!--
    =========================================================
    * ArchitectUI HTML Theme Dashboard - v1.0.0
    =========================================================
    * Product Page: https://dashboardpack.com
    * Copyright 2019 DashboardPack (https://dashboardpack.com)
    * Licensed under MIT (https://github.com/DashboardPack/architectui-html-theme-free/blob/master/LICENSE)
    =========================================================
    * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
    -->
{% block stylesheets %} 

<link href="{{asset('template/select2/dist/css/select2.min.css')}}" rel="stylesheet" />

<link href="{{asset('template/assets/css/main.css')}}" rel="stylesheet">
<link rel="stylesheet" href="{{asset('template/assets/pe-icon-7-stroke/css/pe-icon-7-stroke.css')}}">

<!-- Optional - Adds useful class to manipulate icon font display --> 
<link rel="stylesheet" href="{{asset('template/assets/pe-icon-7-stroke/css/helper.css')}}">

<!-- Font Awesome CSS -->
<link href="{{asset('template/assets/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css" />
		
{% endblock %}
</head>
<body>
    <div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
        <div class="app-header header-shadow">
            <div class="app-header__logo">
                <div>
                <img src="{{asset('template/assets/images/cw_logo.jpg')}}" alt=""  weight="100" height="38"> 
              
                </div>
                <div class="header__pane ml-auto">
                    <div>
                        <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="app-header__mobile-menu">
                <div>
                    <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                        <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="app-header__menu">
                <span>
                    <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                        <span class="btn-icon-wrapper">
                            <i class="fa fa-ellipsis-v fa-w-6"></i>
                        </span>
                    </button>
                </span>
            </div>    
			<div class="app-header__content">
               
                <div class="app-header-right">
                    <div class="header-btn-lg pr-0">
                        <div class="widget-content p-0">
                            <div class="widget-content-wrapper">
                                <div class="widget-content-left">
                                    <div class="btn-group">
                                        <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="p-0 btn">
                                            <img width="42" class="rounded-circle" src="{{asset('template/assets/images/business_logo.jpg')}}" alt="">
                                            <i class="fa fa-angle-down ml-2 opacity-8"></i>
                                        </a>
                                        <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right">
                                            <button type="button" tabindex="0" class="dropdown-item">
                                             <a href="{{ path('app_logout') }}">
                                                
                                                     Logout
                                               </a>
                                            </button>
                                          
                                        </div>
                                    </div>
                                </div>
                             
                                <div class="widget-content-left  ml-3 header-user-info">
                                    {% if is_granted("ROLE_USER") %} 
                                        <div class="widget-heading">
                                        {{ app.user.fullName }}
                                        </div>
                                        <div class="widget-subheading">
                                        PIN : {{ app.user.username }}
                                        </div>
                                   {% endif %} 
                                </div>
                                {# <div class="widget-content-right header-user-info ml-3">
                                    <button type="button" class="btn-shadow p-1 btn btn-primary btn-sm show-toastr-example">
                                        <i class="fa text-white fa-calendar pr-1 pl-1"></i>
                                    </button>
                                </div> #}
                                
                            </div>
                        </div>
                    </div>        
				</div>
				
            </div>
			
        </div>     
		
	       
		
		<div class="app-main">
		
				<!-- Menu Start  -->
                <div class="app-sidebar sidebar-shadow">
                    <div class="app-header__logo">
                        <div class="logo-src"></div>
                        <div class="header__pane ml-auto">
                            <div>
                                <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
                                    <span class="hamburger-box">
                                        <span class="hamburger-inner"></span>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="app-header__mobile-menu">
                        <div>
                            <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                                <span class="hamburger-box">
                                    <span class="hamburger-inner"></span>
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="app-header__menu">
                        <span>
                            <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                                <span class="btn-icon-wrapper">
                                    <i class="fa fa-ellipsis-v fa-w-6"></i>
                                </span>
                            </button>
                        </span>
                    </div>   
					<div class="scrollbar-sidebar">
                        <div class="app-sidebar__inner">
                            <ul class="vertical-nav-menu">
                                      <li class="app-sidebar__heading">Leave Management</li>
                                 <li>
                                    <a href="{{ path('app_dashboard') }}" class=" {{ app.request.attributes.get('_route') == 'app_dashboard' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-rocket">
                                        </i>Dashboard
                                    </a>
                                </li>
                                   <li>
                                    <a href="{{ path('app_leave_application_new') }}" class=" {{ app.request.attributes.get('_route') == 'app_leave_application_new' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-way">
                                        </i>New Leave
                                    </a>
                                </li>                                                               
                                 <li>
                                    <a href="{{ path('app_leave_application_index', {'tag' : 1}) }}" class=" {{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == '/cwlms/public/index.php/leaveapplication/1/index' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-diamond">
                                        </i> All Leave List 
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ path('app_leave_application_index', {'tag' : 2}) }}" class=" {{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == '/cwlms/public/index.php/leaveapplication/2/index' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-display2">
                                        </i> Pending Leave List
                                    </a>
                                </li>

                                 <li>
                                    <a href="{{ path('app_leave_application_index', {'tag' : 3}) }}" class=" {{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == '/cwlms/public/index.php/leaveapplication/3/index' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-diamond">
                                        </i>Approved Leave List
                                    </a>
                                </li>

                                  <li>
                                    <a href="{{ path('app_leave_application_index', {'tag' : 4}) }}" class=" {{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == '/cwlms/public/index.php/leaveapplication/4/index' ? 'mm-active' : '' }} ">
                                        <i class="metismenu-icon pe-7s-way">
                                        </i>Rejected Leave List
                                    </a>
                                </li>

                                  <li class="app-sidebar__heading">Tour Management</li>
                                    <li>
                                        <a href="{{ path('tour_request_new')}}" class=" {{ app.request.attributes.get('_route') == 'tour_request_new' ? 'mm-active' : '' }} ">
                                            <i class="metismenu-icon pe-7s-display2"></i>
                                           New Tour Request
                                        </a>
                                    </li> 
                                    <li>
                                        <a href="{{ path('tour_request_index')}}" class=" {{ app.request.attributes.get('_route') == 'tour_request_index' ? 'mm-active' : '' }} ">
                                            <i class="metismenu-icon pe-7s-diamond"></i>
                                           Tour Request List
                                        </a>
                                    </li> 
                                    <li>
                                        <a href="{{ path('tour_claim_index')}}" class=" {{ app.request.attributes.get('_route') == 'tour_claim_index' ? 'mm-active' : '' }} ">
                                            <i class="metismenu-icon pe-7s-way"></i>
                                           Tour Claim List
                                        </a>
                                    </li> 

                                 {% if is_granted('ROLE_ADMIN') %} 
                                    <li class="app-sidebar__heading">ADMIN MENU</li>
                                    <li>
                                        <a href="{{ path('user_profile_index')}}" class=" {{ app.request.attributes.get('_route') == 'user_profile_index' ? 'mm-active' : '' }} ">
                                            <i class="metismenu-icon pe-7s-display2"></i>
                                           Employee List
                                        </a>
                                    </li> 
                                     <li>
                                        <a href="{{ path('attendance_list')}}" class=" {{ app.request.attributes.get('_route') == 'attendance_list' ? 'mm-active' : '' }} ">
                                            <i class="metismenu-icon pe-7s-diamond"></i>
                                           Attendance Action
                                        </a>
                                    </li> 
                                 {% endif %}

                               
                            </ul>
                        </div>
                    </div>
                </div>   <!-- Menu End  -->
				
				<div class="app-main__outer">
                    <div class="app-main__inner"> 
                    <!-- Here layout  --> 
                         {% block body %}

                         {% endblock %}
					
					   
					

					<!-- Here layout  --> 					
                    </div>

                    <!-- Footer Start  -->
                    {% block footer %}
                    <div class="app-wrapper-footer">
                        <div class="app-footer">
                            <div class="app-footer__inner">
                                <div class="app-footer-left">
                                    <ul class="nav">
                                        <li class="nav-item">
                                             <p>&copy; {{ 'now'|date('Y') }} -  <a href="http://www.cross-world.com" target="_blank"> Cross World Group</a> </p>
                                           
                                        </li>
                                       
                                    </ul>
                                </div>
                                <div class="app-footer-right">
                                    <ul class="nav">
                                        <li class="nav-item">
                                               <p>Developed & Maintain by -  <a href="#"> IT Department </a> </p>
                                           
                                        </li>
                                       
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>  <!-- Footer End  -->
                    {% endblock %}

				</div>
				
        </div>
    </div>

{% block javascripts %} 
<script type="text/javascript" src="{{asset('template/assets/scripts/main.js')}}"></script>
<script type="text/javascript" src="{{asset('template/assets/scripts/jquery.min.js')}}"></script>
<script src="{{asset('js/app.js')}}"></script>	

<script src="{{asset('template/select2/dist/js/select2.min.js')}}"></script>

{% endblock %}

    </body>
</html>
