Subversion Repositories SmartDukaan

Rev

Rev 29976 | Rev 29982 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<html lang="en">
<head>
    <meta http-equiv="refresh" content="120">
    <style>
        html, body {
            margin: 5px;
            padding: 0;
            min-height: 150px;
            height: fit-content;
            width: fit-content;
        }

        body {
            display: flex;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 90%;
            color: #333;
            justify-content: center;
        }

        .row {
            padding-top: 6px;
            height: fit-content;
        }

        table {
            position: relative;
            border: 1px solid #ddd;
            border-collapse: collapse;
            width: 100%;
        }


        td, th {
            white-space: nowrap;
            border: 1px solid #ddd;
            padding: 9px;
            text-align: center;
            font-size: 20px;
        }

        td.eligibility {
            font-size: 13px;
            text-align: left;
            white-space: normal;
        }

        th {
            background-color: #eee;
            position: sticky;
            top: -1px;
            z-index: 2;
        }

        tr:first-child td {
            font-size: 20px;
            font-weight: bold;
        }
    </style>
    <link href="../resources/css/brand-logo.css" rel="stylesheet"/>
</head>
<body>

<div class="row">
    <div class="col-lg-12">
        <table class="table table-bordered table-sm">
            <thead>
            <tr>
                <th rowspan="2">Region</th>
                <th colspan="3">Total</th>
                #foreach($brand in $brands)
                    <th colspan="3" class="$brand.toLowerCase()"><p>$brand</p></th>
                #end
            </tr>
            <tr>
                <th>TODAY PO</th>
                <th>TODAY PO<br> Billed</th>
                <th>Total Billed</th>
                #foreach($brand in $brands)
                    <th>TODAY PO</th>
                    <th>TODAY PO<br> Billed</th>
                    <th>Total Billed</th>
                #end
            </tr>
            </thead>
            <tbody>
                #foreach($brandRegionModelEntry in $brandRegionModelMap.entrySet())
                <tr>
                    <td><b>$warehouseMap.get($brandRegionModelEntry.getKey())</b></td>
                    <td>$brandRegionTotalMap.get($brandRegionModelEntry.getKey()).getTodayPOValue()</td>
                    <td>$brandRegionTotalMap.get($brandRegionModelEntry.getKey()).getTodayPOBilledValue()</td>
                    <td>$brandRegionTotalMap.get($brandRegionModelEntry.getKey()).getTodayBilledValue()</td>
                    #foreach($brand in $brands)
                        #set($obj = $brandRegionModelEntry.getValue().get($brand))
                        #if($obj.getTodayPOValue())
                            <td>$obj.getTodayPOValue()</td>
                        #else
                            <td>-</td>
                        #end
                        #if($obj.getTodayPOBilledValue())
                            <td>$obj.getTodayPOBilledValue()</td>
                        #else
                            <td>-</td>
                        #end
                        #if($obj.getTodayBilledValue())
                            <td>$obj.getTodayBilledValue()</td>
                        #else
                            <td>-</td>
                        #end
                    #end

                </tr>
                #end
            </tbody>
        </table>
    </div>
</div>

<!--
<style></style>
<ul>
    <li><img class="img1" src="//picsum.photos/300/200?1"></li>
    <li><img class="img2" src="//picsum.photos/300/200?2"></li>
    <li><img class="img3" src="//picsum.photos/300/200?3"></li>
    <li><img class="img4" src="//picsum.photos/300/200?4"></li>
    <li><img class="img5" src="//picsum.photos/300/200?5"></li>
    <li><img class="img6" src="//picsum.photos/300/200?6"></li>
    <li><img class="img7" src="//picsum.photos/300/200?7"></li>
    <li><img class="img8" src="//picsum.photos/300/200?8"></li>
    <li><img class="img9" src="//picsum.photos/300/200?9"></li>
</ul>
-->
</body>
</html>