{include file="orderforms/standard_cart/common.tpl"}


<div class="full__with__section">
	<div class="main__page__content">
		<div class="row justify-content-start align-items-center">
			<div class="col-md-8 col-12 mb-md-0 mb-4">
				<div class="orderform__cart__header">
					
					<div class="d-flex flex-wrap gap-8 align-items-center mb-5">
						<h1 class="coodiv-text-5 font-weight-bold mb-0">{if $totalResults > 1}{lang key='renewService.titlePlural'}{else}{lang key='renewService.titleSingular'}{/if}</h1>
						<button id="hideShowServiceRenewalButton" class="btn btn-sm btn-success service-renewals-quick-filter m-0">
							<span class="to-hide">
								{lang key='renewService.hideShowServices.hide'}
							</span>
							<span class="to-show">
								{lang key='renewService.hideShowServices.show'}
							</span>
						</button>
					</div>
					<p class="coodiv-text-10 font-weight-300">{$LANG.domainrenewdesc}</p>
				</div>
			</div>
			<div class="col-md-4 col-12">
				{if $totalResults > 5}
					<div class="renewal__domain__search__wrapper">
						<input id="serviceRenewalFilter" type="search" class="service-renewals-filter form-control input-inline-100" placeholder="{lang key='renewService.searchPlaceholder'}">
					</div>
			   {/if}
			</div>
		</div>
	</div>
</div>

