{{-- ============================================================
     PHASE 4 — IMPACT ASSESSMENT + CAPA + ACTIONS
     ============================================================ --}}
@php
    $impact      = $deviation->impact;
    $activeLinks = $deviation->capaLinkages->where('is_active', true);
@endphp

<section class="phase-section" data-phase="4">

    {{-- ────────────────────────────────────────────────────────
         Impact Assessment
         ──────────────────────────────────────────────────────── --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-exclamation-triangle mr-1"></i>
                Impact Assessment
            </h6>
            <button class="btn btn-sm btn-primary"
                    data-toggle="modal"
                    data-target="#impactModal">
                <i class="fas fa-{{ $impact ? 'edit' : 'plus' }} mr-1"></i>
                {{ $impact ? 'Edit Impact' : 'Add Impact' }}
            </button>
        </div>

        <div class="card-body">
            @if($impact)
                <div class="row">
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <small class="text-muted d-block">Impact Type</small>
                            <span class="badge badge-primary">{{ $impact->impact_type }}</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <small class="text-muted d-block">Severity</small>
                            <span class="badge badge-{{
                                match($impact->severity_level) {
                                    'CRITICAL' => 'danger',
                                    'HIGH'     => 'warning',
                                    'MEDIUM'   => 'info',
                                    default    => 'success',
                                }
                            }}">{{ $impact->severity_level }}</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <small class="text-muted d-block">Mitigation</small>
                            {!! $impact->mitigation_required
                                ? '<span class="badge badge-warning">Required</span>'
                                : '<span class="badge badge-secondary">Not Required</span>' !!}
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="p-3 bg-light rounded">
                            <small class="text-muted d-block">Version</small>
                            v{{ $impact->assessment_version }}
                            @if($impact->approved_at)
                                <span class="badge badge-success">Approved</span>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="mt-3">
                    <strong>Description:</strong>
                    <div class="border rounded p-2 bg-light mt-1">
                        {!! nl2br(e($impact->impact_description)) !!}
                    </div>
                </div>

                {{-- Impact Items --}}
                <h6 class="mt-4 d-flex justify-content-between align-items-center">
                    <span><i class="fas fa-list mr-1"></i>Detailed Impact Items</span>
                    <button class="btn btn-sm btn-primary"
                            data-toggle="modal"
                            data-target="#impactItemModal">
                        <i class="fas fa-plus mr-1"></i>Add Item
                    </button>
                </h6>

                @if($impact->items->isEmpty())
                    <div class="alert alert-warning mb-0">
                        <i class="fas fa-exclamation-triangle mr-1"></i>
                        No detailed impact items. Required for Gate 4.
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered table-hover mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>Type</th>
                                    <th>Description</th>
                                    <th>Severity</th>
                                    <th>Mitigation</th>
                                    <th>Proposed</th>
                                    <th>Target</th>
                                    <th>Status</th>
                                    <th class="no-print" width="60"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($impact->items as $item)
                                    <tr>
                                        <td>{{ $item->impact_type ?? '—' }}</td>
                                        <td>{{ Str::limit($item->impact_description, 60) }}</td>
                                        <td>
                                            <span class="badge badge-secondary">
                                                {{ $item->severity }}
                                            </span>
                                        </td>
                                        <td>
                                            {!! $item->requires_mitigation
                                                ? '<span class="badge badge-warning">YES</span>'
                                                : '<span class="badge badge-secondary">NO</span>' !!}
                                        </td>
                                        <td>{{ Str::limit($item->proposed_mitigation, 40) ?? '—' }}</td>
                                        <td>{{ $item->target_date?->format('M j, Y') ?? '—' }}</td>
                                        <td>
                                            <span class="badge badge-info">
                                                {{ $item->mitigation_status }}
                                            </span>
                                        </td>
                                        <td class="no-print">
                                            <form method="POST"
                                                  action="{{ route('deviations.impact-items.destroy', $item) }}"
                                                  class="d-inline"
                                                  onsubmit="return confirm('Remove this impact item?')">
                                                @csrf @method('DELETE')
                                                <button class="btn btn-sm btn-danger">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            @else
                <div class="alert alert-warning mb-0">
                    <i class="fas fa-exclamation-triangle mr-1"></i>
                    <strong>Impact assessment required for Gate 4.</strong>
                    Click <em>Add Impact</em> above to begin.
                </div>
            @endif
        </div>
    </div>

{{-- ═══════════════════════════════════════════════════════════
     CAPA LINKAGE
═══════════════════════════════════════════════════════════ --}}
@php
    $activeLinks  = $deviation->capaLinkages->where('is_active', true);
    $pendingLinks = $deviation->capaLinkages->filter(fn ($l) => $l->isAwaitingApproval());
    $canCreateCapa = auth()->user()->can('capa.create') || (method_exists(auth()->user(), 'isSuperAdmin') && auth()->user()->isSuperAdmin());
