@model IEnumerable<GarageBandz.Domain.SellingBeer>


                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                            Beershop <small>Gestione birre</small>
                        </h1>
                        <ol class="breadcrumb">
                            <li><a href="@Url.Action("Index", "Home")"><i class="fa fa-building-o"></i> Beershop</a></li>
							<li class="active"><i class="fa fa-th-list"></i> Gestione birre</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 gestire <strong>le tue birre</strong>
                        </div>
                    </div>
                </div>
                <!-- /.row -->

        <div class="row">
       		<div class="col-lg-12">
       		 @using (Html.BeginForm("AddBeer", "Beer", FormMethod.Post, new { id = "BeerForm" }))
          {
			    <div class="row">
                    <div class="form-group col-md-4">
					    <label>Birrificio</label>
					    @Html.DropDownList("OrganizationId", GarageBandz.Web.Helpers.Metadata.Breweries(), "Seleziona...", new { @class = "form-control" })
				    </div>
                    <div class="form-group col-md-4">
					    <label>Birra</label>
					    @Html.DropDownList("BeerId", GarageBandz.Web.Helpers.Metadata.Beers(), "Seleziona...", new { @class = "form-control" })
				    </div>
				    <div class="form-group col-md-3">
                        <label>&nbsp</label>
					    <button type="submit" class="btn btn-warning btn-block" >Aggiungi birra</button>
				    </div>
			    </div>
          }
			<div class="panel panel-warning" style="margin-top: 10px">
				    <div class="panel-heading">Birre in vendita</div>
       		      <div class="table-responsive">
       		        <table class="table table-hover tablesorter">
       		          <thead>
       		            <tr>
       		              <th>Nome <i class="fa fa-sort"></i></th>
       		              <th>Birrificio <i class="fa fa-sort"></i></th>
       		              <th>Azioni</th>
       		            </tr>
       		          </thead> 
       		          <tbody>
                        @foreach (var sellingBeer in Model)
                        {
       		            <tr>
                            <td>@sellingBeer.Beer.Name</td>
                            <td>@sellingBeer.Beer.Organization.Name</td>
                            <td>
						        <a class="btn btn-danger btn-xs" href="@Url.Action("DeleteSellingBeer", "Beer", new { sellingBeerId = sellingBeer.Id })"><i class="fa fa-times"></i></a>
                            </td>
                        </tr>
                        }
       		          </tbody>
       		          </table>
       		      </div>

            </div>
			  <!-- output a paging control that lets the user navigation to the previous page, next page, etc -->
            @Html.PagedListPager( (IPagedList)Model, page => Url.Action("Index", new { page }) )
        </div>
        </div>       
        
@section Script {
    <script>
        $(function () {
            debugger;
            
            $("#OrganizationId").change(function (event) {
                var dd_to = $("#BeerId", $(event.target).closest("FORM"));
                debugger;
                var options = {
                    url: "/Shop/Beer/JSONList?shopId=" + $(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>"); });
                        $('#BeerId').multiselect('destroy');
                        $('#BeerId').attr('name', 'beersId');
                        $('#BeerId').attr("multiple", "multiple");
                        $('#BeerId').multiselect({
                            nonSelectedText: 'Seleziona...',
                            includeSelectAllOption: true,
                            allSelectedText: 'Selezione completa',
                            selectAllText: 'Tutte',
                            selectAllName: 'All-Selected'
                        });
                        $('.btn-group').addClass("col-md-12");
                        $('#BeerForm').attr("action", "@Url.Action("AddBeers","Beer")");
                    }
                };
                $.ajax(options);
            });
        });

    </script>
}

@section AddOnJavascript {
   
<script type="text/javascript" src="/Content/themes/beerbeez/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="/Content/themes/beerbeez/css/bootstrap-multiselect.css" type="text/css"/>

}