@extends('layout.layout')
@section('content')
<div class="col-lg-8 col-md-6 col-sm-3 courses-user mt-3">
    <div class="whole-user-course">
        @foreach ($chapters as $chapter)
        <iframe src="{{ asset($chapter->file) }}" frameborder="0" scrolling="no" id="iframePDF"></iframe>
        <div class="details-chapter">
        @if($errors->has('fail'))
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger" role="alert">{{ $error }}</div>
                    @endforeach
                @endif
                @if($errors->has('success'))
                    @foreach ($errors->all() as $error)
                    <div class="alert alert-success" role="alert">{{ $error }}</div>
                    @endforeach
                @endif
            <h5 class="h1-whole-user-course text-white mb-1 text-center">Numele capitolului: {{ $chapter->name }}</h5>
            <p class="p-first-whole-user-course text-white">{!! $chapter->description !!}</p>
            @if(isset($chapter->test))
            <div class="whole-button-div">
                <a type="button" class="btn btn-success button-whole-user-course"
                    href="{{route('tests.show',['test'=>$chapter->test, 'chapter' => $chapter,'course' => $course,'assigned_by' => $assigned_by])}}"><i
                    class="fa-solid fa-memo-pad"></i>TEST</a>
            </div>
            @endif
        </div> 
        @endforeach
        @if(count($chapters) == 0)
       <div class="whole-container-for-course-user">
              @if($errors->has('fail'))
                    @foreach ($errors->all() as $error)
                        <div class="contains-alert p-5">
                            <div class="alert alert-danger text-center" role="alert">{{ $error }}</div>
                        </div>
                    @endforeach
                @endif
                @if($errors->has('success'))
                    @foreach ($errors->all() as $error)
                        <div class="contains-alert p-5">
                            <div class="alert alert-success text-center" role="alert">{{ $error }}</div>
                        </div>
                    @endforeach
                @endif
            <div class="text-on-middle-course-user">
                <p class="text-center fw-bold text-warning">Numele cursului este : {{ $course->name }}</p>
                <p class="description-course-user">Descriere este : {!! $course->description !!}</p>
            </div>
            @if($course->has_test == 1)
            <div class="div-for-course-user-button">
            <a type="button" class="btn btn-success button-whole-user-course"
                    href="{{route('tests.show.course',['test'=>$course->test,'course' => $course])}}"><i
                    class="fa-solid fa-memo-pad"></i>TEST</a>
            </div>
            @else
            <div class="div-for-course-user-button">
                <button class="for-course-user-button">Momentan acest curs nu are test</button>
            </div>
            @endif
       </div>
        @endif
    </div>
</div>
@if(count($checkCompletedCourse) != 0)
<footer id="pagination">
    {{ $chapters->links('vendor.pagination.custom') }}
</footer>
@else
<h3 class="text-danger text-center" style="margin-top: 6rem;">Trebuie sa treci testul pentru a ajunge la urmatorul capitol</h3>
@endif
@push('js')
<script>
    $(document).ready(function () {
        // $('.page-link').addClass("justify-content-between");
    });
    
</script>
@endpush
@endsection