{% extends 'RxGrabBundle:Layouts:global.html.twig' %}

{% block body %}

    <nav class="top-bar" data-topbar role="navigation">
        <ul class="title-area">
            <li class="name">
                <h1><a href="{{ path('rx_grab_main') }}"><img class="rxgrab-logo" src="{{ asset('bundles/rxgrab/images/logo.png') }}" /></a></h1>
            </li>
            <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
        </ul>
        <section class="top-bar-section">
            <!-- Right Nav Section -->
            <ul class="right">
                <li><a href="javascript:void(0)" class="rxgrab-main-menu" id="rxgrab-main-menu" data-content-id="#rxgrab-main-menu-content">Menu</a></li>
                <li><a href="javascript:void(0)"><i class="fi-torso"></i> {{ app.session.get('userData').fullName }}</a></li>
                <li class="hide-for-small-only"><div style="width: 100px;">&nbsp;</div></li>
                <li>
                    <span class="has-tip tip-bottom hide-for-small-only" data-tooltip aria-haspopup="true" title="Settings"><a href="javascript:void(0)" class="rxgrab-large-font-title"><i class="fi-widget"></i></a></span>
                    <a href="javascript:void(0)" class="show-for-small-only"><i class="fi-widget"></i> Settings</a>
                </li>
                <li>
                    <span class=" has-tip tip-left hide-for-small-only" data-tooltip aria-haspopup="true" title="Logout"><a href="{{ path('rx_grab_logout') }}" class="rxgrab-large-font-title"><i class="fi-power"></i></a></span>
                    <a href="{{ path('rx_grab_logout') }}" class="show-for-small-only"><i class="fi-power"></i> Logout</a>
                </li>
            </ul>
        </section>
    </nav>
    <div id="rxgrab-main-menu-container">
        <div id="rxgrab-main-menu-content">
            <a href="javascript:void(0)" id="rxgrab-main-menu-content-close"><i class="fi-x"></i></a>
            <div>
                <div class="row">
                    <div class="xxlarge-3 xlarge-3 large-3 medium-3 small-12 columns rxgrab-menu-list-container-one">
                        <h5>Menus</h5>
                        <ul>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-home-link" data-id="rxgrab-main-tab-home"><i class="fi-home"></i> Home</a></li>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-patient-link" data-url="{{ path('rx_grab_patient') }}" data-id="rxgrab-main-tab-patient" data-label="Patients"><i class="fi-torsos"></i> Patients</a></li>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-schedule-link" data-url="{{ path('rx_grab_schedule') }}" data-id="rxgrab-main-tab-schedule" data-label="Schedule"><i class="fi-calendar"></i> Schedule</a></li>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-scheduleRequest-link" data-url="{{ path('rx_grab_schedule_request_system') }}" data-id="rxgrab-main-tab-scheduleRequest" data-label="Schedule Request"><i class="fi-book-bookmark"></i> Schedule Request</a></li>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-portal-link" data-url="{{ path('rx_grab_portal') }}" data-id="rxgrab-main-tab-portal" data-label="Portal"><i class="fi-upload-cloud"></i> Portal</a></li>
                            <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-report-link" data-url="{{ path('rx_grab_report') }}" data-id="rxgrab-main-tab-report" data-label="Report"><i class="fi-graph-bar"></i> Report</a></li>
                        </ul>
                    </div>
                    <div class="xxlarge-9 xlarge-9 large-9 medium-9 columns end rxgrab-menu-list-container-two">
                        <h5>System</h5>
                        <div class="row">
                            {% if app.session.get('userData').userType == 'System' %}
                                <div class="xxlarge-4 xlarge-4 large-4 medium-4 small-12 columns">
                                    <ul>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-account-link" data-url="{{ path('rx_grab_account') }}" data-id="rxgrab-main-tab-manage-account" data-label="Manage Accounts">Manage Accounts</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-country-link" data-url="{{ path('rx_grab_country') }}" data-id="rxgrab-main-tab-manage-country" data-label="Manage Country">Manage Country</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-province-link" data-url="{{ path('rx_grab_province') }}" data-id="rxgrab-main-tab-manage-province" data-label="Manage Province">Manage Province</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-city-link" data-url="{{ path('rx_grab_city') }}" data-id="rxgrab-main-tab-manage-city" data-label="Manage City">Manage City</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-diagnosisType-link" data-url="{{ path('rx_grab_diagnosis_type') }}" data-id="rxgrab-main-tab-manage-diagnosisType" data-label="Manage Diagnosis Type">Manage Diagnosis Type</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-diagnosis-link" data-url="{{ path('rx_grab_diagnosis') }}" data-id="rxgrab-main-tab-manage-diagnosis" data-label="Manage Diagnosis">Manage Diagnosis</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-medication-link" data-url="{{ path('rx_grab_medication') }}" data-id="rxgrab-main-tab-manage-medication" data-label="Manage Medication">Manage Medication</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-healthFacilityType-link" data-url="{{ path('rx_grab_health_facility_type') }}" data-id="rxgrab-main-tab-manage-healthFacilityType" data-label="Manage Medical Facility Type">Manage Medical Facility Type</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-healthFacility-link" data-url="{{ path('rx_grab_health_facility') }}" data-id="rxgrab-main-tab-manage-healthFacility" data-label="Manage Medical Facility">Manage Medical Facility</a></li>
                                        <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-healthFacilityRegistration-link" data-url="{{ path('rx_grab_health_facility_registration') }}" data-id="rxgrab-main-tab-manage-healthFacilityRegistration" data-label="Manage Medical Facility Registrations">Manage Medical Facility Registrations</a></li>
                                    </ul>
                                </div>
                            {% endif %}
                            <div class="xxlarge-4 xlarge-4 large-4 medium-4 small-12 columns end">
                                <ul>
                                    {#
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-company-link" data-url="{{ path('rx_grab_company') }}" data-id="rxgrab-main-tab-manage-company" data-label="Manage Company">Manage Company</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-branch-link" data-url="{{ path('rx_grab_branch') }}" data-id="rxgrab-main-tab-manage-branch" data-label="Manage Branch">Manage Branch</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-location-link" data-url="{{ path('rx_grab_location') }}" data-id="rxgrab-main-tab-manage-location" data-label="Manage Location">Manage Location</a></li>
                                    #}
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-accountUserType-link" data-url="{{ path('rx_grab_account_user_type') }}" data-id="rxgrab-main-tab-manage-accountUserType" data-label="Manage User Type">Manage User Type</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-accountUser-link" data-url="{{ path('rx_grab_account_user') }}" data-id="rxgrab-main-tab-manage-accountUser" data-label="Manage User">Manage User</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-providerType-link" data-url="{{ path('rx_grab_provider_type') }}" data-id="rxgrab-main-tab-manage-providerType" data-label="Manage Provider Type">Manage Provider Type</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-provider-link" data-url="{{ path('rx_grab_provider') }}" data-id="rxgrab-main-tab-manage-provider" data-label="Manage Provider">Manage Provider</a></li>
                                </ul>
                            </div>
                            <div class="xxlarge-4 xlarge-4 large-4 medium-4 small-12 columns end">
                                <ul>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-chartType-link" data-url="{{ path('rx_grab_chart_type') }}" data-id="rxgrab-main-tab-manage-chartType" data-label="Manage Chart Type">Manage Chart Type</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-chartTypeMethod-link" data-url="{{ path('rx_grab_chart_type_method') }}" data-id="rxgrab-main-tab-manage-chartTypeMethod" data-label="Manage Chart Type Method">Manage Chart Type Method</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-chartStatus-link" data-url="{{ path('rx_grab_chart_status') }}" data-id="rxgrab-main-tab-manage-chartStatus" data-label="Manage Chart Status">Manage Chart Status</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-chartProcedure-link" data-url="{{ path('rx_grab_chart_procedure') }}" data-id="rxgrab-main-tab-manage-chartProcedure" data-label="Manage Chart Procedure">Manage Chart Procedure</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-scheduleStatus-link" data-url="{{ path('rx_grab_schedule_status') }}" data-id="rxgrab-main-tab-manage-scheduleStatus" data-label="Manage Schedule Status">Manage Schedule Status</a></li>
                                    <li><a href="javascript:void(0)" class="rxgrab-main-tabs-link" id="rxgrab-main-tab-manage-scheduleQueuedStatus-link" data-url="{{ path('rx_grab_schedule_queued_status') }}" data-id="rxgrab-main-tab-manage-scheduleQueuedStatus" data-label="Manage Queued Schedule Status">Manage Queued Schedule Status</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="rxgrab-block-main">{% block main %}{% endblock %}</div>

    <div class="rxgrab-quick-menu-bottom-container">
        <div>
            <div align="center">
                <div><a href="javascript:void(0)" class="rxgrab-main-tabs-link-bottom" data-id="#rxgrab-main-tab-home-link"><img src="{{ asset('bundles/rxgrab/images/quick_menu_bottom_icons/home.png') }}" /></a></div>
                <div><a href="javascript:void(0)" class="rxgrab-main-tabs-link-bottom" data-id="#rxgrab-main-tab-patient-link"><img src="{{ asset('bundles/rxgrab/images/quick_menu_bottom_icons/patient.png') }}" /></a></div>
                <div><a href="javascript:void(0)" class="rxgrab-main-tabs-link-bottom" data-id="#rxgrab-main-tab-schedule-link"><img src="{{ asset('bundles/rxgrab/images/quick_menu_bottom_icons/schedule.png') }}" /></a></div>
                <div><a href="javascript:void(0)" class="rxgrab-main-tabs-link-bottom" data-id="#rxgrab-main-tab-portal-link"><img src="{{ asset('bundles/rxgrab/images/quick_menu_bottom_icons/portal.png') }}" /></a></div>
                <div><a href="javascript:void(0)" class="rxgrab-main-tabs-link-bottom" data-id="#rxgrab-main-tab-report-link"><img src="{{ asset('bundles/rxgrab/images/quick_menu_bottom_icons/report.png') }}" /></a></div>
            </div>
        </div>
    </div>

    <div id="global-modal" class="reveal-modal" data-reveal>
        <a class="close-reveal-modal" title="Close">&#215;</a>
    </div>

    <div id="global-alert-modal" class="reveal-modal" data-reveal>
        <a class="close-reveal-modal" title="Close message">&#215;</a>
        <div id="global-alert-modal-message"></div>
    </div>

    <script>
        //<![CDATA
            jQ(document).ready(function(){
                jQ('.rxgrab-main-tabs-link-bottom').unbind('click').bind('click', function(){
                    jQ(jQ(this).data('id')).click();
                });
            });
        //]]>
    </script>

{% endblock %}