@model SmartAds.Domain.ShortenedLink

@{
    ViewBag.Title = "Result";
}

<div class="form-group">
    <h1 class="cover-heading">Your link is ready!</h1>
    <p class="lead">Copy or share it now!</p>
    <div class="lead" style="position:relative">
        <input type="text" style="text-align: center" id="shortenedUrl" readonly="readonly"  class="form-control" value="@(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)">
        <div onClick="$('#shortenedUrl').select();" style="position:absolute; left:0; right:0; top:0; bottom:0;"></div>
    </div>

    <div class="span12" style="text-align:center">
		<div id="share-buttons">				 
				        <!-- Facebook -->
			<a href="http://www.facebook.com/sharer.php?u=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/facebook.png" alt="Facebook" /></a>
				 			<!-- Twitter -->
			<a href="http://twitter.com/share?url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/twitter.png" alt="Twitter" /></a>
				 			<!-- Google+ -->
			<a href="https://plus.google.com/share?url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/google.png" alt="Google" /></a>
				 			<!-- Digg -->
			<a href="http://www.digg.com/submit?url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/diggit.png" alt="Digg" /></a>
				 			<!-- Reddit -->
			<a href="http://reddit.com/submit?url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/reddit.png" alt="Reddit" /></a>
				 			<!-- LinkedIn -->
			<a href="http://www.linkedin.com/shareArticle?mini=true&url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/linkedin.png" alt="LinkedIn" /></a>
				 			<!-- Pinterest -->
			<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="/Content/sharebuttons/pinterest.png" alt="Pinterest" /></a>
				 			<!-- StumbleUpon-->
			<a href="http://www.stumbleupon.com/submit?url=@Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)" target="_blank"><img src="/Content/sharebuttons/stumbleupon.png" alt="StumbleUpon" /></a>
				 			<!-- Email -->
			<a href="mailto:?Subject=Visita questo link&Body=Volevo suggerirti questo link: %20 @Url.Encode(Request.Url.GetLeftPart(UriPartial.Authority) + "/"  + Model.ShortLink)"><img src="/Content/sharebuttons/email.png" alt="Email" /></a>

        </div>
	</div>
</div>

<div class="panel panel-info" style="color: black; margin-top: 40px">
    <div class="panel-heading">Professional Service: Advertise your product</div>
    <div class="panel-body">
        <p class="lead">Paste your product or service link here</p>
        @using (Html.BeginForm("BuyNow", "Payment", FormMethod.Post, new { @role = "form" }))
        {
            <input type="hidden" name="ShortenedLink.Id" value="@Model.Id" />
            <div class="input-group">
                <input type="text" name="AdvertisementUrl" id="AdvertisementUrl" class="form-control" placeholder="i.e. http://mywebsite.com/landing-page" />
                <span class="input-group-btn">
                    <button type="submit" class="btn btn-info">Advertise It</button>
                </span>
            </div>
        }
    </div>
    <div class="panel-footer">0.99 € only!</div>
    

</div>

@section scripts {
    <script>
        $('#shortenedUrl').select();
    </script>
}