@model StockManMVC.Models.Item

@{
  ViewBag.Title = "Details";
}

@using MVCGrid.Web

<div class="row" style="margin-top: 0.5em;">
  <div class="col-sm-3">
    <div class="panel panel-default">
      <div class="panel-heading">
        <strong>Dettaglio Articolo</strong>
        @if (Model.ItemStock.Count + Model.ItemFlux.Count == 0)
        {
          // se non ho giacenze permetto eliminazione!
          <button class="btn btn-xs btn-danger pull-right" onclick="LoadItemDelete(@Model.ID);">Elimina <i class="glyphicon glyphicon-trash"></i></button>
        }
      </div>
      <div class="panel-body small">
        <div id="itemPartialView">
          @Html.Partial("_ItemDetail")
          @*qui carico dinamicamente le view dell'ITEM*@
        </div>

        <div id="divButtons" class="form-group no-color row">
          <div class="col-sm-6 padZR">
            <button class="btn btn-sm btn-default form-control" onclick="LoadItemEdit(@Model.ID);">Modifica <i class="glyphicon glyphicon-edit"></i></button>
          </div>
          <div class="col-sm-6 padZL">
            <a href="@Url.Action("Index", "Items", new { id=Model.ID })" class="btn btn-sm btn-info form-control">Torna ad elenco <i class="glyphicon glyphicon-retweet"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-sm-4 small">
    <div class="panel panel-default">
      <div class="panel-heading">
        <strong>Stock Giacenze</strong>
      </div>
      <div class="panel-body small">
        @Html.MVCGrid("StockItemsGrid")
        <div class="row" style="margin-top: 0.5em; margin-bottom: 0.5em;">
          <div class="col-xs-6 padZR">
            <a href="@Url.Action("Consolidate", "Items", new { id = Model.ID, caller="Items" })" class="btn btn-sm btn-default form-control" onClick="return confirm('Sicuro di voler confermare i movimenti da registrare?')">
              <i class="glyphicon glyphicon-save" aria-hidden="true"></i>
              Conf. movimenti
            </a>
          </div>
          <div class="col-xs-6 padZL">
            <a href="@Url.Action("ShrinkHistory", "Items", new { id = Model.ID, caller="Items" })" class="btn btn-sm btn-default form-control" onClick="return confirm('Sicuro di voler eliminare i movimenti duplicati?')">
              Elim. duplicati
              <i class="glyphicon glyphicon-compressed" aria-hidden="true"></i>
            </a>
          </div>
        </div>
        <div class="row" id="divBtnIF">
          <div class="col-xs-3 padZR">
            <button class="btn btn-sm btn-info form-control" onclick="CreateNewMov(@Model.ID, 'OFOR');"><i class="glyphicon glyphicon-plus" aria-hidden="true"></i> Ord.Forn</button>
          </div>
          <div class="col-xs-3 padZRL">
            <button class="btn btn-sm btn-success form-control" onclick="CreateNewMov(@Model.ID, 'CAR');"><i class="glyphicon glyphicon-plus" aria-hidden="true"></i> Carico</button>
          </div>
          <div class="col-xs-3 padZRL">
            <button class="btn btn-sm btn-danger form-control" onclick="CreateNewMov(@Model.ID, 'SCAR');"><i class="glyphicon glyphicon-minus" aria-hidden="true"></i> Scarico</button>
          </div>
          <div class="col-xs-3 padZL">
            <button class="btn btn-sm btn-warning form-control" onclick="CreateNewMov(@Model.ID, 'RETT');"><i class="glyphicon glyphicon-edit" aria-hidden="true"></i> Rettifica</button>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 small" id="divCreateMov">
            @*qui inserisco la partial view...*@
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-sm-5">
    <div class="panel panel-default">
      <div class="panel-heading">
        <div class="row">
          <div class="col-xs-10">
            <strong>Movimenti</strong> (data indica movimenti <del>confermati</del> o <span class="text-warning mark">da registrare</span>)
          </div>
          <div class="col-xs-2 ">
            <a href="@Url.Action("ResetAll", "Items", new { id = Model.ID, caller="Items" })" class="btn btn-sm btn-danger text-right @ViewBag.DisplFR" onClick="return confirm('Sicuro di voler abilitare la modifica di tutta la storia dei movimenti? sarà necessario dare nuovametne conferma per tutti i movimenti.')" title="Enable edit ALL">
              <i class="glyphicon glyphicon-alert" aria-hidden="true"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="panel-body small">
        @Html.Action("ListByItem", "ItemFluxes", new { ItemID = @Model.ID, page = ViewBag.page, pageSize = ViewBag.pageSize })
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
    function CreateNewMov(ItemID, MovTypeID) {
        $("#divCreateMov").load('@(Url.Action("CreatePrecompiled", "ItemFluxes", null, Request.Url.Scheme))?ItemID=' + ItemID + '&MovTypeID=' + MovTypeID);
    }

    function LoadItemDetail(ItemID) {
        $("#itemPartialView").load('@(Url.Action("CurrItemDetail", "Items", null, Request.Url.Scheme))?ID=' + ItemID);
        $("#divButtons").show();
    }

    function LoadItemEdit(ItemID) {
        $("#itemPartialView").load('@(Url.Action("Edit", "Items", null, Request.Url.Scheme))?ID=' + ItemID);
        $("#divButtons").hide();
    }

    function LoadItemDelete(ItemID) {
        $("#itemPartialView").load('@(Url.Action("Delete", "Items", null, Request.Url.Scheme))?ID=' + ItemID);
        $("#divButtons").hide();
    }

    // metodi della partialView sottostante (ItemFluxes)
    function LoadItemFluxEdit(ID) {
        $("#divCreateMov").load('@(Url.Action("Edit", "ItemFluxes", null, Request.Url.Scheme))?ID=' + ID + '&mode=std');
        $("#divBtnIF").hide();
    }

    function LoadItemFluxDupl(ID) {
        $("#divCreateMov").load('@(Url.Action("Duplicate", "ItemFluxes", null, Request.Url.Scheme))?ID=' + ID + '&mode=std');
        $("#divBtnIF").hide();
    }

    function LoadItemFluxDelete(ID) {
        $("#divCreateMov").load('@(Url.Action("Delete", "ItemFluxes", null, Request.Url.Scheme))?ID=' + ID + '&mode=std');
        $("#divBtnIF").hide();
    }

    function LoadItemFluxReadOnly(ID) {
        $("#divCreateMov").load('@(Url.Action("Read", "ItemFluxes", null, Request.Url.Scheme))?ID=' + ID + '&mode=std');
        $("#divBtnIF").hide();
    }


</script>