@{

ViewBag.Title = "PostDetails";
Layout = "~/Views/Shared/_Layout.cshtml";
var post = ViewBag.post;
var picpath = "http://localhost:51475/uploads/PostsPics/" + post.Id + ".png"
;
var ProfilePicpath = "http://www.test.wasltec.com/uploads/ProfilePics/" + po
st.User.Id + ".png";
var comments = ViewBag.comments;
}
<h2>PostDetails</h2>
<div class="st-content-inner">
<div class="container">
<div class="cover profile">
<div class="wrapper">
<div class="image">
<img src="~/Content/eng/images/profile-cover.jpg" alt="peopl
e">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="col-md-1">
<img src=@ProfilePicpath class="img-circle" width="100">
</div>
<!-- /btn-group -->
<div class="col-md-11">
<div class="date_name_box">Name :@post.User.Name</div>
<div class="date_name_box border_top">Date :@post.CreationDa
te</div>
</div>
<!-- /input-group -->
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading panel-heading-gray">
<i class="fa fa-bookmark"></i> Bookmarks
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading panel-heading-gray">
<a href="#" class="h5 margin-none">Image &amp; M
ap</a>
</div>
@if (post.HasImages)
{
<a href="#">
<img src=@picpath alt="image" class="img-respons
ive">
</a>

}
@if (post.ISReview)
{
<a href="#">
<div id="map" style=" height:300px" class="f
orm-control">
</div>
</a>
}
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading panel-heading-gray">
<a href="#" class="h5 margin-none">Post Details<
/a>
</div>
<div class="panel-body">
<p>
@post.BodyText
</p>
<div>
<a href="#" class="text-muted"> <i class="fa
fa-comments"></i> 6</a>
</div>
<div class="artical_comment">
<div class="input-group">
<span class="input-group-btn">
<a href="#" onclick="post()" class="
btn btn-default"><i class="fa fa-check-square"></i></a>
</span>
<input type="text" id="comment" name="co
mment" class="form-control">
</div>
<ul class="comments">
@if (comments != null)
{
foreach (var c in comments)
{
@*@picpath = "http://localhost:51475/u
ploads/PostsPics/" + c.UserId + ".png";*@
<li class="media">
<div class="media-left">
<a href="#">
<img src=@picpath class="med
ia-object">
</a>
</div>
<div class="media-body">
<div class="pull-right dropdown"
data-show-hover="li" style="display: none;">
<a href="#" data-toggle="dro
pdown" class="toggle-button">
<i class="fa fa-pencil">

</i>
</a>
<ul class="dropdown-menu" ro
le="menu">
<li><a href="#">Edit</a>
</li>
<li><a href="#">Delete</
a></li>
</ul>
</div>
<a href="#" class="comment-autho
r pull-left">@c.User.Name</a>
<span>@c.CommentText</span>
<div class="comment-date">14 min
</div>
</div>
</li>
}
}
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-le
ft" id="cbp-spmenu-s1">
<h3 class="slide_menu_title">Menu</h3>
<a href="#">Celery seakale</a>
<a href="#">Dulse daikon</a>
<a href="#">Zucchini garlic</a>
<a href="#">Catsear azuki bean</a>
</nav>
<nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenubottom" id="cbp-spmenu-s4">
<h3>Menu</h3>
<a href="#">Celery seakale</a>
<a href="#">Dulse daikon</a>
<a href="#">Zucchini garlic</a>
<a href="#">Catsear azuki bean</a>
</nav>
<div class="menu_btns">
<button id="showLeft">Show/Hide Left Slide Menu</but
ton>
<button id="showBottom">Show/Hide Bottom Slide Menu<
/button>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
@section scripts{
<script type="text/javascript">
function post() {
var com = $('#comment').val();
chatHub.server.newComment(
@post.Id,com, '@Request.Cookies["username"].Value', ' @Request.Cookies["password
"].Value');
$('#comment').val('') ;
}
</script>
<script>
var colors = {
"danger-color": "#e74c3c",
"success-color": "#81b53e",
"warning-color": "#f0ad4e",
"inverse-color": "#2c3e50",
"info-color": "#2d7cb5",
"default-color": "#6e7882",
"default-light-color": "#cfd9db",
"purple-color": "#9D8AC7",
"mustard-color": "#d4d171",
"lightred-color": "#e15258",
"body-bg": "#f6f6f6"
};
var config = {
theme: "social-3",
skins: {
"default": {
"primary-color": "#16ae9f"
},
"orange": {
"primary-color": "#e74c3c"
},
"blue": {
"primary-color": "#4687ce"
},
"purple": {
"primary-color": "#af86b9"
},
"brown": {
"primary-color": "#c3a961"
},
"default-nav-inverse": {
"color-block": "#242424"
}
}
};
</script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1'
),
menuBottom = document.getElementById( 'cbp-spmen
u-s4' ),
showLeft = document.getElementById( 'showLeft' )

,
showBottom = document.getElementById( 'showBotto
m' ),
body = document.body;
showLeft.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeft' );
};
showBottom.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuBottom, 'cbp-spmenu-open' );
disableOther( 'showBottom' );
};
function disableOther( button ) {
if( button !== 'showLeft' ) {
classie.toggle( showLeft, 'disabled' );
}
if( button !== 'showBottom' ) {
classie.toggle( showBottom, 'disabled' )
;
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASzS4IimhtSf4avXq
R3wdbYSJSYUjWVAE"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><
/script>
<script type="text/javascript">
var latlng = new google.maps.LatLng(@ViewBag.lat, @ViewB
ag.lng);
var map = new google.maps.Map(document.getElementById('m
ap'), {
center: latlng,
zoom: 11,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: 'Set lat/lon values for this property',
draggable: true
});
</script>
}