@if (!empty($logs))
        <table class="table table-hover text-wrap">
            <thead>
                <tr>
                    <th>Updated At</th>
                    <th>Branch</th>
                    <th>Kiosk Code</th>
                    <th>Kiosk Name</th>
                    <th>Method</th>
                    <th>Response</th>
                    <th>Error Code</th>
                    <th>Message</th>
                    <th>Result</th>
                    <th>URL</th>
                    <th>Agent</th>
                </tr>
            </thead>
            @php
                try {
                    $data = $logs->items();
                    function compareData($a, $b)
                    {
                        if ($a['main_id'] !== $b['main_id']) {
                            return $b['main_id'] - $a['main_id'];
                        }
                    }
                    uasort($data, 'compareData');
                } catch (\Exception $e) {
                }
            @endphp
            <tbody>
                @foreach ($logs as $log)
                    <tr data-widget="expandable-table" aria-expanded="false" style="height:100px;">
                        <td>{{ $log->updated_at->format('d/m/Y H:i:s') }}</td>
                        <td>{{ $log->code }}</td>
                        <td>{{ $log->device_code }}</td>
                        <td>{{ $log->device_name }}</td>
                        <td class="text_{{ $log->res['method'] ?? '' }}">
                            {{ $log->res['method'] ?? '' }}</td>
                        <td>{{ $log->res['response_status'] ?? '' }}</td>
                        <td class="text-danger">{{ $log->res_data['error_code'] ?? '' }}</td>
                        <td>{{ $log->res_data['message'] ?? '' }}</td>
                        <td>{{ $log->res_result ?? '' }}</td>
                        <td  style="white-space: nowrap; overflow: hidden;">{{ $log->res['url'] ?? '' }}</td>
                        <td >{{ $log->res['agent'] ?? '' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p align="center">No data found</p>
    @endif

</div>