{{--
    CAPA Linkage Modals
    • #capaLinkModal   — link an EXISTING CAPA
    • #capaCreateModal — CREATE a new CAPA from this deviation

    Required variables:
      $deviation       : \App\Models\DeviationMaster
      $availableCapas  : Collection of CapaRequest (may be empty)
--}}

@php
    /**
     * Precompute the "significant deviation" flag once so both modals and JS
     * can reuse it.
     */
    $classification      = $deviation->assessment?->classification;
    $classificationValue = $classification instanceof \BackedEnum
        ? $classification->value
        : (string) $classification;
    $deviationIsSignificant = in_array($classificationValue, ['MAJOR', 'CRITICAL'], true);
@endphp

{{-- ============================================================
     MODAL: LINK EXISTING CAPA
     ============================================================ --}}
@if(($availableCapas ?? collect())->isNotEmpty())
<div class="modal fade" id="capaLinkModal" tabindex="-1" role="dialog"
     aria-labelledby="capaLinkModalLabel" aria-hidden="true">

    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">

            <form method="POST"
                  action="{{ route('deviations.capa-linkages.store', $deviation) }}"
                  id="capaLinkForm">
                @csrf

                {{-- ─── TRIGGER FIELD (computed client-side, honoured server-side) ─── --}}
                <input type="hidden" name="trigger_approval" id="linkageTrigger" value="0">

                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title" id="capaLinkModalLabel">
                        <i class="fas fa-link mr-1"></i> Link Existing CAPA
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">

                    <div class="alert alert-info">
                        <i class="fas fa-info-circle mr-1"></i>
                        Select an open CAPA to link to
                        <strong>{{ $deviation->deviation_number }}</strong>.
                        Only CAPAs not already linked are listed.
                    </div>

                    {{-- CAPA selector --}}
                    <div class="form-group">
                        <label class="font-weight-bold">
                            CAPA <span class="text-danger">*</span>
                        </label>
                        <select name="capa_id"
                                id="capaSelect"
                                class="form-control"
                                required>
                            <option value="">— Select a CAPA —</option>
                            @foreach($availableCapas as $capa)
                                <option value="{{ $capa->capa_id }}"
                                        data-priority="{{ $capa->priority }}"
                                        @selected(old('capa_id') == $capa->capa_id)>
                                    {{ $capa->capa_number }} — {{ Str::limit($capa->title, 70) }}
                                    [{{ $capa->status }} / {{ $capa->priority }}]
                                </option>
                            @endforeach
                        </select>
                        @error('capa_id')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Linkage type --}}
                    <div class="form-group">
                        <label class="font-weight-bold">
                            Linkage Type <span class="text-danger">*</span>
                        </label>
                        <select name="linkage_type"
                                id="linkageType"
                                class="form-control"
                                required>
                            <option value="PRIMARY"
                                    @selected(old('linkage_type', 'PRIMARY') === 'PRIMARY')>
                                Primary — main fix for the deviation
                            </option>
                            <option value="SECONDARY"
                                    @selected(old('linkage_type') === 'SECONDARY')>
                                Secondary — contributes to the fix
                            </option>
                            <option value="SUPPORTING"
                                    @selected(old('linkage_type') === 'SUPPORTING')>
                                Supporting — provides context
                            </option>
                        </select>
                    </div>

                    {{-- ─── LIVE APPROVAL PREVIEW ────────────────── --}}
                    <div id="approvalPreview"
                         class="alert {{ $deviationIsSignificant ? 'alert-warning' : 'alert-secondary' }}"
                         data-dev-significant="{{ $deviationIsSignificant ? '1' : '0' }}"
                         data-classification="{{ $classificationValue }}">
                        <i class="fas fa-hourglass-half mr-1"></i>
                        <span id="approvalPreviewText">
                            @if($deviationIsSignificant)
                                This deviation is <strong>{{ $classificationValue }}</strong>.
                                Linking a PRIMARY CAPA will start an approval workflow
                                (QA Manager → Department Head).
                            @else
                                This linkage will be created directly (no approval required).
                            @endif
                        </span>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        Cancel
                    </button>
                    <button type="submit"
                            class="btn btn-primary"
                            id="capaLinkSubmit">
                        <i class="fas fa-link mr-1"></i> Link CAPA
                    </button>
                </div>
            </form>

        </div>
    </div>
