@model GarageBandz.Domain.Shop

<!-- Page Heading -->
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">
            Beershop <small>Gestione Account</small>
        </h1>
        <ol class="breadcrumb">
            <li class="active">
                <i class="fa fa-building-o"></i> Info
            </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 qui potrai modificare le informazioni del tuo <strong>profilo pubblico</strong>, inserisci i dati e salva la pagina.
        </div>
    </div>
</div>
<!-- /.row -->
	  


<div class="row">
    <div class="col-lg-12">
        @using (Html.BeginForm("Save", "Profile", FormMethod.Post, new { enctype = "multipart/form-data", @role = "form" }))
        {              
		    <div class="form-group">
			    <label>Nome</label>
			    <input class="form-control" readonly="readonly" placeholder="Nome" name="Name" value="@Model.Name" required> 
		    </div>
		    <div class="row"> 
			    <div class="form-group col-md-6">
				    <label>Nazione</label>
				    @Html.DropDownListFor(x => x.State.Country.Id, GarageBandz.Web.Helpers.Metadata.Countries(), "Seleziona...", new { @class = "form-control" })
				</div>
				<div class="form-group col-md-6">
					<label>Regione</label>
				    @Html.DropDownListFor( x => x.State.Id , GarageBandz.Web.Helpers.Metadata.States(Model.State.Country.Id), "Seleziona la nazione...", new { @class = "form-control" })
				</div>
			</div>
			<div class="row">
			<div class="form-group col-md-12">
				<label>Indirizzo</label>
				<textarea class="form-control" placeholder="Indirizzo del birrificio" name="Address" required >@Model.Address</textarea>
			</div>
		</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label>Orari di apertura</label>
					<div class="input-group">
					<input type="text" class="form-control" placeholder="Orario di apertura del birrificio" name="WorkingHours" value="@Model.WorkingHours" />
					<span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
					</div>
				</div>
				<div class="form-group col-md-6">
					<label>Telefono</label>
					<div class="input-group">
						<input class="form-control" placeholder="Telefono" name="Phone" value="@Model.Phone">
						<span class="input-group-addon"><i class="fa fa-phone"></i></span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label>Email</label>
					<div class="input-group">
						<input type="text" class="form-control" placeholder="Indirizzo email" name="Email" value="@Model.Email">
						<span class="input-group-addon">@@</span>
					</div>
				</div>
				<div class="form-group col-md-6">
					<label>Sito Web</label>
					<div class="input-group">
						<input class="form-control" placeholder="Sito web" name="Website" value="@Model.Website" />
						<span class="input-group-addon"><i class="fa fa-globe"></i></span>
					</div>
				</div>
			</div>
			<div class="form-group">
			    <label>Immagine</label>
			    <img src="@Model.ImageUrl" style="width:150px" class="thumbnail">
			    <input type="hidden" name="ImageUrl" value="@Model.ImageUrl" />
			    <input type="file" name="Image" value="@Model.ImageUrl">
			</div>
					
	        @Html.HiddenFor(x => x.Id)    
            @Html.HiddenFor(x => x.User.Id)            
	        <button type="submit" class="btn btn-primary">Salva beershop</button>
        }
    </div>
</div><!-- /.row -->
		
@section Script {
<script>
    $(function () {
        $("#State_Country_Id").change(function (event) {
            var dd_to = $("#State_Id", $(event.target).closest("FORM"));
            debugger;
            var options = {
                url: "/Shop/Place/JSONStateList?countryId=" + $(event.target).val(),
                type: "GET",
                /*data: JSON.stringify({ id: $(event.target).val() }),*/
                dataType: "json",
                contentType: "application/json",
                success: function (data) {
                    dd_to.empty();
                    dd_to.append("<option>Seleziona...</option>");
                    $(data).each(function (i, v) { dd_to.append("<option value='" + v.Value + "'>" + v.Text + "</option>"); });

                    if ($("#accountId").val() != "" && $("#accountId").val() > 0) {
                        debugger;
                        dd_to.val($("#accountId").val());
                    }
                }
            };
            $.ajax(options);
            
        });

        $("#Role").change();

    });
</script>
}