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

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

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

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

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

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

        .analysis-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;
        }

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

        .analysis-edit textarea[readonly] {
            background: #f8f9fa;
            color: #344767;
            cursor: default;
            line-height: 1.65;
            resize: vertical;
        }

        .analysis-edit .form-label {
            color: #344767;
            font-size: 0.8rem;
            font-weight: 600;
        }

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

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

    <div class="container-fluid py-4 analysis-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="year_lalu" value="{{ $year_lalu }}">
            <input type="hidden" name="year_ini" value="{{ $year_ini }}">

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                    <div>
                        <h5 class="section-title mb-1">Informasi Analisa</h5>
                        <small class="text-muted">Perbandingan data NCR berdasarkan periode analisa.</small>
                    </div>
                    <span class="badge {{ ($status ?? 'DRAFT') === 'POSTED' ? 'bg-success' : 'bg-warning' }}">
                        {{ $status ?? 'DRAFT' }}
                    </span>
                </div>

                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-sm-6 col-lg-4">
                            <div class="info-box">
                                <span class="info-label">Jenis Audit</span>
                                <span class="info-value">{{ strtoupper($audit_type) }}</span>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="info-box">
                                <span class="info-label">Tahun Sebelumnya</span>
                                <span class="info-value">{{ $year_lalu }}</span>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="info-box">
                                <span class="info-label">Tahun Analisa</span>
                                <span class="info-value">{{ $year_ini }}</span>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-6">
                            <div class="info-box">
                                <span class="info-label">Jumlah NCR {{ $year_lalu }}</span>
                                <span class="info-value">{{ $jumlah_lalu ?? 0 }}</span>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-6">
                            <div class="info-box">
                                <span class="info-label">Jumlah NCR {{ $year_ini }}</span>
                                <span class="info-value">{{ $jumlah_ini ?? 0 }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header">
                    <h5 class="section-title mb-1">Kesimpulan Analisa</h5>
                    <small class="text-muted">Dihitung otomatis dari data NCR dan tidak dapat diedit.</small>
                </div>
                <div class="card-body">
                    <textarea class="form-control" rows="15" readonly>{{ $conclusion ?? '' }}</textarea>
                </div>
            </div>

            <div class="card section-card shadow-sm mb-4">
                <div class="card-header">
                    <h5 class="section-title mb-1">Detail Pelaksanaan dan Persetujuan</h5>
                    <small class="text-muted">Lengkapi informasi pendukung sebelum menyimpan.</small>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label" for="audit_date_range">Pelaksanaan</label>
                            <input type="text" class="form-control" id="audit_date_range" name="audit_date_range"
                                value="{{ old('audit_date_range', $audit_date_range ?? '') }}"
                                placeholder="Contoh: 1 - 5 September 2026">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="completion_date">Penyelesaian</label>
                            <input type="date" class="form-control" id="completion_date" name="completion_date"
                                value="{{ old('completion_date', $completion_date ?? '') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="approved_by">Disetujui Oleh</label>
                            <select class="form-control" id="approved_by" name="approved_by">
                                <option value="">-- Pilih approver --</option>
                                @foreach ($approvers as $approver)
                                    @php $approverName = trim($approver->firstname . ' ' . $approver->lastname); @endphp
                                    <option value="{{ $approverName }}"
                                        {{ old('approved_by', $approved_by ?? '') === $approverName ? 'selected' : '' }}>
                                        {{ $approverName }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="action-bar d-flex justify-content-end gap-2">
                <a href="{{ url('ncrkes') }}" 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