@extends('layouts.app')

@section('content')
	<div class="page-title">
        <div class="row">
            <div class="col-12 col-md-6 order-md-1 order-last">
                <h3>Mapping Quiz</h3>
                
            </div>
            <div class="col-12 col-md-6 order-md-2 order-first">
                <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Mapping Quiz</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="section">
		<div class="card">
            <div class="card-header">
                Mapping Quiz
                
            </div>
            <div class="card-body" >
               
               
                <div class="table-responsive">
                    
                    <table class="table table-striped table-bordered" id="datatables" style="width:3000px">
                        <thead>
                            <tr>
                               
                                <th>Name</th>
                                @foreach($divisi as $div)
                                <th>{{ $div->nama }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        @foreach($quiz as $q)
                        <tr>
                            <td>{{ $q->name }}</td>
                            @foreach($divisi as $div)
                            @php $divs = array_column($q->quizDivisi->toArray(),'divisi_id'); @endphp
                            <td class="text-center">@if(in_array($div->id,$divs)) <span class="badge bg-success">V</span> @endif</td>
                            @endforeach
                        </tr>
                        @endforeach
                    </table>
                </div>
                
			</div>
		</div>
	</section>
@endsection