</div>
@endif

{{-- ============================================================
     MODAL: CREATE NEW CAPA
     ============================================================ --}}
<div class="modal fade" id="capaCreateModal" tabindex="-1" role="dialog"
     aria-labelledby="capaCreateModalLabel" aria-hidden="true">

    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">

            <form method="POST"
                  action="{{ route('deviations.capa-linkages.store-from-deviation', $deviation) }}"
                  id="capaCreateForm">
                @csrf

                {{-- ─── TRIGGER FIELD ─── --}}
                <input type="hidden" name="trigger_approval" id="createTrigger" value="0">

                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title" id="capaCreateModalLabel">
                        <i class="fas fa-plus-circle mr-1"></i> Create New CAPA
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">

                    <div class="alert alert-success">
                        <i class="fas fa-info-circle mr-1"></i>
                        A new CAPA will be created and automatically linked to
                        <strong>{{ $deviation->deviation_number }}</strong>.
                    </div>

                    {{-- Title --}}
                    <div class="form-group">
                        <label class="font-weight-bold">
                            Title <span class="text-danger">*</span>
                        </label>
                        <input type="text"
                               name="title"
                               class="form-control"
                               required
                               maxlength="500"
                               value="{{ old('title', 'CAPA for ' . $deviation->deviation_number . ' — ' . Str::limit($deviation->title, 80)) }}">
                        @error('title')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    {{-- Problem Statement --}}
                    <div class="form-group">
                        <label class="font-weight-bold">
                            Problem Statement <span class="text-danger">*</span>
                        </label>
                        <textarea name="problem_statement"
                                  rows="4"
                                  class="form-control"
                                  required
                                  minlength="20">{{ old('problem_statement', $deviation->description) }}</textarea>
                        @error('problem_statement')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                        <small class="form-text text-muted">
                            Minimum 20 characters. Describe the underlying problem.
                        </small>
                    </div>

                    <div class="row">
                        {{-- CAPA Type --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="font-weight-bold">
                                    CAPA Type <span class="text-danger">*</span>
                                </label>
                                <select name="capa_type" class="form-control" required>
                                    <option value="CORRECTIVE"
                                            @selected(old('capa_type', 'CORRECTIVE') === 'CORRECTIVE')>
                                        Corrective
                                    </option>
                                    <option value="PREVENTIVE"
                                            @selected(old('capa_type') === 'PREVENTIVE')>
                                        Preventive
                                    </option>
                                    <option value="BOTH"
                                            @selected(old('capa_type') === 'BOTH')>
                                        Both
                                    </option>
                                </select>
                            </div>
                        </div>

                        {{-- Priority --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="font-weight-bold">
                                    Priority <span class="text-danger">*</span>
                                </label>
                                <select name="priority"
                                        id="createPriority"
                                        class="form-control"
                                        required>
                                    @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $p)
                                        <option value="{{ $p }}"
                                                @selected(old('priority', 'HIGH') === $p)>
                                            {{ $p }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">
                                    CRITICAL priority triggers linkage approval.
                                </small>
                            </div>
                        </div>

                        {{-- Category --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="font-weight-bold">
                                    Category <span class="text-danger">*</span>
                                </label>
                                <select name="category" class="form-control" required>
                                    @foreach([
                                        'PROCESS','PRODUCT','EQUIPMENT','DOCUMENTATION','PERSONNEL',
                                        'TRAINING','SUPPLIER','SYSTEM','ENVIRONMENT','REGULATORY','OTHER',
                                    ] as $c)
                                        <option value="{{ $c }}"
                                                @selected(old('category', 'PROCESS') === $c)>
                                            {{ $c }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    {{-- Target Completion Date --}}
                    <div class="form-group">
                        <label class="font-weight-bold">Target Completion Date</label>
                        <input type="date"
                               name="target_completion_date"
                               class="form-control"
                               value="{{ old('target_completion_date', now()->addDays(30)->toDateString()) }}"
                               min="{{ now()->addDay()->toDateString() }}">
                        <small class="form-text text-muted">
                            Target date for completing all CAPA actions.
                        </small>
                    </div>

                    {{-- ─── LIVE APPROVAL PREVIEW ────────────────── --}}
                    <div id="createApprovalPreview"
                         class="alert {{ $deviationIsSignificant ? 'alert-warning' : 'alert-secondary' }}">
                        <i class="fas fa-hourglass-half mr-1"></i>
                        <span id="createApprovalPreviewText">
                            @if($deviationIsSignificant)
                                This deviation is <strong>{{ $classificationValue }}</strong>.
                                The linkage will be submitted for approval.
                            @else
                                The linkage will be created directly.
                            @endif
                        </span>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        Cancel
                    </button>
                    <button type="submit"
                            class="btn btn-success"
                            id="capaCreateSubmit">
                        <i class="fas fa-save mr-1"></i> Create &amp; Link CAPA
                    </button>
                </div>
            </form>

        </div>
    </div>
</div>

{{-- ============================================================
     INLINE JS — live trigger computation
     ============================================================ --}}
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {

    const deviationIsSignificant = {{ $deviationIsSignificant ? 'true' : 'false' }};
    const classificationValue    = @json($classificationValue);

    // ─── LINK EXISTING CAPA ────────────────────────────────────
    const capaSelect     = document.getElementById('capaSelect');
    const linkageType    = document.getElementById('linkageType');
    const linkageTrigger = document.getElementById('linkageTrigger');
    const linkPreview    = document.getElementById('approvalPreview');
    const linkPreviewTx  = document.getElementById('approvalPreviewText');

    function computeLinkageApproval() {
        if (!capaSelect || !linkageType || !linkageTrigger) return;

        const opt      = capaSelect.options[capaSelect.selectedIndex];
        const capaPrio = opt ? opt.getAttribute('data-priority') : null;
        const type     = linkageType.value;

        const needsApproval =
            type === 'PRIMARY' &&
            (deviationIsSignificant || capaPrio === 'CRITICAL');

        linkageTrigger.value = needsApproval ? '1' : '0';

        if (needsApproval) {
            linkPreview.className = 'alert alert-warning';
            linkPreviewTx.innerHTML =
                '<strong>Approval required.</strong> The linkage will be submitted to QA Manager ' +
                'and Department Head before activation.' +
                (capaPrio === 'CRITICAL'
                    ? ' The selected CAPA is <strong>CRITICAL</strong> priority.'
                    : ' The deviation is classified <strong>' + classificationValue + '</strong>.');
        } else {
            linkPreview.className = 'alert alert-secondary';
            linkPreviewTx.innerHTML =
                'This linkage will be created directly. <em>No approval required.</em>';
        }
    }

    if (capaSelect)  capaSelect.addEventListener('change', computeLinkageApproval);
    if (linkageType) linkageType.addEventListener('change', computeLinkageApproval);
    computeLinkageApproval();

    // ─── CREATE NEW CAPA ───────────────────────────────────────
    const createPriority  = document.getElementById('createPriority');
    const createTrigger   = document.getElementById('createTrigger');
    const createPreview   = document.getElementById('createApprovalPreview');
    const createPreviewTx = document.getElementById('createApprovalPreviewText');

    function computeCreateApproval() {
        if (!createPriority || !createTrigger) return;

        const prio = createPriority.value;
        const needsApproval = deviationIsSignificant || prio === 'CRITICAL';

        createTrigger.value = needsApproval ? '1' : '0';

        if (needsApproval) {
            createPreview.className = 'alert alert-warning';
            createPreviewTx.innerHTML =
                '<strong>Approval required.</strong> The new CAPA will be created, ' +
                'and its linkage will be submitted for approval before activation.' +
                (prio === 'CRITICAL'
                    ? ' Priority is <strong>CRITICAL</strong>.'
                    : ' The deviation is classified <strong>' + classificationValue + '</strong>.');
        } else {
            createPreview.className = 'alert alert-secondary';
            createPreviewTx.innerHTML =
                'The new CAPA will be created and linked directly. <em>No approval required.</em>';
        }
    }

    if (createPriority) createPriority.addEventListener('change', computeCreateApproval);
    computeCreateApproval();
});
</script>
@endpush