@extends('template.index')
@section('title', 'Data Statistik SI PeSSUT KOTA SAMARINDA')
@section('konten')
<div class="app-features pt-140 pb-30" style="background-image:url(img/shape/05.png)">

<section class="blog-area pt-120 pb-120">
    
    <div class="container">
                <div class="row">
                    <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2 text-center">
                        <div class="section-title mb-60">
                            <h1>Elemen Data {{ $sub->sumber->nama_data }}</h1>
                            <p>Jumlah data pada Opd {{ $sub->sumber->opd->nama_opd }}</p>
                        </div>
                    </div>
                </div>
            </div>
        <div class="container">
            <div class="row">
                
                <div class="col-lg-12 col-md-7">
                    
                
                <div class="container">
                    <div class="row">
                        <div class="col"></div>
                        <div class="col-9">
                            <table class="table table-hover center">
                                <thead>
                                    <tr>
                                        <td align="center"><strong>Element Data</strong></td>
                                        <td><strong>Capaian</strong></td>
                                        <td><strong>Satuan</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                @forelse ($datas as $index => $data)
                                    <tr>
                                        <td>{{ $data->element_data }}</td>
                                        <td>{{ $data->capaian }}</td>
                                        <td>{{ $data->satuan }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <p>Data Kosong</p>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="col"></div>
                    </div>
                </div>
                
                </div>
            </div>
        </div>
</section>
</div>
@endsection