@php
function activeClass($id, $slides, $reads) {
    if($id == $slides) {
        return 'active';
    }else if(in_array($id, $reads)) {
        return 'active-green';
    } else {
        return '';
    }
}

function checkEvaluation($id) {
    $ecnt = \App\Models\Exam::whereUser_id(auth()->user()->id)->whereStatus(1)->whereChapter_id($id)->count();

    if($ecnt >= 1) {
        return 'active-green';
    } else {
        return '';
    }
}
@endphp
<style>
    .bg-gold {
        background-color: #f36801;
    }
</style>
<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
    <div class="progress sm-progress" style="margin-left:10px;">
    <div class="progress-bar bg-gold" role="progressbar" aria-valuenow="{{ $percentage }}"
        aria-valuemin="0" aria-valuemax="100" style="width:{{ $percentage }}%">
        <span class="sr-only">{{ $percentage }}% Complete</span>
    </div>

    </div>
    <span class="progress-status">{{ $percentage }}% completed</span>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
    <nav aria-label="Page navigation example">
  <ul class="pagination pg-blue justify-content-center">
    <li class="page-item"><a class="{{ activeClass(1, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-1') }}">1</a></li>
    <li class="page-item"><a class="{{ activeClass(2, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-2') }}">2</a></li>
    <li class="page-item"><a class="{{ activeClass(3, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-3') }}">3</a></li>
    <li class="page-item"><a class="{{ activeClass(4, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-4') }}">4</a></li>
    <li class="page-item"><a class="{{ activeClass(5, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-5') }}">5</a></li>
    <li class="page-item"><a class="{{ activeClass(6, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-6') }}">6</a></li>
    <li class="page-item"><a class="{{ activeClass(7, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-7') }}">7</a></li>
    <li class="page-item"><a class="{{ activeClass(8, $slide, $reads) }} page-link" href="{{ url('user/page/1-10-8') }}">8</a></li>
    <li class="page-item"><a class="page-link width-auto {{ checkEvaluation(10) }}" href="{{ route('exam', ['chapter'=>10]) }}">Evaluation</a>
    </li>
  </ul>
</nav>

</div>
<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-right">
    <p class="chapter-no">Chapter {{ $chapter }} of 10</p>
</div>