{% extends '@RxConnexion/Layouts/general_user_main.html.twig' %}

{% block main %}

    <div class="rxconnexion-main-container">
        <div class="rxconnexion-main-tabs-container">
            <div class="rxconnexion-main-tabs" id="rxconnexion-main-tabs" data-content-id="#rxconnexion-main-tabs-content" style="display: none !important;">
                <div class="rxconnexion-main-tabs-tabs"><a href="javascript:void(0)" id="rxconnexion-main-tab-home" data-id="#rxconnexion-main-tab-home-content"><fi class="fi-home"></fi></a></div>
            </div>
            <div class="rxconnexion-main-tabs-content" id="rxconnexion-main-tabs-content">
                <div id="rxconnexion-main-tab-home-content">
                    <div id="rxconnexion-main-tab-home-content-container">
                        <div id="rxconnexion-main-tab-home-content-container-header-container">
                            <div id="rxconnexion-main-tab-home-content-container-header-container-photo-container">
                                <img src="{{ asset('bundles/rxconnexion/images/default-photo-ken.jpg') }}" />
                            </div>
                            <div id="rxconnexion-main-tab-home-content-container-header-container-info-container">
                                <div id="rxconnexion-main-tab-home-content-container-header-container-info-container-personal-container">
                                    <div>{{ app.session.get('generalUserData').fullName }}</div>
                                </div>
                            </div>
                        </div>
                        <div id="rxconnexion-main-tab-home-content-container-content-container">
                            <br /><br />
                            <div class="row">
                                <div class="xxlarge-6 xlarge-6 large-6 medium-6 small-12 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo rxconnexion-main-tabs-link-main-quick-nav" data-id="#rxconnexion-main-tab-scheduleRequest-link" href="javascript:void(0)"><img src="{{ asset('bundles/rxconnexion/images/main/visit-schedule-logo.png') }}" /></a>
                                </div>
                                <div class="xxlarge-6 xlarge-6 large-6 medium-6 small-12 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo" href="#"><img src="{{ asset('bundles/rxconnexion/images/main/upcoming-schedule-logo.png') }}" /></a>
                                </div>
                            </div>
                            <br /><br />
                            <div class="row">
                                <div class="xxlarge-3 xlarge-3 large-3 medium-3 small-6 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo" href="#"><img src="{{ asset('bundles/rxconnexion/images/main/hospital-logo.png') }}" /></a>
                                </div>
                                <div class="xxlarge-3 xlarge-3 large-3 medium-3 small-6 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo" href="#"><img src="{{ asset('bundles/rxconnexion/images/main/clinic-logo.png') }}" /></a>
                                </div>
                                <div class="xxlarge-3 xlarge-3 large-3 medium-3 small-6 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo" href="#"><img src="{{ asset('bundles/rxconnexion/images/main/dental-clinic-logo.png') }}" /></a>
                                </div>
                                <div class="xxlarge-3 xlarge-3 large-3 medium-3 small-6 columns text-center">
                                    <a class="rxconnexion-main-tab-home-content-container-content-container-logo" href="#"><img src="{{ asset('bundles/rxconnexion/images/main/drug-store-logo.png') }}" /></a>
                                </div>
                            </div>
                            <br /><br />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

{% endblock %}
