@using Blazorise
@using GWMS.UI.Components

<div class="card">
    <div class="card-header table-primary py-1">
        @if (currItem != null)
        {
            <div class="row py-0">
                <div class="col-8 pr-0 font-weight-bold">
                    <h2>@currItem.PlantCode</h2>
                </div>
                <div class="col-4 text-right align-bottom">
                    <button class="btn btn-primary btn-lg btn-block" @onclick="() => ShowDetail(currItem.PlantId)">
                        <b>@currItem.PlantDesc&nbsp;<i class="fas fa-angle-double-right"></i></b>
                    </button>
                </div>
            </div>
        }
    </div>
    <div class="card-body p-1">
        <div class="row">
            <div class="col-4 pr-0">
                <div class="row">
                    <div class="col-12">
                        <ul class="list-group">
                            <li class="list-group-item d-flex justify-content-between align-items-center p-0 border border-primary">
                                <img src="./img/Plant/@(currItem.PlantCode).jpg" class="img-fluid" />
                            </li>
                            <li class="list-group-item active d-flex justify-content-between align-items-center py-1">PB Alta</li>
                            <li class="list-group-item d-flex justify-content-between align-items-center small">
                                <span><i class="fas fa-compress-arrows-alt"></i> Stoccaggio</span> <span><b>@getPressData("BH", "N1")</b> <sub>bar</sub></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center small">
                                <span><i class="fas fa-compress-arrows-alt"></i> Alimentazione</span> <span><b>@getPressData("BHA", "N1")</b> <sub>bar</sub></span>
                            </li>
                            <li class="list-group-item active d-flex justify-content-between align-items-center py-1">PB Media</li>
                            <li class="list-group-item d-flex justify-content-between align-items-center small">
                                <span><i class="fas fa-compress-arrows-alt"></i> Stoccaggio</span> <span><b>@getPressData("BL", "N1")</b> <sub>bar</sub></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center small">
                                <span><i class="fas fa-compress-arrows-alt"></i> Alimentazione</span> <span><b>@getPressData("BLA", "N1")</b> <sub>bar</sub></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-8 pl-1">
                <div class="row">
                    <div class="col-12">
                        <ul class="list-group">
                            <li class="list-group-item @headerStatus d-flex justify-content-between align-items-center px-0 py-1 small">
                                <div class="px-1" title="@checkRTime">
                                    SERBATOIO Principale <i class="fas fa-play @playStatus"></i>
                                </div>
                                <div class="px-1 text-right">
                                    <span><i class="fas fa-database"></i> Livello:</span><span>@currItem.LevelAct.ToString("N0")/@currItem.LevelMax.ToString("N0")</span> | <span style="font-size:1.2em;"><b>@currItem.LevelRatio</b> <sub>%</sub></span>
                                </div>
                            </li>
                            <li class="list-group-item align-items-center px-1 py-2">
                                <div class="d-flex flex-column">
                                    <div class="p-1 flex-grow-1">
                                        <Progress>
                                            <ProgressBar Value="@currItem.LevelRatio" Striped="false" Animated="false" />
                                        </Progress>
                                    </div>
                                    <div class="px-1 py-2">
                                        <LineChart @ref="LevelVal" TItem="double" OptionsObject="lineChartOptions" />
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <span><i class="fas fa-compress-arrows-alt"></i> Pressione</span> <span style="font-size:1.2em;"><b>@currItem.PressAct["Main"].ToString("N1")</b> <span class="small"> <sub>bar</sub></span></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer alert alert-primary mb-0 p-1">
        <div class="d-flex justify-content-between">
            <div class="py-1 px-2 mb-0">
                <h4>Ordini aperti: <b>@currItem.OrderTS.Count</b></h4>
            </div>
            <div class="py-1 px-2">
                <button class="btn btn-block btn-primary" title="Mostra Ordini" @onclick="() => ShowOrders(currItem.PlantId)">Mostra Ordini <i class="fas fa-file-invoice"></i></button>
            </div>
        </div>
    </div>
</div>