@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="javascript:history.back()">
              <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">Progres 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">
      
    @foreach($listmateri as $item)
      <div class="container">
        <!-- Element Heading -->
        <div class="element-heading">
          <h6>{{$item->nama}}</h6>
        </div>
      </div>
      <div class="container">
        <div class="card comparison-table-two">
          <div class="card-body">
            <table class="table mb-0">
              <thead>
                <tr>
                  <th>Nama Modul</th>
                  <th>Progres</th>
                  <th>Poin</th>
                </tr>
              </thead>
              <tbody>
               
              @foreach($materi as $item_m)
                <tr>
                  <th>{{$item_m->judul}}</th>
                  <td>
                  <div class="progress">