{% extends '@RxConnexion:Layouts:main.html.twig' %}

{% block main %}

    <div class="rxgrab-main-container">
        <div class="rxgrab-main-tabs-container">
            <div class="rxgrab-main-tabs" id="rxgrab-main-tabs" data-content-id="#rxgrab-main-tabs-content" style="display: none !important;">
                <div class="rxgrab-main-tabs-tabs"><a href="javascript:void(0)" id="rxgrab-main-tab-home" data-id="#rxgrab-main-tab-home-content"><fi class="fi-home"></fi></a></div>
            </div>
            <div class="rxgrab-main-tabs-content" id="rxgrab-main-tabs-content">
                <div id="rxgrab-main-tab-home-content">
                    <div id="rxgrab-main-tab-home-content-container">
                        <div id="rxgrab-main-tab-home-content-container-header-container">
                            <div id="rxgrab-main-tab-home-content-container-header-container-photo-container">
                                <img src="{{ asset('bundles/rxgrab/images/default-photo-ken.jpg') }}" />
                            </div>
                            <div id="rxgrab-main-tab-home-content-container-header-container-info-container">
                                <div id="rxgrab-main-tab-home-content-container-header-container-info-container-personal-container">
                                    <div>{{ app.session.get('userData').fullName }}</div>
                                    <div>{{ app.session.get('userData').type }}</div>
                                </div>
                            </div>
                            <div id="rxgrab-main-tab-home-content-container-header-container-info-container-quick-nav-container">
                                <ul>
                                    <li>
                                        <a href="javascript:void(0)" class="rxgrab-main-tabs-link-main-quick-nav" data-id="#rxgrab-main-tab-patient-link">
                                            <img src="{{ asset('bundles/rxgrab/images/main_quick_nav_icons/patient.png') }}" />
                                            <span>Patient</span>
                                        </a>
                                    <li>
                                        <a href="javascript:void(0)" class="rxgrab-main-tabs-link-main-quick-nav" data-id="#rxgrab-main-tab-schedule-link">
                                            <img src="{{ asset('bundles/rxgrab/images/main_quick_nav_icons/schedule.png') }}" />
                                            <span>Schedule</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="rxgrab-main-tabs-link-main-quick-nav" data-id="#rxgrab-main-tab-report-link">
                                            <img src="{{ asset('bundles/rxgrab/images/main_quick_nav_icons/report.png') }}" />
                                            <span>Reports</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        //<![CDATA
        jQ(document).ready(function(){
            jQ('.rxgrab-main-tabs-link-main-quick-nav').unbind('click').bind('click', function(){
                jQ(jQ(this).data('id')).click();
            });
            jQ(window).resize(function(){
                jQ('#rxgrab-main-tab-home-content').css('min-height', jQ(window).height() + 'px');
            }).resize();
        });
        //]]>
    </script>

{% endblock %}
