@model GarageBandz.Domain.Event
<!-- Page Heading -->
<div class="row">
    <div class="col-lg-12">
        <h2 class="page-header">
            Gestione Evento <small>@Model.Title</small>
        </h2>
        <ol class="breadcrumb">
            <li><a href="@Url.Action("Index", "Home")"><i class="fa fa-building-o"></i> Dashboard</a></li>
			<li><a href="@Url.Action("Index", "Event")"><i class="fa fa-th-list"></i> Eventi</a></li>
            <li class="active"><i class="fa fa-edit"></i> Aggiungi/Modifica</li>
        </ol>
    </div>
</div>
<!-- /.row -->
<div class="row">
    <div class="col-lg-12">
        <div class="alert alert-info alert-dismissable">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <i class="fa fa-info-circle"></i>  Da questa pagina puoi creare o modificare <strong>i tuoi eventi</strong>
        </div>
    </div>
</div>
<!-- /.row -->
<div class="row">
    <div class="col-lg-12">
       	@using(Html.BeginForm("Save", "Event", FormMethod.Post, new { enctype="multipart/form-data" })) {
		<div class="row">
			<div class="form-group col-md-12">
				<label>Titolo</label>
				<input class="form-control" placeholder="Inserisci il titolo della news o dell'evento" name="Title" value="@Model.Title" required>
			</div>
		</div>
        <div class="row">
			<div class="form-group col-md-12">
				<label>Sottotitolo</label>
				@Html.TextBoxFor(x => x.Subtitle, new { @class = "form-control news-type", placeholder="Inserisci il sottotitolo della news" })
			</div>
		</div>
		<div class="row">
			<div class="form-group col-md-4">
				<label>Tipo</label>
                @Html.HiddenFor(x => x.TemporaryPublisherId)
                @Html.HiddenFor(x => x.Source)
				@Html.DropDownListFor(x => x.Type, GarageBandz.Web.Helpers.Metadata.ComboField("Event_Type"), "Seleziona...", new { @class = "form-control" })
			</div>
            <div class="form-group col-md-4">
                <label>Choose performer</label>
                @Html.DropDownListFor(x => x.TemporaryPerformerId, GarageBandz.Web.Helpers.Metadata.Bands(), "Seleziona...", new { @class = "form-control" })
            </div>
                    
		</div>
        <div class="row">
			<div class="form-group col-md-12">
				<label>Luogo</label>
                <div class="input-group">
					<textarea class="form-control event-type" placeholder="Luogo dell'evento" id="Place" name="Place" >@Model.Place</textarea>
					<a href="#" class="input-group-addon btn btn-primary" onclick="javascript:getMapsCoordinates(); return false;" ><i class="fa fa-check"> </i></a> 
                </div>
            </div>
		</div>
        <div class="row">
			<div class="form-group col-md-6">
				<label>Latitudine</label>
				<input class="form-control" placeholder="Inserisci il valore di latitudine" id="Latitude" name="Latitude" value="@Model.Latitude" />
			</div>
            <div class="form-group col-md-6">
				<label>Longitudine</label>
				<input class="form-control" placeholder="Inserisci il valore di longitudine" id="Longitude" name="Longitude" value="@Model.Longitude" />
			</div>
		</div>
		<div class="row">
			<div class="form-group col-md-12">
				<label>Contenuto</label>
				<textarea class="form-control" placeholder="Digita qui il testo esteso, ma senza esagerare!" name="Content" >@Model.Content</textarea>
			</div>
		</div>
        <div class="row">
			<div class="form-group col-md-12">
				<label>Link di riferimento</label>
				<input class="form-control" placeholder="Inserisci il link con il prefisso http://" name="ReferenceUrl" value="@Model.ReferenceUrl" />
			</div>
		</div>
		<div class="row">
			<div class="form-group col-md-4">
                <label>Data Inizio</label>
				<div class="input-group">
					@Html.TextBoxFor(x => x.StartDate, new { @class = "datetimepicker form-control event-type" })
					<div class="input-group-addon"><i class="fa fa-calendar"> </i></div>
                </div>
			</div>
			<div class="form-group col-md-4">
                <label>Data Fine</label>
				<div class="input-group">
					@Html.TextBoxFor(x => x.EndDate, new { @class = "datetimepicker form-control event-type" })
					<div class="input-group-addon"><i class="fa fa-calendar"> </i></div>
                </div>
			</div>
            <div class="form-group col-md-4">
                <label>Data pubblicazione</label>
				<div class="input-group">
					@Html.TextBoxFor(x => x.PublishDate, new { @class = "datetimepicker form-control news-type" })
					<div class="input-group-addon"><i class="fa fa-calendar"> </i></div>
                </div>
			</div>
		</div>
		<div class="row">
			<div class="form-group col-md-6">
                <label>Immagine evento</label>
				<img src="@Model.ImageUrl" style="width:150px" class="thumbnail" />
                <input type="hidden" name="ImageUrl" value="@Model.ImageUrl" />
                <input type="file" name="eventImage" />
            </div>
        </div>
			<input type="hidden" value="@Model.Id" name="Id" id="Id" />
			<button type="submit" class="btn btn-primary">Salva modifiche</button>
    }
	</div>
</div>

@section Script {
<script>
    $(function () {

       

        $("#Type").change(function (event) {

            debugger;
            if ($(event.target).val() == "News") {
                $('.event-type').attr('readonly', 'readonly');
                $('.news-type').attr('readonly', false);
            }
            else if ($(event.target).val() == "Event") {
                $('.news-type').attr('readonly', 'readonly');
                $('.event-type').attr('readonly', false);
            }
        }).change();
    });
</script>
}