@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'View Data '])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        {{-- Card Header --}}
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Header {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            {{-- Nama Catering --}}
                            <div class="mb-3 col-md-6">
                                <label for="nama_catering" class="form-label">Nama Catering</label>
                                <input type="text" class="form-control" id="nama_catering" value="{{ $hasil->nama_catering_label }}" disabled>
                            </div>

                            {{-- Tanggal Survey --}}
                            <div class="mb-3 col-md-6">
                                <label for="tanggal_survey" class="form-label">Tanggal Survey</label>
                                <input type="date" class="form-control" id="tanggal_survey" value="{{ $hasil->tanggal }}" disabled>
                            </div>
                        </div>
                    </div>

                    {{-- Card Detail --}}
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Detail Data</p>
                        <hr class="horizontal dark mt-0">
                        <div class="table-responsive">
                            <table class="table align-items-center mb-0" id="detail_table">
                                <thead>
                                    <tr>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Kategori</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Gdg (Gedung)</th>
                                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Off (Office)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($details as $detail)
                                        <tr>
                                            <td>{{ $detail->kategori }}</td>
                                            <td>{{ $detail->gdg }}</td>
                                            <td>{{ $detail->off }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{-- Display overall average --}}
                        <div class="mt-3">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <label for="overall_average" class="form-label text-end">Rata-rata Keseluruhan</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" class="form-control" id="overall_average" 
                                           value="{{ $details->count() > 0 ? number_format($details->sum(fn($d) => ($d->gdg + $d->off) / 2) / $details->count(), 2) : 0 }}" 
                                           disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection