@extends('admin.admin_dashboard')
@section('admin')

@section('customcss')
<style>
    .page-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .page-title {
        font-weight: 600;
        font-size: 20px;
    }

    .card-custom {
        border-radius: 10px;
        border: none;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .table thead th {
        background: #f8f9fa;
        text-align: center;
        font-weight: 600;
    }

    .subject-cell {
        background: #f1f3f5;
        font-weight: 600;
        vertical-align: middle;
    }

    .component-input {
        text-align: center;
        font-weight: 500;
    }

    .btn-save {
        padding: 10px 25px;
        font-weight: 600;
        border-radius: 8px;
    }

    .info-box {
        background: #f8f9fa;
        padding: 10px 15px;
        border-radius: 6px;
        margin-bottom: 15px;
    }
</style>
@endsection

<div class="content-body">
    <div class="container-fluid">

        <!-- Header -->
        <div class="page-header">
            <div>
                <div class="page-title">
                    Configure Components
                </div>
                <small class="text-muted">
                    {{ $exam->exam_name }} ({{ $exam->ExamType->name }})
                </small>
            </div>
        </div>

        <!-- Alerts -->
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <!-- Info -->
        <div class="info-box">
            Class Group Suggestion:
            <strong class="text-primary">{{ strtoupper($classGroup) }}</strong>
        </div>

        <form action="{{ route('admin.exam_setup.components.store', $exam->id) }}" method="POST">
            @csrf

            <div class="card card-custom">
                <div class="card-body p-0">

                    <table class="table table-bordered mb-0">
                        <thead>
                            <tr>
                                <th style="width:180px;">Subject</th>
                                <th style="width:220px;">Component</th>
                                <th style="width:150px;">Full Mark</th>
                                <th style="width:150px;">Pass Mark</th>
                            </tr>
                        </thead>

                        <tbody>
                        @foreach($subjectAssignments as $asgn)
                            @php
                                $sub = $asgn->subject;
                                $rows = ($existing[$sub->id] ?? collect());

                                // ==== SAME LOGIC (unchanged) ====
                                $defaults = [];

                                if (in_array($examTypeName, ['ct','mt'])) {
                                    $defaults = [['name'=>'Total','full'=>20,'pass'=>6.6]];
                                } else {
                                    if ($classGroup === '1-5') {
                                        $defaults = [['name'=>'Total','full'=>100,'pass'=>33]];
                                    } elseif ($classGroup === '6-8') {
                                        $defaults = [['name'=>'Total','full'=>100,'pass'=>33]];
                                    } elseif ($classGroup === '9-12') {
                                        $hasPractical = (bool) $sub->has_practical;

                                        if ($hasPractical) {
                                            $defaults = [
                                                ['name'=>'CQ','full'=>50,'pass'=>16.50],
                                                ['name'=>'MCQ','full'=>25,'pass'=>8.25],
                                                ['name'=>'Practical','full'=>25,'pass'=>8.25],
                                            ];
                                        } else {
                                            $defaults = [
                                                ['name'=>'CQ','full'=>70,'pass'=>23],
                                                ['name'=>'MCQ','full'=>30,'pass'=>10],
                                            ];
                                        }
                                    } else {
                                        $defaults = [['name'=>'Total','full'=>100,'pass'=>33]];
                                    }
                                }

                                $prefill = [];
                                $existingMap = $rows->keyBy('component_name');

                                foreach ($defaults as $defaultRow) {
                                    $name = $defaultRow['name'];

                                    if ($existingMap->has($name)) {
                                        $r = $existingMap[$name];
                                        $prefill[] = [
                                            'name'=>$r->component_name,
                                            'full'=>$r->full_mark,
                                            'pass'=>$r->pass_mark,
                                        ];
                                    } else {
                                        if ($rows->count() > 0) {
                                            $prefill[] = ['name'=>$name,'full'=>0,'pass'=>0];
                                        } else {
                                            $prefill[] = $defaultRow;
                                        }
                                    }
                                }

                                foreach ($rows as $r) {
                                    if (!collect($prefill)->contains(fn($i)=>$i['name']===$r->component_name)) {
                                        $prefill[] = [
                                            'name'=>$r->component_name,
                                            'full'=>$r->full_mark,
                                            'pass'=>$r->pass_mark,
                                        ];
                                    }
                                }
                            @endphp

                            @foreach($prefill as $idx=>$row)
                                <tr>
                                    @if($idx===0)
                                        <td rowspan="{{ count($prefill) }}" class="subject-cell">
                                            {{ $sub->name }}
                                        </td>
                                    @endif

                                    <td>
                                        <input type="text" class="form-control bg-light" value="{{ $row['name'] }}" disabled>
                                    </td>

                                    <td>
                                        <input type="number"
                                               name="components[{{ $sub->id }}][{{ $row['name'] }}][full]"
                                               class="form-control component-input js-full-mark"
                                               step="0.01"
                                               min="0"
                                               value="{{ old('components.'.$sub->id.'.'.$row['name'].'.full', $row['full']) }}">
                                    </td>

                                    <td>
                                        <input type="number"
                                               name="components[{{ $sub->id }}][{{ $row['name'] }}][pass]"
                                               class="form-control component-input js-pass-mark"
                                               step="0.01"
                                               min="0"
                                               value="{{ old('components.'.$sub->id.'.'.$row['name'].'.pass', $row['pass']) }}">
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>

            <!-- Submit -->
            <div class="mt-3 text-end">
                <button class="btn btn-success btn-save">
                    💾 Save Components
                </button>
            </div>

        </form>

    </div>
</div>

@endsection

@section('customjs')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const fullInputs = document.querySelectorAll('.js-full-mark');

        fullInputs.forEach(function (fullInput) {
            fullInput.addEventListener('input', function () {
                const row = fullInput.closest('tr');
                const passInput = row ? row.querySelector('.js-pass-mark') : null;

                if (!passInput) {
                    return;
                }

                const fullMark = parseFloat(fullInput.value);

                if (Number.isNaN(fullMark) || fullInput.value === '') {
                    passInput.value = '';
                    return;
                }

                const autoPass = (fullMark * 0.33).toFixed(2);
                passInput.value = autoPass;
            });
        });
    });
</script>
@endsection