@extends('admin.layouts.index')

@section('title')
    <h1>
        Pendapat
    </h1>
@endsection

@section('breadcrumb')
    <li class="active">Pendapat</li>
@endsection

@section('content')

    <div class="box box-info">
        <div class="box-header with-border">
            <h3 class="box-title">Tingkat Kepuasan Pengguna Layanan Mandiri
                {{ $main['judul'] }}
            </h3>
            <div class="box-tools pull-right">
                <div class="btn-group">
                    <button type="button" class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown">
                        Tampilkan : <i class="fa fa-calendar"></i></button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="{{ ci_route('pendapat.detail.1') }}">Hari Ini</a></li>
                        <li><a href="{{ ci_route('pendapat.detail.2') }}">Kemarin</a></li>
                        <li><a href="{{ ci_route('pendapat.detail.3') }}">Minggu Ini</a></li>
                        <li><a href="{{ ci_route('pendapat.detail.4') }}">Bulan Ini</a></li>
                        <li><a href="{{ ci_route('pendapat.detail.5') }}">Tahun Ini</a></li>
                        <li><a href="{{ ci_route('pendapat.detail.6') }}">Semua</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-12">
                    @foreach ($list_pendapat as $key => $value)
                        @php $key = "pilihan_{$key}" @endphp
                        <div class="col-sm-3 col-xs-6">
                            <div class="description-block border-left border-right">
                                <img src="{{ default_file(PENDAPAT . underscore($value, true, true) . '.png') }}">
                                <h5 class="description-header">
                                    {{ persen2($$key, $main['total']) }}
                                </h5>
                                <span class="description-text">
                                    {{ $value }}
                                </span>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <hr />
            <strong>
                <center>GRAFIK DAN TABEL</center>
            </strong>
            <hr />
            <div class="row">
                <div class="col-md-6">
                    <div id="chart"></div>
                </div>
                <div class="col-md-6">
                    <div class="table-responsive">
                        <table class="table table-bordered dataTable table-striped table-hover tabel-daftar" id="tabel-data">
                            <thead class="bg-gray disabled color-palette">
                                <tr>
                                    <th>No</th>
                                    <th>Pengguna</th>
                                    <th>Tanggal</th>
                                    <th>Pendapat</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($detail)
                                    @php $total = 0; @endphp
                                    @foreach ($detail as $key => $item)
                                        <tr>
                                            <td class="padat">
                                                {{ $key + 1 }}
                                            </td>
                                            <td class="padat">
                                                <a href="penduduk/detail/1/0/{{ $item['pengguna'] }}">
                                                    {{ $item['penduduk']['nama'] }}
                                                </a>
                                            </td>
                                            <td class="padat">
                                                {{ tgl_indo2($item['tanggal']) }}
                                            </td>
                                            <td class="padat">
                                                {{ $list_pendapat[$item['pilihan']] }}
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="text-center" colspan="4">Data Tidak Tersedia</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <!-- Highcharts JS -->
    <script src="