@extends('admin.layouts.app')

@section('title','Project')

@section('css')
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
@endsection

@section('contents')
    <div class="container-fluid">
        <!-- Start Page Content -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive m-t-40">
                            <table id="example23" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
                                <thead>
                                <tr>
                                    <th>S/N</th>
                                    <th>URL</th>
                                    <th>Email</th>
                                    <th>Performance</th>
                                    <th>Accessibility</th>
                                    <th>Best Practices</th>
                                    <th>SEO</th>
                                    <th>PWA</th>
                                    <th>Created at</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($scores))
                                    @php
                                    $i = 1;
                                    @endphp
                                    @foreach($scores as $score)
                                        <tr>
                                            <td>{{ $i++ }}</td>
                                            <td>{{ $score->url }}</td>
                                            <td>{{ $score->email }}</td>
                                            <td>{{ $score->desktop_performance_score }}</td>
                                            <td>{{ $score->desktop_accessibility_score }}</td>
                                            <td>{{ $score->desktop_best_practices_score }}</td>
                                            <td>{{ $score->desktop_seo_score }}</td>
                                            <td>{{ $score->desktop_pwa_score }}</td>
                                            <td>{{ \Carbon\Carbon::parse($score->created_at)->diffForHumans() }}</td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End PAge Content -->

    </div>
@endsection

@section('js')
@endsection