{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':User/myAccountHomePageLayout.html.twig' %}

{% block bread_crumb_after_home %}
    <li><strong>{{ 'my_account'| trans({},"app") }}</strong></li>
{% endblock bread_crumb_after_home %}
{% block page_main_content %}
	<div class="row">
		<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
		{#}	{% block page_title_block %}  #}<h1 class = "main-title register"><i class="heading-icon dashboard-icon"></i>{{ 'myaccount_info.dashboard'|trans({}, 'goldstar') }}</h1>  {#}    {% endblock page_title_block %}   #}
		</div>
		    
{# 		<div class="col-lg-6 col-md-6 col-sm-6 pull-right">#}
{# 			<div class="account-dashboard-info">#}
{# 		    	<h4>{{ 'user.my_account_info.go_to_dashboard'|trans({},'goldstar') }}</h4>#}
{# 			</div>#}
{# 		</div>#}
	</div>
{# 	<span class="user-title">{% block hello_block %}{% endblock hello_block %}</span><p>{% block hello_text_block %}{% endblock hello_text_block %}</p>#}

			<div class="row dashboard">
               <div class="dashboard-block">
                   <a href="{{ url('office_brain_userbundle_user_my_account_edit') }}">
                	<div class="menu">
                		{%if ob_project_user_setting.user_data.photo is defined and ob_project_user_setting.user_data.photo !='' %}
                             <img alt="" src="{{ asset('images/uploads/user_photo/'~ob_project_user_setting.user_data.photo) }}" class="list_img img-responsive js-profile-photo">
                        {% else %}
                            <img src="{{ asset(ob_project_assets_base_url~'images/profile-pic.jpg') }}" alt="" class="list_img img-responsive js-profile-photo">
                        {% endif %}
                	</div>
                	<span>{% block hello_block %}{% endblock hello_block %}</span>
                   </a>
                </div>	
                <div class="dashboard-block">
                    <a href="{{ url('office_brain_orderbundle_order_orderlist') }}">
                		<div class="menu"><h3>{% block orders_count_block %}{% endblock orders_count_block %}</h3></div>
                		<span>{{ 'my_account_dashboard.open_orders'| trans({},"goldstar") }}</span>
                    </a>
                </div>	
                {#
                <div class="dashboard-block">
                    <a href="{{ url('office_brain_quotebundle_quote_quotelist') }}">
                		<div class="menu"><h3>{{ (quote_list_count.draft is defined)?quote_list_count.draft:0 }}</h3></div>
                		<span>{{ 'my_account_dashboard.open_quotes'| trans({},"goldstar") }}</span>
                    </a>
                </div>
                #}	
                <div class="dashboard-block">
                    <a href="{{ url('office_brain_orderbundle_order_cartlist') }}">
                		<div class="menu cart_item_count"><h3>0</h3></div>
                		<span>{{ 'my_account_dashboard.cart_items'| trans({},"goldstar") }}</span>
                    </a>
                </div>	
                <div class="dashboard-block">
                    <a href="{{ path('office_brain_search_bundle_search') }}">
                		<div class="menu"><h3><i class="fa fa-shopping-cart"></i></h3></div>
                		<span>{{ 'button.continue'| trans({},"goldstar") }}</span>
                    </a>
                </div>	
            </div>
            
            
            <div class="row dashboard">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon user-icon"></i>{{ 'my_account_dashboard.account_info'| trans({},"goldstar") }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_userbundle_user_my_account_edit') }}">{{ 'my_account_dashboard.upload_profile_photo'| trans({},"goldstar") }}</a></li>
                        <li><a href="{{ url('office_brain_userbundle_user_my_account_edit') }}">{{ 'user.edit_account.title'|trans({}, 'goldstar') }}</a></li>
                        <li><a href="{{ url('office_brain_userbundle_login_change_password') }}">{{ 'my_account_sidebar.change_password'|trans({},'app') }}</a></li>
                        <li><a href="{{ url('office_brain_userbundle_user_my_account_edit') }}">{{ 'my_account_dashboard.email_preferences'| trans({},"goldstar") }}</a></li>
                    </ul>
                </div>
                
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                        <h1 class="main-title register"><i class="heading-icon order-icon"></i>{{ 'my_account_sidebar.my_orders'|trans({},'app') }}</h1>
                        <ul>
                            <li><a href="{{ url('office_brain_orderbundle_order_orderlist') }}">{{ 'my_account_dashboard.view_orders'| trans({},"goldstar") }}</a></li>
    {#                         <li><a href="{{ url('office_brain_orderbundle_order_orderlist') }}">{{ 'order.order_status'|trans }}</a></li>#}
    {#                         <li><a href="{{ url('office_brain_orderbundle_order_orderlist') }}">{{ 'my_account_dashboard.leave_feedback'| trans({},"goldstar") }}</a></li>#}
                        </ul>
                    </div>
                
                {#<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon quote-icon"></i>{{ 'my_account_dashboard.my_quotes'| trans({},"goldstar") }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_quotebundle_quote_quotelist') }}">{{ 'my_account_dashboard.create_quote'| trans({},"goldstar") }}</a></li>
                        <li><a href="{{ url('office_brain_quotebundle_quote_quotelist') }}">{{ 'my_account_dashboard.send_quote'| trans({},"goldstar") }}</a></li>
                        <li><a href="{{ url('office_brain_quotebundle_quote_quotelist') }}">{{ 'my_account_dashboard.rejected_quote'| trans({},"goldstar") }}</a></li>
                        <li><a href="{{ url('office_brain_quotebundle_quote_quotelist') }}">{{ 'my_account_dashboard.change_request'| trans({},"goldstar") }}</a></li>
                    </ul>
                </div>#}

                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon wishlist-icon"></i>{{ 'my_account_dashboard.my_wishlist'| trans({},"goldstar") }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_wishlistbundle_wishlist_wishlist') }}">{{ 'transaction.view_wish_list'|trans({}, 'goldstar') }}</a></li>
{#                         <li><a href="{{ url('office_brain_wishlistbundle_wishlist_wishlist') }}">{{ 'my_account_dashboard.edit_wishlist'| trans({},"goldstar") }}</a></li>#}
                    </ul>
                </div>
                {% if ob_project_user_configuration_rule.myaccount_side_menu.option.my_feedbacks.status == 1 and user_type != 'supplier' %}
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon review-icon"></i>{{ 'my_account_dashboard.my_reviews'| trans({},"goldstar") }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_feedbackbundle_feedbackuser_feedbacklist') }}">{{ 'my_account_dashboard.review_product'| trans({},"goldstar") }}</a></li>
{#                         <li><a href="{{ url('office_brain_feedbackbundle_feedbackuser_feedbacklist') }}">{{ 'my_account_dashboard.edit_review'| trans({},"goldstar") }}</a></li>#}
                    </ul>
                </div>
                {% endif %}
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon add-book-icon"></i>{{ 'my_account_sidebar.address_book'|trans({},'app') }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_userbundle_contactbook_viewcontactbook') }}">{{ 'order.shipping_type.my_contacts'|trans }}</a></li>
                    </ul>
                </div>
                {# <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon saved-artwork-icon"></i>{{ 'Artwork' }}</h1>
                    <ul>
                        <li><a href="{{ url('office_brain_custombundle_cmsbundle_upload_artwork_center_add') }}">{{ 'my_account_dashboard.upload_new_artwork'| trans({},"goldstar") }}</a></li>
                    </ul>
                </div> #}
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 acc-section">
                    <h1 class="main-title register"><i class="heading-icon fa fa-question-circle"></i>{{ 'my_account_sidebar.my_inquiries'|trans({}, 'app') }}</h1>
                    <ul>
                    	<li><a href="{{ path('office_brain_requestinfobundle_requestinfo_myrequestsamplelist') }}">Request Sample and Ask Question</a></li>
{#                         <li><a href="{{ path('office_brain_requestinfobundle_requestinfo_myinquirylist', {'requestQuote': 1}) }}">{{ "request_info.tab2" | trans ({},'goldstar')}}</a></li>#}
                        {# <li><a href="{{ path('office_brain_requestinfobundle_requestquote_myinquiryrequestquotelist') }}">{{ "request_info.tab2" | trans ({},'goldstar')}}</a></li>#}
                    </ul>
                </div>
            </div>
            
            <div id="recent_products" class="col-sm-12"></div>
            
{#             {% render (url("office_brain_page_homepage_sitemodule_data",{ 'block': 'best_selling_product','slug': 'best_selling_product' })) %}#}
            
{#             {% render (url("officebrain_product_bundle_product_recentlyviewedproduct",{ 'exclude_product_id': '','slug': 'best_selling_product' })) %}#}

{# 		        <div class="row">#}
{# 		            <div class="col-lg-12">#}
{# 		                <div class="acc-dashboard">#}
{# 		                    <ul>#}
{# 		                        <li>#}
{# 		                            <span></span>#}
{# 		                            <p>{{ 'user.my_account_info.orders'|trans }}</p>#}
{# 		    						<i class="info-order acc-info"></i>#}
{# 		                        </li>#}
{# 		                        <li>#}
{# 		                            <span></span>#}
{# 		                            <p>{{ 'user.my_account_info.quotes'|trans }}</p>#}
{# 									<i class="info-quote acc-info"></i>#}
{# 		                        </li>#}
{# 		                        <li>#}
{# 		                            <span>{% block wish_list_count_block %}{% endblock wish_list_count_block %}</span>#}
{# 		                            <p>{{ 'user.my_account_info.requests'|trans }}</p>#}
{# 		    						<i class="info-request acc-info"></i>#}
{# 		                        </li>#}
{# 		                       <li>#}
{# 		                            <span>0</span>#}
{# 		                            <p>{{ 'user.my_account_info.rewards'|trans }}</p>#}
{# 		                            <i class="info-reward acc-info"></i>#}
{# 		                        </li> #}
{# 		                    </ul>#}
{# 		                </div>#}
{# 		            </div>#}
{# 		            <div class="col-lg-5">#}
{# 		                <div class="account-address-block">#}
{# 		                    <div class="address-inner-block">#}
{# 		                        <div class="address-title-block">#}
{# 		                            <h4>{% block address_title_block %}{% endblock address_title_block %}</h4>#}
{# 		                            <div class="pull-right address-edit-del-block">#}
{# 		                                <ul>#}
{# 		                                    <li>#}
{# 		                                    	<a href="{{ path('office_brain_userbundle_user_my_account_edit') }}" data-toggle="tooltip" data-placement="top" title="" class="ui-link" data-original-title="{{ 'edit'|trans({},'app') }}"><i class="fa fa-pencil-square-o"></i>#}
{# 		                                    	</a>#}
{# 		                                    </li>#}
{# 		                                </ul>#}
{# 		                            </div>#}
{# 		                        </div>#}
{# 		                        <div class="address-contact-info-block">#}
{# 		                            <ul>#}
{# 		                                {% if ob_project_user_setting.user_data.mobile!='null' and ob_project_user_setting.user_data.mobile!='' %}#}
{# 		                                    <li><i class="fa fa-mobile"></i>{% block mobile_block %}{% endblock mobile_block %}</li>#}
{# 		                                {% elseif ob_project_user_setting.user_data.phone!='null' and ob_project_user_setting.user_data.phone!='' %}#}
{# 		                                    <li><i class="fa fa-phone"></i>{% block phone_block %}{% endblock phone_block %}</li>#}
{# 		                                {% endif %}#}
{# 		                                <li><a href="mailto:{{ ob_project_user_setting.user_data.email }}"><i class="fa fa-envelope"></i>{% block email_block %}{% endblock email_block %}</a></li>#}
{# 		                            </ul>#}
{# 		                        </div>#}
{# 		                    </div>#}
{# 		                </div>#}
{# 		            </div>#}
{# 		            <div class="col-lg-7">#}
		                {#<div class="account-address-block">
		                    <div class="address-inner-block">
		                        <div class="address-title-block">
		                            <h4>{% block newsletter_title_block %}{% endblock newsletter_title_block %}</h4>
		                            <div class="pull-right address-edit-del-block">
		                                <ul>
		                                    <li><a href="{{ path('office_brain_userbundle_user_my_account_edit') }}" data-toggle="tooltip" data-placement="top" title="" class="ui-link" data-original-title="{{ 'edit'|trans({},'app') }}"><i class="fa fa-pencil-square-o"></i></a></li>
		                                </ul>
		                            </div>
		                        </div>
		                        <div class="address-contact-info-block">
		                            <ul>
		                                <li>{% block newsletter_subscribe_text_block %}{% endblock newsletter_subscribe_text_block %}</li>
		                                <li>{% block newsletter_subscribe_category_block %}{% endblock newsletter_subscribe_category_block %}</li>
		                            </ul>
		                        </div>
		                    </div>
		                </div>#}
{# 		            </div>#}
{# 		        </div>#}
		        {% if (ob_project_site_management_access_rule.sub_shop.option.sub_shop_inquiry.status == 1) and (ob_project_site_management_access_rule.sub_shop.option.sub_shop_inquiry.option.sub_shop_inquiry_list.status == 1) %}
		            <div class="inquiry-subshop">
		                <div class="row">
		                    <div class="col-lg-3 col-lg-offset-3 col-xs-12 col-col-sm-12 col-md-12">
		                        <a href="{{ path('office_brain_subshopbundle_subshopinquiry_inquiry') }}">
		        					<div class="subshop">
		            					{{ 'user.my_account_info.inquiry_text'|trans }}<br>
		            					<span>{{ 'user.my_account_info.for'|trans }} <i>{{ 'user.my_account_info.subshop'|trans }}</i></span>
		        					</div>
		    					</a>
		                    </div>
		                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
		                        <p>
		                            <a href="{{ path('office_brain_subshopbundle_subshopinquiry_inquiry') }}">{{ 'user.my_account_info.click_here'|trans }}</a>
		                            {% block subshop_inquiry_click_here_text_block %}{% endblock subshop_inquiry_click_here_text_block %}
		                        </p>
		                    </div>
		                </div>
		                <i class="acc-info info-subshop"></i>
		            </div>
		        {% endif %}		
		        
<script type="text/javascript">
$(document).ready(function(){
    jQuery('.js-btn-cart-queue .js-counter').bind('DOMSubtreeModified',function(event) {
        var v = jQuery('.js-btn-cart-queue .js-counter').text();
        v = v*1;
        $('.cart_item_count h3').html(v);
    });

    ajaxCallForProducts('recent_products',Routing.generate('officebrain_product_bundle_product_recentlyviewedproduct', {'_locale':SITE_CULTURE})+"/"+$("#recent_products").data('attribute'));
    
});

function ajaxCallForProducts(name, url){
	$.ajax({
		url: url,
		type: 'GET',
		data: '',
		success: function(result) {
			if($.trim(result) == ''){
				$('#'+name).remove();
			}else{
				$('#'+name).html(result);
				commomCarousel();
				$('#owl-carousel-recently_view_product .product-tile').hide();
				$('#owl-carousel-recently_view_product .pro-button-details').hide();
			}
		}
	});
}

function commomCarousel(){
	
	$(".js-common-carousel-product-detail").owlCarousel({
		loop:true,
		margin:14,
		responsiveClass:true,
		nav:true,
		responsive:{
			0:{items:1,},
			500:{items:2,},
			600:{items:2,},
			800:{items:2,},
			1000:{items:3,nav:true},
			1200:{items:3,nav:true}
		}
	});
}

</script>    
{% endblock page_main_content %}