@model Colossus.Sc.Feature.LandingPages.Models.ResponsiveLandingPageViewModel
@using Colossus.Sc.Foundation.ItemMapper.Helpers
<div class="landing-pages">
    <div class="site-head header-landing">
        <div class="wrapper">
            <div class="site-head-pad cf">
                <div class="logo">
                    @if (Sitecore.Context.PageMode.IsExperienceEditor)
                    {
                        @Html.Image(Model.Header.LogoImage)  @Html.Raw(Model.Header.LogoLink)
                    }
                    else
                    {
                        if (Model.Header != null && Model.Header.LogoLink != null && Model.Header.LogoImage != null)
                        {
                            if (!string.IsNullOrEmpty(Model.Header.LogoLink.Url) && !string.IsNullOrEmpty(Model.Header.LogoImage.Src))
                            {
                                <a href="@Html.Raw(Model.Header.LogoLink.Url)"><img src="@Html.Raw(Model.Header.LogoImage.Src)" width="45" height="22"></a>
                            }
                        }
                    }

                </div>
                <div class="utility-nav-wrap utility-need-assistance">
                    @Html.Raw(Model.Text)
                </div>
            </div>
        </div>
    </div>
    <div id="divSitebody" class="site-body">
        <div id="Wrapper" class="container">
            <div class="generic-header-wrapper landing-wrapper">

                <div class="generic-header-image">
                    @if (Sitecore.Context.PageMode.IsExperienceEditor)
                    {
                        @Html.Image(Model.PageHeadlineImage)
                    }
                    else
                    {
                        <img src="@Model.PageHeadlineImage.Src" alt="@Model.PageHeadlineImage.Alt" width="@Model.PageHeadlineImage.Width" height="@Model.PageHeadlineImage.Height">
                    }
                </div>

                <div class="banner-wrapper">
                    <div class="banner-product-logo" style="float: left;">
                        @if (Sitecore.Context.PageMode.IsExperienceEditor)
                        {
                            @Html.Image(Model.ProductLogo)
                        }
                        else
                        {
                            <img src="@Model.ProductLogo.Src" alt="@Model.ProductLogo.Alt" width="@Model.ProductLogo.Width" height="@Model.ProductLogo.Height">
                        }

                    </div>
                    <div class="rtf-content banner-product-title-content" style="float:left;">
                        @Html.Raw(Model.BannerTeaser)
                    </div>
                </div>
                <div id="maincenter_0_contenttop_0_divFormModuleTitle" class="form-title-header">
                    @Html.Raw(Model.FormTitle)
                </div>
            </div>
            <div class="content-wrapper">

                <div class="cols-wrap cols-2 cols-2-right-340">
                    <div class="col col-left">

                        <div class="rtf-content landing-main-content">
                            @Html.Raw(Model.HeadContent)
                        </div>
                    </div>
                    <div class="col col-right">
                        <div class="col-pad">
                            <div class="col-pad">
                                @Html.Sitecore().Placeholder("phLandingPagesRightColumn")
                                <div class="responsive-landing-form-wrapper-partners landing-form-wrapper">
                                    <div class="responsive-landing-form-wrapper-pad landing-form-wrapper-pad">
                                        @if (Sitecore.Context.PageMode.IsExperienceEditor)
                                        {
                                            @Html.Image(Model.AwardsImage)
                                        }
                                        else
                                        {
                                            if (Model.AwardsImage != null)
                                            {
                                                <p style="text-align: center;">
                                                    <img class="img-responsive" src="@Model.AwardsImage.Src" alt="@Model.AwardsImage.Alt">
                                                </p>
                                            }
                                        }
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content-bottom">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-foot">
        <div class="wrapper">
            <div class="site-foot-pad">
                <div class="footer-copyright-wrap">
                    <div class="copyright">
                        © @DateTime.Now.Year GFI Software | &nbsp;
                        @foreach (var link in Model.Footer.FooterLinks)
                        {
                            if (Sitecore.Context.PageMode.IsExperienceEditor)
                            {
                                <div class="row">
                                    @Html.Raw(link.FooterLink)
                                </div>
                            }
                            else
                            {
                                <a href="@link.FooterLinkUrl" target="_blank">@link.FooterLinkText</a> @("|")
                            }
                        }
                    </div>
                    <div class="share-this">
                        <ul>
                            <li id="mainbottom_0_liShareThis">
                                <div class="pos-left">
                                    <a class="addthis_button shareIcon" href="@Html.Raw(Model.ShareThis.ShareThisUrl.Url)">
                                        Share this page
                                    </a>
                                </div>
                                <script type="text/javascript" src="@Html.Raw(Model.ShareThis.ShareThisJavascriptUrl.Url)"> </script>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>