@model FooterModel
@using SmartStore.Web.Models.Common;

<section id="footer" class="container">

    <div class="row">

        <div class="span8">
            @if (Model.ShowSocialLinks)
            {
            <div class="first-col footer-social">
                <h4>@T("Footer.Social")</h4>
                <div class="content">
                    @if (!String.IsNullOrEmpty(Model.FacebookLink))
                    {
                        <a href="@Model.FacebookLink" target="_blank"><i class="fa fa-facebook-square fa-4x"></i></a>
                    }
                    @if (!String.IsNullOrEmpty(Model.GooglePlusLink))
                    {
                        <a href="@Model.GooglePlusLink" target="_blank"><i class="fa fa-google-plus-square fa-4x"></i></a>
                    }
                    @if (!String.IsNullOrEmpty(Model.TwitterLink))
                    {
                        <a href="@Model.TwitterLink" target="_blank"><i class="fa fa-twitter-square fa-4x"></i></a>
                    }
                    @if (!String.IsNullOrEmpty(Model.PinterestLink))
                    {
                        <a href="@Model.PinterestLink" target="_blank"><i class="fa fa-pinterest-square fa-4x"></i></a>
                    }
                    @if (!String.IsNullOrEmpty(Model.YoutubeLink))
                    {
                        <a href="@Model.YoutubeLink" target="_blank"><i class="fa fa-youtube-square fa-4x"></i></a>
                    }
                </div>
            </div>
            }

            @if (Model.ShowThemeSelector)
            {
            <div class="first-col theme-selector">
                <h4>@T("Footer.Themes")</h4>
                <div class="content">
                    @Html.Action("StoreThemeSelector", "Common")
                </div>
            </div>
            }
        </div>

        <div class="span8">
            <div class="x-first-col">
                <div class="row-fluid">
                    <nav class="footer-quicklinks service span12 first-col">
                        <h4>@T("Footer.Service")</h4>
                        <ul class="unstyled">
							@if (Model.TopicPageUrls.ContainsKey("shippinginfo"))
							{
								<li><a href="@Model.TopicPageUrls["shippinginfo"]">@T("ShippingReturns")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("privacyinfo"))
							{
								<li><a href="@Model.TopicPageUrls["privacyinfo"]">@T("PrivacyNotice")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("conditionsofuse"))
							{
								<li><a href="@Model.TopicPageUrls["conditionsofuse"]">@T("ConditionsOfUse")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("paymentinfo"))
							{
								<li><a href="@Model.TopicPageUrls["paymentinfo"]">@T("Paymentinfo")</a></li>
							}
                        </ul>
                    </nav>

                    <nav class="footer-quicklinks company span12 first-col">
                        <h4>@T("Footer.Company")</h4>
                        <ul class="unstyled">
							@if (Model.TopicPageUrls.ContainsKey("contactus"))
							{
								<li><a href="@Model.TopicPageUrls["contactus"]">@T("ContactUs")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("aboutus"))
							{
								<li><a href="@Model.TopicPageUrls["aboutus"]">@T("AboutUs")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("imprint"))
							{
								<li><a href="@Model.TopicPageUrls["imprint"]">@T("Imprint")</a></li>
							}
							@if (Model.TopicPageUrls.ContainsKey("disclaimer"))
							{
								<li><a href="@Model.TopicPageUrls["disclaimer"]">@T("Disclaimer")</a></li>
							}

                            @if (Model.BlogEnabled)
                            {
                                <li><a href="@Url.RouteUrl("Blog")">@T("Blog")</a></li>
                            }
                            @if (Model.ForumEnabled)
                            {
                                <li><a href="@Url.RouteUrl("Boards")">@T("Forum.Forums")</a></li>
                            }
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <div class="span8">
            @if (!Model.HideNewsletterBlock)
            {
                <div class="footer-newsletter last-col">
                    <h4>@T("Newsletter.Title")</h4>

                    <div id="newsletter-subscribe-block">

						<div class="input-append input-block-level">
							@Html.TextBoxFor(x => x.NewsletterEmail, new { id = "newsletter-email", placeholder = T("Newsletter.Email") })
							<button id="newsletter-subscribe-button" class="btn btn-success">@T("Newsletter.Button")</button>
						</div>

                        <label class="radio inline">
							<input type="radio" id="newsletter-subscribe" value="newsletter-subscribe" name="optionsRadios" checked="checked"> 
							@T("Newsletter.Subscribe")
                        </label>
                        <label class="radio inline">
							<input type="radio" id="newsletter-unsubscribe" value="newsletter-unsubscribe" name="optionsRadios"> 
							@T("Newsletter.Unsubscribe")
                        </label>

						@Html.ValidationMessageFor(x => x.NewsletterEmail)
                    
                    </div>
                    <div id="newsletter-result-block" class="alert alert-success hide"></div>
                </div>
            }
        </div>

    </div>

    <div class="row">
        <div class="span24">
            @Html.Widget("footer")
        </div>
    </div>
</section>

<div class="footer-disclaimer container">
    <div class="row">
		<div class="span8">
			@if (Model.ShowLegalInfo)
			{
				<div class="footer-legal">
					@Html.Raw(Model.LegalInfo)
				</div>
			}
		</div>

		<div class="span8 ac">
			@Html.Raw(Model.SmartStoreHint)
		</div>

		<div class="span8 ar">
			<div>
				@T("Content.CopyrightNotice", DateTime.Now.Year.ToString(), @Model.StoreName)
			</div>
		</div>
	</div>
</div>

<div id="switch-to-mobile">
    @Html.Action("ChangeDeviceBlock", "Common")
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#newsletter-subscribe-button').click(function () {
                
            var subscribe = 'true';
            if($('#newsletter-unsubscribe').is(':checked')) { 
                subscribe = 'false';
            }
            var email = $("#newsletter-email").val();
            
            $.ajax({
                cache: false,
                type: "POST",
                url: "@(Url.RouteUrl("SubscribeNewsletter"))",
                data: { "subscribe": subscribe, "email": email },
                success: function (data) {
                    $("#newsletter-result-block").html(data.Result);
                    if (data.Success) {
                        $('#newsletter-subscribe-block').hide();
                        $('#newsletter-result-block').removeClass("alert-error").addClass("alert-success").show();
                    }
                    else {
                        $('#newsletter-result-block').removeClass("alert-success").addClass("alert-error").fadeIn("slow").delay(2000).fadeOut("slow");
                    }
                },
                error:function (xhr, ajaxOptions, thrownError){
                    $("#newsletter-result-block").empty().text("Failed to subscribe").removeClass("alert-success").addClass("alert-error");
                }  
            });                
            return false;
        });

        if (Modernizr.touch) {
            $('#switch-to-mobile').css('display', 'block');
        }
    });
</script>