@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'NCR Positive Observation'])

    <style>
        .ncrpos-edit .section-card {
            border: 0;
            border-radius: 0.75rem;
            overflow: hidden;
        }

        .ncrpos-edit .section-card .card-header {
            background: #fff;
            border-bottom: 1px solid #e9ecef;
            padding: 1rem 1.25rem;
        }

        .ncrpos-edit .section-title {
            color: #344767;
            font-size: 1rem;
            font-weight: 600;
        }

        .ncrpos-edit .info-box,
        .ncrpos-edit .summary-box {
            height: 100%;
            padding: 1rem;
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 0.6rem;
        }

        .ncrpos-edit .info-label {
            display: block;
            margin-bottom: 0.3rem;
            color: #8392ab;
            font-size: 0.72rem;
            font-weight: 600;
            letter-spacing: 0.03em;
            text-transform: uppercase;
        }

        .ncrpos-edit .info-value {
            color: #344767;
            font-size: 1rem;
            font-weight: 600;
        }

        .ncrpos-edit .category-badge {
            display: inline-block;
            margin: 0.2rem 0.25rem 0.2rem 0;
            padding: 0.35rem 0.65rem;
            color: #344767;
            background: #fff;
            border: 1px solid #dee2e6;
            border-radius: 2rem;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .ncrpos-edit .summary-box {
            color: #344767;
            line-height: 1.55;
        }

        @media (max-width: 767.98px) {
            .ncrpos-edit .action-bar {
                display: grid !important;
                grid-template-columns: 1fr 1fr;
            }

            .ncrpos-edit .action-bar .btn {
                margin: 0;
            }
        }
    </style>

    <div class="container-fluid py-4 ncrpos-edit">
        <form method="POST" action="{{ url($url_menu . '/update') }}">
            @csrf
            @method('PUT')

            <input type="hidden" name="audit_type" value="{{ $audit_type }}">
            <input type="hidden" name="idschedule" value="{{ $idschedule ?? '' }}">
            <input type="hidden" name="audit_year" value="{{ $audit_year ?? '' }}">

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header">
                    <h5 class="section-title mb-1">Informasi Report Log</h5>
                    <small class="text-muted">Ringkasan NCR yang menjadi sumber Report Log.</small>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-label">Jenis NCR</span>
                                <span class="info-value">{{ strtoupper($audit_type) }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-label">Total NCR</span>
                                <span class="info-value">{{ $totalAll }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-label">Ringkasan Kategori</span>
                                <div>
                                    @foreach ($categories as $category)
                                        <span class="category-badge">
                                            {{ $category->name }}:
                                            {{ array_sum($categorySummary[$category->name] ?? []) }}
                                        </span>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header">
                    <h5 class="section-title mb-1">Positive Observation</h5>
                    <small class="text-muted">Pisahkan setiap poin menggunakan tanda “&gt;”.</small>
                </div>
                <div class="card-body">
                    <textarea name="positive_observation" rows="8" class="form-control"
                        placeholder="Contoh:&#10;> Melakukan improvement pada area produksi&#10;> Menjaga konsistensi penerapan prosedur kerja&#10;> Melakukan monitoring secara berkala">{{ old('positive_observation', $positive_observation ?? '') }}</textarea>
                </div>
            </div>

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header">
                    <h5 class="section-title mb-1">Kesimpulan</h5>
                    <small class="text-muted">Dihitung otomatis dari data NCR dan tidak dapat diedit.</small>
                </div>
                <div class="card-body">
                    @foreach ($grouped as $isoName => $departmentGroup)
                        @php $isoRows = $departmentGroup->flatten(1); @endphp

                        <div class="summary-box{{ !$loop->last ? ' mb-3' : '' }}">
                            <strong>
                                Total jumlah temuan ketidaksesuaian {{ $isoName }} sebesar
                                {{ $isoRows->count() }} yang terdiri dari:
                            </strong>

                            <div class="row mt-3">
                                @foreach ($categories as $category)
                                    @php
                                        $categoryRows = $isoRows->filter(
                                            fn($item) => strtoupper($item->category_name) === strtoupper($category->name),
                                        );
                                    @endphp

                                    <div class="col-md-4 mb-3">
                                        <strong>&gt; Ketidaksesuaian {{ $category->name }} ada
                                            {{ $categoryRows->count() }} yaitu:</strong>

                                        @foreach ($departmentGroup as $department => $departmentRows)
                                            @php
                                                $count = $departmentRows->filter(
                                                    fn($item) => strtoupper($item->category_name) ===
                                                        strtoupper($category->name),
                                                )->count();
                                            @endphp

                                            @if ($count > 0)
                                                <div class="mt-1">
                                                    {{ $departmentRows->first()->department_prefix ?? '-' }}
                                                    {{ $department }}: {{ $count }}
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="action-bar d-flex justify-content-end gap-2">
                <a href="{{ url('ncrpos') }}" class="btn btn-outline-secondary">Kembali</a>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i> Simpan
                </button>
            </div>
        </form>
    </div>
@endsection