<div class="full__with__section cart__categories__menu__wrapper full__width__secondarysidebar__menu mt-9 mb-10 into__main__page__content__full__width__element">
	<div class="full__width__secondarysidebar__menu__item main__page__content d-flex align-items-start">
		{foreach $secondarySidebar as $panel}
			<div menuItemName="{$panel->getName()}" class="product__cart__sidepanel {if $panel->getClass()}{$panel->getClass()}{else}panel-sidebar{/if}{if $panel->getExtra('mobileSelect') and $panel->hasChildren()} hidden-sm hidden-xs{/if}"{if $panel->getAttribute('id')} id="{$panel->getAttribute('id')}"{/if}>			
				{if $panel->hasBodyHtml()}
					<div class="panel-body">
						{$panel->getBodyHtml()}
					</div>
				{/if}
				{if $panel->hasChildren()}
					<div class="product__cart__sidepanel__group {if $panel->getChildrenAttribute('class')} {$panel->getChildrenAttribute('class')}{/if}">
						{foreach $panel->getChildren() as $child}
							{if $child->getUri()}
								<a enuItemName="{$child->getName()}" href="{$child->getUri()}" class="product__cart__sidepanel__item {if $child->isDisabled()} disabled{/if}{if $child->getClass()} {$child->getClass()}{/if}{if $child->isCurrent()} active{/if}"{if $child->getAttribute('dataToggleTab')} data-toggle="tab"{/if}{if $child->getAttribute('target')} target="{$child->getAttribute('target')}"{/if} id="{$child->getId()}">
									{if $child->hasIcon()}
										{if $child->getName()|strstr:"Domain Renewals"}
											<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="synchronize-warning--arrow-fail-notification-sync-warning-failure-synchronize-error"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="m11 9 2-.5.5 2"></path><path id="Vector_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M13 8.5A6.6 6.6 0 0 1 7 13a6 6 0 0 1-5.64-3.95"></path><path id="Vector_3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="m3 5-2 .5-.5-2"></path><path id="Vector_4" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M1 5.5A6.79 6.79 0 0 1 7 1a6 6 0 0 1 5.64 4"></path></g></svg>
										{elseif $child->getName()|strstr:"Domain Registration"}
											<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="web--server-world-internet-earth-www-globe-worldwide-web-network"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Z"></path><path id="Vector_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M.5 7h13"></path><path id="Vector_3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M9.5 7A11.22 11.22 0 0 1 7 13.5 11.22 11.22 0 0 1 4.5 7 11.22 11.22 0 0 1 7 .5 11.22 11.22 0 0 1 9.5 7v0Z"></path></g></svg>
										{elseif $child->getName()|strstr:"Domain Transfer"}
											<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="arrow-transfer-diagonal-1--arrows-arrow-server-data-diagonal-internet-transfer-network"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="m.5 10.5 10-10H6"></path><path id="Vector_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="m13.5 3.5-10 10H8"></path></g></svg>
										{elseif $child->getName()|strstr:"View Cart"}
											<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="shopping-bag-hand-bag-2--shopping-bag-purse-goods-item-products"><path id="Vector" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M11.96 11.505a0.929 0.929 0 0 1 -0.929 1.031H1.969a0.929 0.929 0 0 1 -0.929 -1.031L1.857 4.179h9.286l0.817 7.326Z" stroke-width="1"></path><path id="Vector_2" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M4.179 4.179V2.786a2.321 2.321 0 1 1 4.643 0v1.393" stroke-width="1"></path></g></svg>
										{else}
											<i class="{$child->getIcon()}"></i>
										{/if}
									{elseif $child->getLabel()|strstr:"VPS" || $child->getLabel()|strstr:"Dedicated" || $child->getLabel()|strstr:"server" || $child->getLabel()|strstr:"Server" || $child->getLabel()|strstr:"خادم" || $child->getLabel()|strstr:"الخوادم" || $child->getLabel()|strstr:"Hosting" || $child->getLabel()|strstr:"استضافة" || $child->getLabel()|strstr:"إستضافة"}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="database-server-2--server-network-internet"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M12.5.5h-11a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1Z"></path><path id="Vector_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M7.5 3H11"></path><path id="Vector_3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M1.5 5.5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1"></path><g id="Group 623"><path id="Vector_4" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M3.25 8.25a.25.25 0 0 1 0-.5"></path><path id="Vector_5" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M3.25 8.25a.25.25 0 0 0 0-.5"></path></g><g id="Group 627"><path id="Vector_6" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M3.25 3.25a.25.25 0 0 1 0-.5"></path><path id="Vector_7" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M3.25 3.25a.25.25 0 0 0 0-.5"></path></g><path id="Vector_8" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M7.5 8H11"></path><path id="Vector_9" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M7 10.5v3"></path><path id="Vector_10" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M2 13.5h10"></path></g></svg>
									{elseif $child->getLabel()|strstr:"SSL" || $child->getLabel()|strstr:"شهادة"}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="shield-1--shield-protection-security-defend-crime-war-cover"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M7.354 13.384a.992.992 0 0 1-.714 0v0A9.492 9.492 0 0 1 .55 4.517V1.542A.992.992 0 0 1 1.542.55h10.91a.992.992 0 0 1 .991.992v2.975a9.492 9.492 0 0 1-6.09 8.867v0Z"></path></g></svg>
									{elseif $child->getLabel()|strstr:"Product Addons" || $child->getLabel()|strstr:"خدمة" || $child->getLabel()|strstr:"خدمات" || $child->getLabel()|strstr:"Data" || $child->getLabel()|strstr:"support" || $child->getLabel()|strstr:"Support" || $child->getLabel()|strstr:"Programming"}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="module-puzzle-1--code-puzzle-module-programming-plugin-piece"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M4.1 1.211c.36.351.573.824.599 1.325L6.521.723a.668.668 0 0 1 .996 0l1.475 1.535c-.21.101-.402.236-.568.398a2.052 2.052 0 0 0 2.899 2.9c.162-.167.297-.36.399-.569l1.554 1.535a.668.668 0 0 1 0 .996l-1.813 1.784a2.043 2.043 0 1 1-2.162 2.162l-1.824 1.813a.668.668 0 0 1-.996 0l-1.475-1.534c.21-.102.402-.237.568-.4a2.057 2.057 0 1 0-3.317-2.33L.723 7.478a.668.668 0 0 1 0-.996l1.813-1.784a1.993 1.993 0 0 1-1.325-.597 2.043 2.043 0 1 1 2.89-2.89v0Z"></path></g></svg>
									{elseif $child->getLabel()|strstr:"Cloudflare" || $child->getLabel()|strstr:"كلاودفلير"}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="VPN-connection"><path id="Vector 524" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.049 4.713c0.432 -0.288 1.724 -0.863 3.45 -0.863 1.724 0 3.018 0.575 3.449 0.863" stroke-width="1"></path><path id="Vector 525" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M4.299 6.558c0.367 -0.184 1.319 -0.55 2.199 -0.55 0.878 0 1.831 0.366 2.198 0.55" stroke-width="1"></path><path id="Vector 526" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M5.778 8.431c0.121 -0.061 0.433 -0.181 0.721 -0.181s0.6 0.121 0.72 0.18" stroke-width="1"></path><path id="Vector" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M6.85 12.471c-0.176 0.087 -0.437 0.087 -0.7 0C2.739 11.155 0.464 7.824 0.464 4.144V1.428C0.464 0.903 0.902 0.464 1.426 0.464h10.147c0.525 0 0.962 0.438 0.962 0.964v2.717c0 3.768 -2.275 7.011 -5.686 8.325Z" stroke-width="1"></path></g></svg>
									{elseif $child->getLabel()|strstr:"Cloud" || $child->getLabel()|strstr:"السحابة" || $child->getLabel()|strstr:"النسخ"}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="cloud-data-transfer--cloud-data-transfer-internet-server-network"><path id="Vector" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m3.699 8.216 1.827 -1.616v4.845" stroke-width="1"></path><path id="Vector_2" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m9.301 9.831 -1.828 1.615V6.6" stroke-width="1"></path><path id="Vector_3" stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.64 10.068a2.965 2.965 0 0 1 -0.397 -5.915 0.212 0.212 0 0 0 0.195 -0.119 3.592 3.592 0 0 1 6.972 0.845 0.228 0.228 0 0 0 0.161 0.186 2.535 2.535 0 0 1 0.466 4.777" stroke-width="1"></path></g></svg>
									{else}
										<svg class="product__cart__sidepanel__item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g id="shipping-box-1--box-package-label-delivery-shipment-shipping"><path id="Vector" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M12.5.5h-11a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1Z"></path><path id="Vector_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M9 .5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-5"></path></g></svg>
									{/if}

									{$child->getLabel()}

									{if $child->hasBadge()}
										&nbsp;<span class="badge">{$child->getBadge()}</span>
									{/if}
								</a>
							{else}
								<div menuItemName="{$child->getName()}" class="list-group-item{if $child->getClass()} {$child->getClass()}{/if}" id="{$child->getId()}">
									{if $child->hasIcon()}
										<i class="{$child->getIcon()}"></i>&nbsp;
									{/if}

									{$child->getLabel()}

									{if $child->hasBadge()}
										&nbsp;<span class="badge">{$child->getBadge()}</span>
									{/if}
								</div>
							{/if}
						{/foreach}
					</div>
				{/if}

				{if $panel->hasFooterHtml()}
					<div class="panel-footer clearfix">
						{$panel->getFooterHtml()}
					</div>
				{/if}
			</div>
			{if $panel->getExtra('mobileSelect') and $panel->hasChildren()}
				{* Mobile Select only supports dropdown menus *}
				<div class="panel hidden-lg hidden-md {if $panel->getClass()}{$panel->getClass()}{else}panel-default{/if}"{if $panel->getAttribute('id')} id="{$panel->getAttribute('id')}"{/if}>
					{include file="orderforms/$carttpl/sidebar-categories-selector.tpl"}
				</div>
			{/if}
		{/foreach}
	</div>