@endphp

<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">
            <i class="fas fa-tasks mr-1"></i>
            Corrective &amp; Preventive Actions (CAPA)
        </h6>

        <div>
            @if($canCreateCapa)
                <button type="button"
                        class="btn btn-sm btn-success"
                        data-toggle="modal"
                        data-target="#capaCreateModal">
                    <i class="fas fa-plus-circle mr-1"></i>Create New CAPA
                </button>
            @endif

            @if(($availableCapas ?? collect())->isNotEmpty())
                <button type="button"
                        class="btn btn-sm btn-primary"
                        data-toggle="modal"
                        data-target="#capaLinkModal">
                    <i class="fas fa-link mr-1"></i>Link Existing CAPA
                </button>
            @else
                <button type="button"
                        class="btn btn-sm btn-outline-secondary"
                        disabled
                        title="No other open CAPAs available to link">
                    <i class="fas fa-link mr-1"></i>Link Existing CAPA
                </button>
            @endif
        </div>
    </div>

    <div class="card-body">

        {{-- ─── Pending approval banner ────────────────────── --}}
        @if($pendingLinks->isNotEmpty())
            <div class="alert alert-info">
                <div class="d-flex justify-content-between align-items-center flex-wrap">
                    <div>
                        <i class="fas fa-hourglass-half mr-1"></i>
                        <strong>Approval pending</strong> — the following CAPA linkages are awaiting sign-off:
                    </div>
                </div>
                <ul class="mb-2 mt-2">
                    @foreach($pendingLinks as $pending)
                        <li>
                            <strong>CAPA #{{ $pending->capa_id }}</strong>
                            <span class="badge badge-secondary ml-1">{{ $pending->linkage_type }}</span>
                            @if($pending->approvalInstance)
                                — Workflow
                                <a href="{{ route('workflows.approvals.show', $pending->approvalInstance->instance_id) }}">
                                    #{{ $pending->approvalInstance->instance_id }}
                                </a>
                                at step {{ $pending->approvalInstance->current_step }}
                            @endif
                        </li>
                    @endforeach
                </ul>
                <p class="mb-0 small text-muted">
                    The linkage becomes active automatically once approved.
                </p>
            </div>
        @endif

        {{-- ─── Active linkages table ──────────────────────── --}}
        @if($activeLinks->isEmpty() && $pendingLinks->isEmpty())
            <div class="alert alert-warning mb-0">
                <i class="fas fa-exclamation-triangle mr-1"></i>
                <strong>No CAPA linked.</strong> Required for Gate 4.
                Use the <em>Create New CAPA</em> button above to add one.
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-sm table-bordered table-hover mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>CAPA Number</th>
                            <th>Title</th>
                            <th>Type</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Linkage</th>
                            <th>Linked</th>
                            <th class="no-print" width="120">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($activeLinks as $link)
                            <tr>
                                <td>
                                    <strong>{{ $link->capa?->capa_number ?? 'CAPA #' . $link->capa_id }}</strong>
                                </td>
                                <td>{{ Str::limit($link->capa?->title ?? '—', 60) }}</td>
                                <td>
                                    <span class="badge badge-secondary">
                                        {{ $link->capa?->capa_type ?? '—' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-{{
                                        match($link->capa?->priority) {
                                            'CRITICAL' => 'danger',
                                            'HIGH'     => 'warning',
                                            'MEDIUM'   => 'info',
                                            default    => 'success',
                                        }
                                    }}">
                                        {{ $link->capa?->priority ?? '—' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-{{
                                        match($link->capa?->status) {
                                            'CLOSED'          => 'success',
                                            'REJECTED',
                                            'CANCELLED'       => 'danger',
                                            'IMPLEMENTATION',
                                            'ACTION_PLANNING' => 'warning',
                                            'UNDER_REVIEW'    => 'info',
                                            default           => 'secondary',
                                        }
                                    }}">
                                        {{ $link->capa?->status ?? '—' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-primary">
                                        {{ $link->linkage_type }}
                                    </span>
                                    @if($link->approval_instance_id)
                                        <br>
                                        <a href="{{ route('workflows.approvals.show', $link->approval_instance_id) }}"
                                           class="small">
                                            WF #{{ $link->approval_instance_id }}
                                        </a>
                                    @endif
                                </td>
                                <td>{{ $link->linked_date?->format('M j, Y') ?? '—' }}</td>
                                <td class="no-print">
                                    <a href="{{ url('/capa/' . $link->capa_id) }}"
                                       class="btn btn-sm btn-info"
                                       title="View CAPA"
                                       target="_blank">
                                        <i class="fas fa-external-link-alt"></i>
                                    </a>
                                    <form method="POST"
                                          action="{{ route('deviations.capa-linkages.destroy', $link) }}"
                                          class="d-inline"
                                          onsubmit="return confirm('Unlink this CAPA from the deviation?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-danger" title="Unlink">
                                            <i class="fas fa-unlink"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach

                        {{-- Pending linkages shown in the same table with a "Pending" badge --}}
                        @foreach($pendingLinks as $pending)
                            <tr class="table-light">
                                <td>
                                    <strong>{{ $pending->capa?->capa_number ?? 'CAPA #' . $pending->capa_id }}</strong>
                                </td>
                                <td>{{ Str::limit($pending->capa?->title ?? '—', 60) }}</td>
                                <td>
                                    <span class="badge badge-secondary">
                                        {{ $pending->capa?->capa_type ?? '—' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-{{
                                        match($pending->capa?->priority) {
                                            'CRITICAL' => 'danger',
                                            'HIGH'     => 'warning',
                                            'MEDIUM'   => 'info',
                                            default    => 'success',
                                        }
                                    }}">
                                        {{ $pending->capa?->priority ?? '—' }}
                                    </span>
                                </td>
                                <td><span class="text-muted small italic">Awaiting approval</span></td>
                                <td>
                                    <span class="badge badge-warning">
                                        <i class="fas fa-hourglass-half"></i> Pending
                                    </span>
                                    @if($pending->approval_instance_id)
                                        <br>
                                        <a href="{{ route('workflows.approvals.show', $pending->approval_instance_id) }}"
                                           class="small">
                                            WF #{{ $pending->approval_instance_id }}
                                        </a>
                                    @endif
                                </td>
                                <td>{{ $pending->linked_date?->format('M j, Y') ?? '—' }}</td>
                                <td class="no-print">
                                    <form method="POST"
                                          action="{{ route('deviations.capa-linkages.destroy', $pending) }}"
                                          class="d-inline"
                                          onsubmit="return confirm('Cancel this pending linkage?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-danger" title="Cancel">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>

{{-- Modals unchanged — the store endpoint handles the approval branching --}}
@include('deviations.partials.modals.capa-linkage-modals', [
    'deviation' => $deviation,
    'availableCapas' => $availableCapas ?? collect(),
])
    {{-- ────────────────────────────────────────────────────────
         Action Plan
         ──────────────────────────────────────────────────────── --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-list-check mr-1"></i>
                Action Plan
            </h6>
            <button class="btn btn-sm btn-primary"
                    data-toggle="modal"
                    data-target="#actionModal">
                <i class="fas fa-plus mr-1"></i>Add Action
            </button>
        </div>
        <div class="card-body">
            @if($deviation->actions->isEmpty())
                <div class="alert alert-info mb-0">
                    No actions assigned.
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-sm table-bordered table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Type</th>
                                <th>Description</th>
                                <th>Assigned</th>
                                <th>Due</th>
                                <th>Status</th>
                                <th class="no-print" width="100">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($deviation->actions as $action)
                                <tr class="{{ $action->isOverdue() ? 'table-danger' : '' }}">
                                    <td>
                                        <span class="badge badge-secondary">
                                            {{ str_replace('_', ' ', $action->action_type) }}
                                        </span>
                                    </td>
                                    <td>{{ Str::limit($action->action_description, 60) }}</td>
                                    <td>{{ $action->assignee?->name ?? '—' }}</td>
                                    <td>
                                        {{ $action->due_date?->format('M j, Y') }}
                                        @if($action->isOverdue())
                                            <span class="badge badge-danger">Overdue</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-{{
                                            match($action->status) {
                                                'COMPLETED'   => 'success',
                                                'VERIFIED'    => 'primary',
                                                'IN_PROGRESS' => 'info',
                                                'OVERDUE'     => 'danger',
                                                default       => 'secondary',
                                            }
                                        }}">{{ $action->status }}</span>
                                    </td>
                                    <td class="no-print">
                                        @if($action->status === 'COMPLETED')
                                            <form method="POST"
                                                  action="{{ route('deviations.actions.verify', $action) }}"
                                                  class="d-inline">
                                                @csrf
                                                <button class="btn btn-sm btn-success" title="Verify">
                                                    <i class="fas fa-check-double"></i>
                                                </button>
                                            </form>
                                        @endif
                                        <form method="POST"
                                              action="{{ route('deviations.actions.destroy', $action) }}"
                                              class="d-inline"
                                              onsubmit="return confirm('Delete this action?')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</section>

{{-- ============================================================
     MODALS
     ============================================================ --}}

{{-- Impact Modal --}}
<div class="modal fade" id="impactModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('deviations.impact.store', $deviation) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Impact Assessment</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Impact Type *</label>
                        <select name="impact_type" class="form-control" required>
                            @foreach([
                                'PRODUCT_QUALITY','PATIENT_SAFETY','DATA_INTEGRITY','REGULATORY',
                                'BUSINESS','REPUTATIONAL','OPERATIONAL','FINANCIAL','ENVIRONMENTAL','OTHER',
                            ] as $t)
                                <option value="{{ $t }}"
                                        @selected(old('impact_type', $impact?->impact_type) === $t)>
                                    {{ $t }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Severity Level *</label>
                        <select name="severity_level" class="form-control" required>
                            @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $s)
                                <option value="{{ $s }}"
                                        @selected(old('severity_level', $impact?->severity_level) === $s)>
                                    {{ $s }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Description * (min 20 chars)</label>
                        <textarea name="impact_description" rows="3" class="form-control"
                                  required minlength="20">{{ old('impact_description', $impact?->impact_description) }}</textarea>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input"
                               type="checkbox"
                               name="mitigation_required"
                               value="1"
                               id="mit_req"
                               @checked(old('mitigation_required', $impact?->mitigation_required))>
                        <label class="form-check-label" for="mit_req">Mitigation required</label>
                    </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">Save</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Impact Item Modal --}}
@if($impact)
<div class="modal fade" id="impactItemModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('deviations.impact-items.store', $impact) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Add Impact Item</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Description *</label>
                        <textarea name="impact_description" rows="2" class="form-control"
                                  required minlength="10"></textarea>
                    </div>
                    <div class="form-group">
                        <label>Severity *</label>
                        <select name="severity" class="form-control" required>
                            @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $s)
                                <option value="{{ $s }}">{{ $s }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox"
                               name="requires_mitigation" value="1" id="ii_mit">
                        <label class="form-check-label" for="ii_mit">Requires mitigation</label>
                    </div>
                    <div class="form-group">
                        <label>Proposed Mitigation</label>
                        <textarea name="proposed_mitigation" rows="2" class="form-control"></textarea>
                    </div>
                    <div class="form-group">
                        <label>Target Date</label>
                        <input type="date" name="target_date" class="form-control">
                    </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">Add</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Link Existing CAPA Modal --}}
@if(($availableCapas ?? collect())->isNotEmpty())
<div class="modal fade" id="capaLinkModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="POST" action="{{ route('deviations.capa-linkages.store', $deviation) }}">
                @csrf
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">
                        <i class="fas fa-link mr-1"></i>Link Existing CAPA
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</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>

                    <div class="form-group">
                        <label class="font-weight-bold">CAPA <span class="text-danger">*</span></label>
                        <select name="capa_id" class="form-control" required>
                            <option value="">— Select a CAPA —</option>
                            @foreach($availableCapas as $capa)
                                <option value="{{ $capa->capa_id }}"
                                        @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>

                    <div class="form-group">
                        <label class="font-weight-bold">Linkage Type <span class="text-danger">*</span></label>
                        <select name="linkage_type" 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>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-link mr-1"></i>Link CAPA
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Create New CAPA Modal --}}
<div class="modal fade" id="capaCreateModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="POST"
                  action="{{ route('deviations.capa-linkages.store-from-deviation', $deviation) }}">
                @csrf
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title">
                        <i class="fas fa-plus-circle mr-1"></i>Create New CAPA
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</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>

                    <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>

                    <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.</small>
                    </div>

                    <div class="row">
                        <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>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="font-weight-bold">Priority <span class="text-danger">*</span></label>
                                <select name="priority" class="form-control" required>
                                    @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $p)
                                        <option value="{{ $p }}" @selected(old('priority', 'HIGH') === $p)>{{ $p }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <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>

                    <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() }}">
                    </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">
                        <i class="fas fa-save mr-1"></i>Create &amp; Link CAPA
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Add Action Modal --}}
<div class="modal fade" id="actionModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('deviations.actions.store', $deviation) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Add Action</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Action Type *</label>
                        <select name="action_type" class="form-control" required>
                            <option value="IMMEDIATE_CORRECTION">Immediate Correction</option>
                            <option value="CONTAINMENT">Containment</option>
                            <option value="CORRECTIVE_ACTION">Corrective Action</option>
                            <option value="PREVENTIVE_ACTION">Preventive Action</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Description *</label>
                        <textarea name="action_description" rows="3" class="form-control"
                                  required minlength="10"></textarea>
                    </div>
                    <div class="form-group">
                        <label>Assigned To *</label>
                        <select name="assigned_to" class="form-control" required>
                            @foreach(\App\Models\User::orderBy('name')->get() as $u)
                                <option value="{{ $u->id }}">{{ $u->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Due Date *</label>
                        <input type="date" name="due_date" class="form-control"
                               value="{{ now()->addDays(7)->toDateString() }}" required>
                    </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">Add</button>
                </div>
            </form>
        </div>
    </div>
</div>