@extends('web.layouts.template')
{{-- @dump($report)
@foreach ($report as $r)
    {{$r['total']}}
@endforeach --}}
@section('content')

<div class="container" style="height: 70vh">

<table class="table table-border" >
    <tr>
        <th style="border: 1px solid black"></th>
        @for ($i = 1; $i <= 31; $i++)
        <th style="border: 1px solid black">{{$i}}</th>
        @endfor
        <th style="border: 1px solid black"></th>
    </tr>
    <tr>
        <td style="border: 1px solid black">Pengguna</td>
        @for ($i = 1; $i <= 31; $i++)
        <td style="border: 1px solid black">{{ array_key_exists($i, $user) ? $user[$i]['total'] : ''}}</td>
        @endfor

    </tr>
</table>
</div>

@endsection

@section('script')


<script>

$(document).ready(function() {
    timetable();
})

let timetable = () => {
    let timetable = $('#report-timetable');
    console.log(timetable);
    let d = new Date();
    let month = d.getMonth();
    let year = d.getYear();
    let daysInMonth = new Date(year, month, 0).getDate();
    console.log(daysInMonth);

    for (let index = 0; index < daysInMonth.length; index++) {
        timetable.append(row(daysInMonth[index]))
    }
}

let row = (data) => {
    return `<tr><th>${data}</th></tr>`
}

</script>

@endsection