@section('title') NBA clips stats @endsection
@section('desc') NBA clips video stats for every year since 2014 @endsection
<x-app-layout>
    <div class="row">
        <div class="card filled-out">
            <div class="card-body card-smp">
                <h1 class="text-center pb-2">NBA clips video stats</h1>
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-success">
                        <thead class="table-light">
                        <tr>
                            <th scope="col">Year</th>
                            <th scope="col">Clips</th>
                            <th scope="col">AVG Width</th>
                            <th scope="col">AVG Height</th>
                            <th scope="col">AVG Size MB</th>
                            <th scope="col">AVG Bitrate Kbps</th>
                            <th scope="col">AVG Duration S</th>
                            <th scope="col">Clips per day</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($stats as $s)
                            <tr>
                                <td>{{$s->year}}</td>
                                <td>{{number_format($s->amount,0)}}</td>
                                <td>{{number_format($s->width,0)}}</td>
                                <td>{{number_format($s->height,0)}}</td>
                                <td>{{number_format($s->size / 1024,0)}}</td>
                                <td>{{number_format($s->bitrate / 1000,2)}}</td>
                                <td>{{number_format($s->duration,1)}}</td>
                                <td>
                                    @if($s->year === 2022)
                                        {{number_format($s->amount/ $days, 1)}}
                                    @else
                                        {{number_format($s->amount/ 365, 1)}}
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>