@extends('layouts.app')

@section('content')
    <div class="section">
        <div class="section-header">
            <h3 class="page__heading">Report</h3>
            <span style="float:right"></span>
        </div>
        <div>
            Pilih Student
            <div class="input-group">
                <select class="form-control" id="user_id">
                    @foreach ($users as $user)
                        <option value="{{ $user->id }}" {{ $user_id == $user->id ? 'selected' : '' }}>
                            {{ $user->name }}
                        </option>
                    @endforeach
                </select>
                <button class="btn btn-primary" id="ok-btn">Ok</button>
            </div>
            <br />
        </div>
        @if (!empty($user_id))
            <div class="section-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body">
                                Your badge
                                <h3>{{ $current_badge->name }} <img src="/image_upload/{{ $current_badge['file'] }}"
                                        width="50px"></h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body">
                                Your Score
                                <h3>{{ $final_score }}</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body">
                                Your progress
                                <h3>{{ $percentage }} %</h3>
                                <div class="progress mt-2">
                                    <div class="progress-bar" role="progressbar" style="width: {{ $percentage }}%;"
                                        aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100">
                                        {{ $percentage }}%</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body">
                                Finished test
                                <h3>{{ sizeof($finish_code_tests) }} Test</h3>
                            </div>
                        </div>
                    </div>
                </div><br />

                <h3>Code Test Report</h3>
                @foreach ($code_score as $sc)
                    <div class="row mb-1">
                        <div class="col-md-12">
                            @php
                                $q = \App\Models\Question::find($sc->question_id);
                                $c = \App\Models\Content::find($sc->content_id);
                                $score = \App\Models\TotalScore::where('user_id', $user_id)
                                    ->where('question_id', $q->id)
                                    ->first();
                                if ($score !== null) {
                                    $final = $score->score;
                                } else {
                                    $wondering = \App\Models\WonderingScore::where(['user_id' => $user_id])
                                        ->where('content_id', $c->id)
                                        ->sum('score');
                                    $exploring = \App\Models\UserScore::where('user_id', $user_id)
                                        ->where('question_id', $q->id)
                                        ->sum('score');
                                    $final = $wondering + $exploring;
                                }
                           
                            @endphp

                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <h6>{{ $q->question_name }}</h6>
                                            Question Name
                                        </div>

                                        {{-- <div class="col-md-5">
                      @php
                        $f = \Carbon\Carbon::parse($sc->started_at);
                        $t = \Carbon\Carbon::parse($sc->ended_at);
                        $h = $t->diff($f)->format('%Hh %Im %Ss');
                      @endphp

                      <span class="badge badge-info">
                        On Timer {{ $sc->on_timer }}
                      </span>
                      <span class="badge badge-success">
                        Duration: {{ $h }}
                      </span>
                      <br />
                      <div class="mt-1">
                        {{ $sc->started_at }} <i class="fa fa-arrow-right mx-2 text-primary"></i>
                        {{ $sc->ended_at }}
                      </div>
                    </div> --}}

                                        <div class="col-md-2">
                                            @php
                                                $err = \App\Models\ExerciseCodeLog::where([
                                                    'user_id' => $user_id,
                                                    'question_id' => $sc->question_id,
                                                    'is_error' => 1,
                                                ]);
                                                $sucess = \App\Models\ExerciseCodeLog::where([
                                                    'user_id' => $user_id,
                                                    'question_id' => $sc->question_id,
                                                    'is_error' => 0,
                                                ]);
                                            @endphp
                                            <span class="badge badge-danger mt-2">
                                                {{ $err->count() }} Errors
                                            </span><br />
                                        </div>

                                        <div class="col-md-2">
                                            <span class="badge badge-success mt-2">
                                                {{ $sucess->count() }} Success
                                            </span><br />
                                        </div>

                                        <div class="col-md-2">
                                            <span class="badge badge-info mt-2">
                                                Total Score: {{ $final ?? 0 }}
                                            </span>
                                        </div>

                                        <div class="col-md-3 " style="text-align:center">
                                            <a href="{{ route('admin.dashboard.penilaian', ['user_id' => $user_id, 'content_id' => $sc->content_id]) }}"
                                                class="btn btn-primary btn-lg active" role="button" aria-pressed="true">
                                                <i class="fa fa-info-circle"></i>
                                                Detail
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif

    </div>
@endsection

@section('scripts')
    <script>
        $("#ok-btn").on("click", function() {
            var u_id = $("#user_id").val();
            window.location.href = "/admin/report/" + u_id;
        });
    </script>
@endsection