HEX

File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/document_analytics/report.blade.php
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Show Table</title>
    <style>
        body {
            font-family: "Source Sans Pro", sans-serif;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            padding: 8px;
            text-align: center;
            border: 1px solid #ddd;
        }

        th {
            background-color: #f2f2f2;
        }

        .name {
            text-align: left;
        }

        .container-value {
            align-items: center;
            display: flex;
            flex-flow: initial;
            justify-content: center;
            height: 72px;
            width: 100%;
        }

        .container-value.utilization {
            flex-direction: column;
            gap: 8px;
        }

        .value {
            font-size: 14px;
            line-height: 21px;
            text-transform: none;
            font-weight: 500;
        }

        .container-percentage {
            align-items: center;
            display: flex;
            flex-flow: row;
            justify-content: normal;
            background-color: #f0f0f0;
            height: 8px;
            width: 84px;
            border-radius: 4px;
        }

        .percentage {
            height: 100%;
            background-color: #287df0;
            border-radius: 4px;
        }
    </style>
</head>

<body>
    <h1>@lang('document_analytics.report')</h1>
    <table>
        <thead>
            <tr>
                <th class="name">@lang('document_analytics.report_table.name')</th>
                <th>@lang('document_analytics.report_table.created')</th>
                <th>@lang('document_analytics.report_table.signed')</th>
                <th>@lang('document_analytics.report_table.pending')</th>
                <th>@lang('document_analytics.report_table.rejected')</th>
                <th>@lang('document_analytics.report_table.efficiency')</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($data as $value)
            <tr>
                <td class="name">{{ $value['name'] }}</td>
                <td>{{ $value['created'] }}</td>
                <td>{{ $value['signed'] }}</td>
                <td>{{ $value['pending'] }}</td>
                <td>{{ $value['rejected'] }}</td>
                <td>
                    <div _ngcontent-isb-c644="" class="container-value utilization"><span _ngcontent-isb-c644="" class="value">{{ $value['efficiency'] }}%</span>
                        <div _ngcontent-isb-c644="" class="container-percentage">
                            <div _ngcontent-isb-c644="" class="percentage" style="width: {{ $value['efficiency'] }}%;"></div>
                        </div>
                    </div>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</body>

</html>