@extends('layouts.user.user-layout')
@section('dashboard-content')

    <!-- Header Area -->
    <div class="header-area" id="headerArea">
      <div class="container">
        <!-- Header Content -->
        <div class="header-content header-style-five position-relative d-flex align-items-center justify-content-between">
          <!-- Back Button -->
          <div class="back-button"><a href="{{ url()->previous() }}">
              <svg class="bi bi-arrow-left-short" width="32" height="32" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"></path>
              </svg></a></div>
          <!-- Page Title -->
          <div class="page-heading">
            <h6 class="mb-0">Materi Pelajaran</h6>
          </div>
          <!-- Navbar Toggler -->
          <div class="navbar--toggler" id="affanNavbarToggler" data-bs-toggle="offcanvas" data-bs-target="#affanOffcanvas" aria-controls="affanOffcanvas"><span class="d-block"></span><span class="d-block"></span><span class="d-block"></span></div>
        </div>
      </div>
    </div>
    <!-- # Sidenav Left -->
    <!-- menu -->
    @include('layouts.user.template-part.menu')
    <div class="page-content-wrapper py-3">    
    <div class="container">
    @foreach($listmateri as $a)
        <div class="card card-round">
          <div class="card-body d-flex align-items-center direction-rtl">
            <div class="card-img-wrap"><img src="{{asset('pointlearn')}}/img/bg-img/2.jpg" alt=""></div>
            <div class="card-content">
              
              <h5 class="mb-3">{{$a->nama}}</h5><a class="btn btn-info btn-round" href="#">{{$a->pendidik}}</a>
              @endforeach
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <!-- Element Heading -->
        <div class="element-heading mt-3">
          <h6>Daftar Modul Mata Pelajaran</h6>
        </div>
      </div>
      <div class="container">
    
        <div class="card">
          <div class="card-body">
            <div class="accordion" id="basicaccordion">
            @foreach($materi as $key => $item)
    <!-- Single Accordion -->
    <div class="accordion-item">
        <div class="accordion-header" id="heading{{ $key }}">
         
        <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $key }}" aria-expanded="{{ $key == 0 ? 'true' : 'false' }}" aria-controls="collapse{{ intval($key) }}">
       
        
   @php
       
        $id_siswa=Auth::guard('siswa')->user()->id;
       
     

        $totalCorrectAnswers = \App\Models\PostTest::where('id_siswa', $id_siswa)
                                        ->where('id_materi', $item->id)
                                        ->sum('total');

        $totalQuestions = \App\Models\PostSoal::where('id_materi', $item->id)->count();
     
 @endphp
  

    @if ($totalCorrectAnswers == $totalQuestions)
    <span>
            <i class="bi bi-check-lg"></i> Modul {{ intval($key) + 1 }}. {{ $item->judul }} ({{$item->poin}}) Poin
        </span>
    @else
    <span>
    <i class="bi bi-pencil"></i> Modul {{ intval($key) + 1 }}. {{ $item->judul }} ({{$item->poin}}) Poin
        </span>
    @endif
    

        
      
      </button>
        
        </div>
        <div class="accordion-collapse collapse {{ $key == 0 ? 'show' : '' }}" id="collapse{{ $key }}" aria-labelledby="heading{{ $key }}" data-bs-parent="#basicaccordion">
            <div class="accordion-body">
                <div class="container">
                    <!-- Element Heading -->
                    <div class="card product-details-card">
                        <span class="badge bg-warning text-dark position-absolute product-badge">{{ $item->judul }}</span>
                        <div class="card-body">
                            <div class="product-gallery-wrapper">
                                <div class="product-gallery">
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ $item->url }}" frameborder="0" allowfullscreen></iframe>
 
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="card product-details-card mb-3 direction-rtl">
                        <div class="card-body">
                            <h3>{{ $item->judul }}</h3>
                            
                            <p>{!! $item->ket !!}</p>
                            @if ($totalCorrectAnswers == $totalQuestions)
                           
                                <a class="btn m-1 btn-sm btn-success" href="#"><i class="bi bi-check-lg"></i> Selesai </a>
                           
                            @else
                            <a class="btn m-1 btn-sm btn-outline-secondary" href="{{ route('siswa.posttest', ['id' => $item->id]) }}"><i class="bi bi-pencil"></i> Kerjakan Post Test</a>
                            @endif
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach

            

            </div>
          </div>
        </div>
      </div>
    </div>
    
    @endsection