@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
        Promoter Attendance Reports
    </div>
    <div class="card-body">
        @if(auth()->user()->is_admin)
            <form>
                <div class="form-row d-flex align-items-center">
                    <div class="col-12 col-md-2">
                        <label class="required" for="date_from">Date From</label>
                        <input class="form-control date {{ $errors->has('date_from') ? 'is-invalid' : '' }}" type="text" name="date_from" id="date_from" value="{{ old('date_from', request()->input('date_from')) }}" required>
                        @if($errors->has('date_from'))
                            <div class="invalid-feedback">
                                {{ $errors->first('date_from') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="required" for="date_to">Date To</label>
                        <input class="form-control date {{ $errors->has('date_to') ? 'is-invalid' : '' }}" type="text" name="date_to" id="date_to" value="{{ old('date_to', request()->input('date_to')) }}" required>
                        @if($errors->has('date_to'))
                            <div class="invalid-feedback">
                                {{ $errors->first('date_to') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-3">
                        <label class="required" for="promoter">Promoter</label>
                        <select class="form-control" name="promoter" id="promoter">
                            <option hidden>Select an promoter</option>
                            @foreach($promoters as $promoter)
                                <option value="{{ $promoter->id }}" {{ request()->input('promoter') == $promoter->id ? 'selected' : '' }}>{{ $promoter->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-2">
                        <button class="btn btn-success d-inline-block" type="submit">Filter</button>
                    </div>
                </div>
            </form>
        @endif
        @if ((!auth()->user()->is_admin || request()->input('promoter')) && ($timeEntries))
            <div class="row">
                <div class="{{ $chart->options['column_class'] }}">
                    <h3>{!! $chart->options['chart_title'] !!}</h3>
                    {!! $chart->renderHtml() !!}
                </div>

                <div class="col-md-4">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>
                                        Day
                                    </th>
                                    <th>
                                        Total time
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($dateRange as $date)
                                    <tr>
                                        <td>
                                            {{ $date }}
                                        </td>
                                        <td>
                                            {{ gmdate("H:i:s", $timeEntries[$date] ?? 0) }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @else
            <p class="text-center">There is no any data currently.</p>
        @endif
    </div>
</div>
@endsection

@section('scripts')
@parent
{{-- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script> --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
@if ($chart)
{!! $chart->renderJs() !!}
@endif
@endsection