@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'Data Kesehatan PHBS')
@section('konten')
<div class="container-widget animated fadeInRight">
    @include('admin.layouts.message')
    <div class="row">
        <div class="col-lg-12">
            <div role="tabpanel"> 

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="pendidikan-gender" role="tabpanel">
                    <div class="panel panel-default">
                        <div class="panel-title"> Data Kesehatan PHBS </div>
                        <div class="panel-body table-responsive">
                            <table class="table table-hover">
                                <tr>
                                    <th>Element Data</th>
                                    <th>Capaian</th>
                                    <th>Satuan</th>
                                    <th>Dibuat tanggal</th>
                                    <th>Sumber Data</th>
                                </tr>
                                @forelse ($datas as $index => $data)
                                <tr>
                                    <th>{{ $index + 1 }}. &nbsp;&nbsp;{{ $data->element_data }}</th>
                                    <td>{{ $data->capaian }}</td>
                                    <td>Orang</td>
                                    <td>{{ $data->dibuat }}</td>
                                    <td>{{ $data->sumber->opd->urusan->nama_bidang }} / {{ $data->sumber->opd->nama_opd }}</td>
                                </tr>
                                    
                                @empty
                                    <tr>
                                        <p>Data Kosong</p>
                                    </tr>
                                @endforelse
                            </table>
                            
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-title">Sinkronisasi</div>
                        <div class="panel-body">
                            {!! Form::open(
                                ['route' => ['admin.sinkronisasi.phbs.syncPhbs'], 
                                    'role'  => 'form',
                                    'method'=> 'post',
                                    'class' => 'form-inline col-sm-6']) !!}
                                    
                                {{ Form::hidden('sumber_id', $id) }}
                                {!! Form::submit('Sinkronisasi Data', ['class' => 'btn btn-primary']) !!}
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
@endsection