lux/Lux.UI/Components/Compo/Planner/BalanceProgGroup.razor

@using EgwCoreLib.Lux.Data.DbModel.Production

<table class="table table-sm table-striped">
    <thead>
        <tr class="">
            <th class="text-center">Ord</th>
            <th class="text-center">Macchine</th>
            <th class="text-end">Estimate</th>
            <th class="text-end">Day Batch</th>
        </tr>
    </thead>
    <tbody>
        @if (DictGrouped != null && DictGrouped.Count > 0)
        {
            int idx = 1;
            foreach (var item in DictGrouped)
            {
                <tr>
                    <td class="text-center">
                        <button><i class="fa-solid fa-caret-up"></i></button>
                        @(idx++)
                        <button><i class="fa-solid fa-caret-down"></i></button>
                    </td>
                    <td class="text-center">
                        <div class="d-flex fs-4 justify-content-around">
                            @item.Key
                        </div>
                        @foreach (var detail in item.Value)
                        {
                            <div class="d-flex justify-content-between">
                                <div class="px-0">
                                    @detail.PlantListJoin
                                </div>
                                <div class="px-0">
                                    @FormatEstTime(detail.TotalEstimTime)
                                </div>
                            </div>
                        }
                       @*  <div class="d-flex justify-content-between">
                            <div class="btn btn-sm btn-info">
                                FAST | 4 | 00:30
                            </div>
                            <div class="btn btn-sm btn-info">
                                SAOMAD | 1 | 00:05
                            </div>
                        </div>
                        <div class="mt-1 btn btn-sm btn-success d-flex justify-content-between">
                            <div class="px-0">
                                FAST | 3 | 00:25
                            </div>
                            <div class="px-0">
                                <i class="fa-solid fa-scale-balanced"></i>
                            </div>
                            <div class="px-0">
                                SAOMAD | 7 | 00:35
                            </div>
                        </div> *@

                    </td>
                    <td class="text-end">
                        <b>@FormatEstTime(item.Value.Sum(x => x.TotalEstimTime))</b>
                    </td>
                    <td class="text-end">
                        @* <div>@($"{DateTime.Today.AddDays(1):ddd yyyy.MM.dd}")</div> *@
                    </td>
                </tr>
            }
        }

        @* <tr>
            <td class="text-center">
                <button><i class="fa-solid fa-caret-up"></i></button>
                1
                <button><i class="fa-solid fa-caret-down"></i></button>
            </td>
            <td class="text-center">
                <div class="d-flex fs-4 justify-content-around">
                    POR.25.0000004B
                </div>
                <div class="d-flex justify-content-between">
                    <div class="btn btn-sm btn-info">
                        FAST | 4 | 00:30
                    </div>
                    <div class="btn btn-sm btn-info">
                        SAOMAD | 1 | 00:05
                    </div>
                </div>
                <div class="mt-1 btn btn-sm btn-success d-flex justify-content-between">
                    <div class="px-0">
                        FAST | 3 | 00:25
                    </div>
                    <div class="px-0">
                        <i class="fa-solid fa-scale-balanced"></i>
                    </div>
                    <div class="px-0">
                        SAOMAD | 7 | 00:35
                    </div>
                </div>
            </td>
            <td class="text-end">
                <b>01:15</b>
            </td>
            <td class="text-end">
                <div>@($"{DateTime.Today.AddDays(1):ddd yyyy.MM.dd}")</div>
            </td>
        </tr>
        <tr>
            <td class="text-center">
                <button><i class="fa-solid fa-caret-up"></i></button>
                2
                <button><i class="fa-solid fa-caret-down"></i></button>
            </td>
            <td class="text-center">
                <div class="d-flex fs-4 justify-content-around">
                    POR.25.00000048
                </div>
                <div class="d-flex justify-content-between">
                    <div class="btn btn-sm btn-info">
                        FAST | 1 | 00:30
                    </div>
                    <div class="btn btn-sm btn-secondary">
                        SAOMAD | 0 | 00:00
                    </div>
                </div>
                <div class="mt-1 btn btn-sm btn-success d-flex justify-content-between">
                    <div class="px-0">
                        FAST | 27 | 02:30
                    </div>
                    <div class="px-0">
                        <i class="fa-solid fa-scale-balanced"></i>
                    </div>
                    <div class="px-0">
                        SAOMAD | 90 | 05:00
                    </div>
                </div>
            </td>
            <td class="text-end">
                <b>08:00</b>
            </td>
            <td class="text-end">
                <div>@($"{DateTime.Today.AddDays(1):ddd yyyy.MM.dd}")</div>
            </td>
        </tr> *@
    </tbody>
    <tfoot class="table-dark text-light">
        <tr class="fw-bold">
            <td></td>
            <td class="text-center">
                <div class="d-flex justify-content-between">
                    <div class="px-0">
                        FAST | 35 | 03:55
                    </div>
                    <div class="px-0">
                        SAOMAD | 98 | 05:40
                    </div>
                </div>
            </td>
            <td class="text-end">
                <b>+9:15</b>
            </td>
            <td class="text-end">
                <div>@($"{DateTime.Today.AddDays(1):ddd yyyy.MM.dd}")</div>
            </td>
        </tr>
    </tfoot>
</table>