</div>

{if $totalServiceCount == 0}
	<div class="container">
		<div id="no-services" class="custom-alert-text alert alert-warning" role="alert"><p>{lang key='renewService.noServices'}</p></div>
		<p class="text-center"><a href="{$WEB_ROOT}/clientarea.php" class="btn btn-default">{$LANG.orderForm.returnToClientArea}</a></p>
	</div>
{else}
			

	<div id="order-standard_cart">     
			
			
		
						
						
		<div class="row justify-content-start mx-0">
			<div class="orderform__main__content__wrapper__with__sidebar">
				{if $totalResults < $totalServiceCount}
					<div class="text-center">
						{lang key='renewService.showingServices' showing=$totalResults totalCount=$totalServiceCount}
						<a id="linkShowAll" href="{routePath('service-renewals')}">
							{lang key='domainRenewal.showAll'}
						</a>
					</div>
				{/if}
				<div id="serviceRenewals" class="">
					{include file="orderforms/shufytheme_cart/service-renewal-item.tpl" renewableItems=$renewableServices prefix=''}
				</div>
			</div>
							
							
			<div class="main-sidebar main-sidebar-lg" id="scrollingPanelContainer">
				<div id="orderSummary" class="sticky__order__summary__sidebar__wrapper renewal__domain__summary">
					<div class="sidebar__with__promo__box__wrapper">
						<div class="sticky__order__summary__sidebar">
							<div class="sticky__order__summary__sidebar__header">
								<h2 class="coodiv-text-7 font-weight-300 mb-0">{$LANG.ordersummary}</h2>
							</div>
							
							<div class="sticky__sidebar__order__summary position-relative">
								<div class="sticky__order__summary__sidebar__body domain-renewal-summary">
									<div class="loader" id="orderSummaryLoader">
										<i class="fas fa-fw fa-sync fa-spin"></i>
									</div>
									<div class="product__summary__totals__item">
										<div class="summary-container w-100 p-0" id="producttotal"></div>
									</div>
								</div>
							</div>
						</div>
							
						<div class="sticky__order__summary__sidebar__footer">
							<a href="{$WEB_ROOT}/cart.php?a=view"id="btnGoToCart" class="btn btn-primary btn-lg w-100 btn-checkout disable-on-click spinner-on-click" {if $cartitems==0}disabled="disabled"{/if}>
								{lang key='viewcart'}
							</a>
						</div>
					</div>
				</div>
			</div>	

			
		</div>
	 </div>
	 
	 <form id="removeRenewalForm" method="post" action="{$WEB_ROOT}/cart.php" data-renew-type="service">
        <input type="hidden" name="a" value="remove">
        <input type="hidden" name="r" value="" id="inputRemoveItemType">
        <input type="hidden" name="i" value="" id="inputRemoveItemRef">
        <input type="hidden" name="rt" value="service" id="inputRemoveItemRenewalType">
        <div class="modal fade modal-remove-item" id="modalRemoveItem" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header d-block">
                        <h4 class="modal-title">
                            <button type="button" class="close" data-dismiss="modal" aria-label="{lang key='orderForm.close'}">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <i class="fas fa-times fa-3x"></i>
                            <span>{lang key='orderForm.removeItem'}</span>
                        </h4>
                    </div>
                    <div class="modal-body">
                        {lang key='cartremoveitemconfirm'}
                    </div>
                    <div class="modal-footer d-block">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{lang key='no'}</button>
                        <button type="submit" class="btn btn-primary">{lang key='yes'}</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
{/if}
       
    

<script>recalculateRenewalTotals();</script>
