@extends('user.template-user')
@section('title','Home')
@section('head')
    
@endsection
@section('content')
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="container fiori-container">
            <div class="page-title-wrapper">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-head center-elem">
                            <span class="d-inline-block pr-2">
                            <i class=""></i>
                            </span>
                            <span class="d-inline-block">{{$title}}</span>
                        </div>
                        <div class="page-title-subheading opacity-10">
                            <nav class="" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"> <a href="javascript:void(0);"> <i aria-hidden="true" class="fa fa-home"></i> </a> </li>
                                    <li class="breadcrumb-item"> <a href="javascript:void(0);">Dashboard</a> </li> 
                                    <li class="active breadcrumb-item" aria-current="page"> {{{$title}}} </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
    </div>
    <div class="container fiori-container">
        <div class="row mt-5">
            <div class="col-md-12">
                <div class="mb-3 card">
                    <div class=" card-header">
                        <ul class="nav">
                            <li class="nav-item"><a data-toggle="tab" href="#tab-eg5-0" class="nav-link show active">SDM</a></li>
                            <li class="nav-item"><a data-toggle="tab" href="#tab-eg5-1" class="nav-link show">Geografis</a></li>
                            <li class="nav-item"><a data-toggle="tab" href="#tab-eg5-2" class="nav-link show">Pembinaan</a></li>
                            <li class="nav-item"><a data-toggle="tab" href="#tab-eg5-3" class="nav-link show">Pengawasan</a></li>
                            <li class="nav-item"><a data-toggle="tab" href="#tab-eg5-4" class="nav-link show">Lainnya</a></li>
                        </ul>
                    </div>
                    <div class="card-body pt-5">
                        <div class="tab-content">
                            <div class="tab-pane show active" id="tab-eg5-0" role="tabpanel">
                                <table class="table">
                                    <tr class="text-center">
                                        <th>Skor</th>
                                        <th>Kriteria SDM</th>
                                        <th>Kategori</th>
                                    </tr>
                                    @foreach ($sdms as $no => $sdm)
                                    <tr class="text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left">{{$sdm->kriteria}}</td>
                                        <td>{{$sdm->kategori}}</td>
                                    </tr>    
                                    @endforeach
                                </table>
                            </div>
                            <div class="tab-pane show" id="tab-eg5-1" role="tabpanel">
                                <table class="table">
                                    <tr class="text-center">
                                        <th>Skor</th>
                                        <th>Kriteria Geografis</th>
                                        <th>Kategori</th>
                                    </tr>
                                    @foreach ($geografis as $no => $geografi)
                                    <tr class="text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left">{{$geografi->kriteria}}</td>
                                        <td>{{$geografi->kategori}}</td>
                                    </tr>    
                                    @endforeach
                                </table>
                            </div>
                            <div class="tab-pane show" id="tab-eg5-2" role="tabpanel">
                                <table class="table">
                                    <tr class="text-center">
                                        <th>Skor</th>
                                        <th>Kriteria Pembinaan</th>
                                        <th>Kategori</th>
                                    </tr>
                                    @foreach ($pembinaans as $no => $pembinaan)
                                    <tr class="text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left">{{$pembinaan->kriteria}}</td>
                                        <td>{{$pembinaan->kategori}}</td>
                                    </tr>    
                                    @endforeach
                                </table>
                            </div>
                            <div class="tab-pane show" id="tab-eg5-3" role="tabpanel">
                                <table class="table">
                                    <tr class="text-center">
                                        <th>Skor</th>
                                        <th>Kriteria Pengawasan</th>
                                        <th>Kategori</th>
                                    </tr>
                                    @foreach ($pengawasans as $no => $pengawasan)
                                    <tr class="text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left">{{$pengawasan->kriteria}}</td>
                                        <td>{{$pengawasan->kategori}}</td>
                                    </tr>    
                                    @endforeach
                                </table>
                            </div>
                            <div class="tab-pane show" id="tab-eg5-4" role="tabpanel">
                                <table class="table">
                                    <tr class="text-center">
                                        <th>Skor</th>
                                        <th>Kriteria Lainnya</th>
                                        <th>Kategori</th>
                                    </tr>
                                    @foreach ($lainnyas as $no => $lainnya)
                                    <tr class="text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left">{{$lainnya->kriteria}}</td>
                                        <td>{{$lainnya->kategori}}</td>
                                    </tr>    
                                    @endforeach
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>
@endsection

@section('script')
@endsection