@model FindFreePlaceMvcApp.ViewModel
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
.field-validation-error {
<div class="col-md-6 col-md-offset-3">
@using (Html.BeginForm())
@Html.LabelFor(m => m.Places)
@Html.TextBoxFor(model => model.Places, new {@class="form-control"})
@Html.ValidationMessageFor(model => model.Places)
@Html.LabelFor(m => m.IsRotary)
@Html.CheckBoxFor(model => model.IsRotary, new {@class="form-control"})
@Html.ValidationMessageFor(model => model.IsRotary)
@Html.LabelFor(m => m.NeededPlaces)
@Html.TextBoxFor(model => model.NeededPlaces, new {@class="form-control"})
@Html.ValidationMessageFor(model => model.NeededPlaces)
<button type="button" class="btn btn-success submit">Ask</button>
<div class="alert alert-warning fade">
<strong><span class="alert-content"></span></strong>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
function openAlert(txt) {
$('.alert-content').text(txt);
$('.alert').addClass('in');
$('.alert').removeClass('in');
var result = '@Model.Result';
$('#Question').change(closeAlert);
$('#Question').keyup(closeAlert);
$('.submit').click(function(){
url: '@Url.RouteUrl(new{ action="GetAnswer", controller="Home"})',
data: { Places: $('#Places').val(),
IsRotary: $('#IsRotary').is(':checked'),
NeededPlaces: $('#NeededPlaces').val()
// contentType: "application/json; charset=utf-8",
error: function(jqXHR, status, errorThrown) {
openAlert(status + " " + errorThrown);
success: function(resp) {