@extends('layouts.app')
@section('title', 'Workflow Actor Assignment')

@push('stylesheets')
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <style>
        .waa-scheme-select2-wrap .select2-container { width: 100% !important; }
        .waa-scheme-select2-wrap .select2-container .select2-selection--single { height: auto; min-height: calc(2.25rem + 2px); }
        .select2-container--open { z-index: 2000; }
        .waa-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem 1rem; }
        .waa-detail-grid dt { font-size: .75rem; text-transform: uppercase; color: #6c757d; margin-bottom: .15rem; }
        .waa-detail-grid dd { margin: 0 0 .5rem; font-weight: 600; }
    </style>
@endpush

@section('contents')
<x-layouts.page-wrapper
    title="Workflow Actor Assignment"
    :breadcrumbs="[
        'Admin Controls' => null,
        'Workflow Actor Assignment' => null,
    ]"
>
    <div class="col-12 col-xl-10 mx-auto">
        <div class="alert alert-info">
            Assign <strong>current actor</strong> and <strong>workflow stage</strong> on in-flight PC-I, PC-II, or Concept Note records.
            Changes write an internal forward row and this screen’s audit log; they are <strong>hidden from the scheme workflow timeline</strong>.
            The PC listing <strong>status column</strong> and actor actions follow stage/actor labels after an admin assignment — post-forum <strong>Awaiting Advice</strong> and <strong>Generate Advice</strong> are suppressed until the scheme is forwarded again normally.
            The separate <strong>Modified</strong> badge reflects <code>is_modified</code> and is independent of workflow stage.
        </div>

        <div class="card card-outline card-primary">
            <div class="card-header">
                <h3 class="card-title mb-0">1. Select scheme</h3>
            </div>
            <div class="card-body">
                @php
                    $waaSelectedId = $selected['id'] ?? '';
                    $waaSelectedName = $selected['text'] ?? '';
                    $waaSelectedAdp = ($selected['adp'] ?? '') !== '' ? $selected['adp'] : '—';
                    $waaSelectedUid = ($selected['uid'] ?? '') !== '' ? $selected['uid'] : '—';
                    $waaLookupUrl = route('admin-controls.workflow-actor-assignment.search');
                @endphp
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="waaScheme">Scheme</label>
                        <div class="waa-scheme-select2-wrap">
                            <x-select2-lookup
                                id="waaScheme"
                                name=""
                                :lookupUrl="$waaLookupUrl"
                                lookupType="scheme_name"
                                :selectedValue="$waaSelectedId"
                                :selectedText="$waaSelectedName"
                                placeholder="Search schemes..."
                                :syncOnly="true"
                                :mergeFormParams="false"
                                inputClass="waa-scheme-sync form-control"
                            />
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="waaAdp">ADP No.</label>
                        <div class="waa-scheme-select2-wrap">
                            <x-select2-lookup
                                id="waaAdp"
                                name=""
                                :lookupUrl="$waaLookupUrl"
                                lookupType="adp"
                                :selectedValue="$waaSelectedId"
                                :selectedText="$waaSelectedAdp"
                                placeholder="Enter ADP #..."
                                :syncOnly="true"
                                :mergeFormParams="false"
                                inputClass="waa-scheme-sync form-control"
                            />
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="waaUid">UID</label>
                        <div class="waa-scheme-select2-wrap">
                            <x-select2-lookup
                                id="waaUid"
                                name=""
                                :lookupUrl="$waaLookupUrl"
                                lookupType="uid"
                                :selectedValue="$waaSelectedId"
                                :selectedText="$waaSelectedUid"
                                placeholder="Enter UID..."
                                :syncOnly="true"
                                :mergeFormParams="false"
                                inputClass="waa-scheme-sync form-control"
                            />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if ($snapshot)
            <div class="card card-outline card-success">
                <div class="card-header">
                    <h3 class="card-title mb-0">2. Current state — {{ $snapshot['label'] }}</h3>
                </div>
                <div class="card-body">
                    <dl class="waa-detail-grid mb-4">
                        <div><dt>Scheme</dt><dd>{{ $snapshot['scheme_name'] }}</dd></div>
                        <div><dt>ADP</dt><dd>{{ $snapshot['adp'] }}</dd></div>
                        <div><dt>UID</dt><dd>{{ $snapshot['uid'] }}</dd></div>
                        <div><dt>State</dt><dd>{{ $snapshot['state'] }}</dd></div>
                        <div><dt>Active</dt><dd>{{ $snapshot['status'] ? 'Yes' : 'No' }}</dd></div>
                        <div><dt>Workflow stage</dt><dd>{{ $snapshot['workflow_stage_label'] }} <code class="small">{{ $snapshot['workflow_stage'] ?: '—' }}</code></dd></div>
                        <div><dt>PC listing status</dt><dd><strong>{{ $snapshot['listing_status_label'] ?? '—' }}</strong>@if(!empty($snapshot['is_modified'])) <span class="badge badge-secondary ml-1">Modified</span>@endif</dd></div>
                        @if (! empty($snapshot['forum_status_label']) && ($snapshot['forum_status_label'] ?? '') !== ($snapshot['listing_status_label'] ?? ''))
                        <div><dt>Forum-derived label</dt><dd class="text-muted">{{ $snapshot['forum_status_label'] }} <small>(without admin stage override)</small></dd></div>
                        @endif
                        <div><dt>Current actor</dt><dd>{{ $snapshot['current_actor_name'] }}@if($snapshot['current_actor_id'] > 0) <span class="text-muted font-weight-normal">(#{{ $snapshot['current_actor_id'] }})</span>@endif</dd></div>
                        <div><dt>Designation</dt><dd>{{ $snapshot['current_actor_designation'] }}</dd></div>
                        <div><dt>Revision badge</dt><dd>{{ $snapshot['revision_label'] }}</dd></div>
                        <div><dt>Revised</dt><dd>{{ $snapshot['is_revised'] ? 'Yes' : 'No' }}@if($snapshot['revision_version']) <span class="text-muted">(v{{ $snapshot['revision_version'] }})</span>@endif</dd></div>
                        <div><dt>Modified</dt><dd>{{ $snapshot['is_modified'] ? 'Yes' : 'No' }}</dd></div>
                    </dl>

                    @if (! empty($snapshot['locked']))
                        <div class="alert alert-warning">{{ $snapshot['locked_reason'] }}</div>
                    @elseif ($canAssign || $canMarkRevision)
                        <form method="POST" action="{{ route('admin-controls.workflow-actor-assignment.assign') }}" id="waaAssignForm">
                            @csrf
                            <input type="hidden" name="type" value="{{ $snapshot['type'] }}">
                            <input type="hidden" name="id" value="{{ $snapshot['id'] }}">

                            @if ($canAssign)
                                <h5 class="mb-3">Assign actor &amp; stage</h5>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="waaActor">New actor</label>
                                        <select id="waaActor" name="actor_user_id" class="form-control waa-actor-select" data-placeholder="Search users…">
                                            @if(old('actor_user_id'))
                                                <option value="{{ old('actor_user_id') }}" selected>{{ old('actor_user_id') }}</option>
                                            @endif
                                        </select>
                                        <small class="form-text text-muted">Must be an active, non–view-only user.</small>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="waaStage">Workflow stage</label>
                                        <select id="waaStage" name="workflow_stage" class="form-control">
                                            <option value="">— Auto from actor —</option>
                                            @foreach ($snapshot['stage_options'] as $stage)
                                                <option value="{{ $stage['key'] }}" @selected(old('workflow_stage') === $stage['key'])>{{ $stage['label'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @endif

                            @if ($canMarkRevision)
                                <h5 class="mb-3 {{ $canAssign ? 'mt-2' : '' }}">Revision flags</h5>
                                <div class="row">
                                    <div class="form-group col-md-4">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="waaMarkRevised" name="mark_revised" value="1" @checked(old('mark_revised'))>
                                            <label class="custom-control-label" for="waaMarkRevised">Mark as <strong>Revised</strong></label>
                                        </div>
                                        <small class="form-text text-muted">Sets <code>is_revised</code>; version follows chain order.</small>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="waaMarkModified" name="mark_modified" value="1" @checked(old('mark_modified'))>
                                            <label class="custom-control-label" for="waaMarkModified">Mark as <strong>Modified</strong></label>
                                        </div>
                                        <small class="form-text text-muted">Sets <code>is_modified</code> on this record.</small>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="waaParentId">Revision root ID (optional)</label>
                                        <input type="number" min="1" class="form-control" id="waaParentId" name="parent_id" value="{{ old('parent_id', $snapshot['root_id'] ?? '') }}" placeholder="Root PC/PCN id">
                                    </div>
                                </div>
                                <p class="small text-muted">Uncheck both boxes on submit to leave revision flags unchanged. To clear a flag, contact an administrator — this screen only sets flags when checked.</p>
                            @endif

                            <div class="form-group">
                                <label for="waaRemarks">Remarks <span class="text-danger">*</span></label>
                                <textarea id="waaRemarks" name="remarks" class="form-control" rows="3" required minlength="3" maxlength="2000">{{ old('remarks') }}</textarea>
                            </div>

                            <button type="submit" class="btn btn-primary">Save assignment</button>
                        </form>
                    @else
                        <p class="text-muted mb-0">You can view scheme details but do not have assign or revision permissions.</p>
                    @endif
                </div>
            </div>

            @if (! empty($snapshot['recent_assignments']))
                <div class="card card-outline card-secondary mt-3">
                    <div class="card-header"><h3 class="card-title mb-0">Recent assignments (this record)</h3></div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-sm table-striped mb-0">
                                <thead>
                                    <tr>
                                        <th>When</th>
                                        <th>By</th>
                                        <th>Actor</th>
                                        <th>Stage</th>
                                        <th>Revised</th>
                                        <th>Modified</th>
                                        <th>Remarks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($snapshot['recent_assignments'] as $log)
                                        <tr>
                                            <td>{{ $log['created_at'] }}</td>
                                            <td>{{ $log['performed_by'] }}</td>
                                            <td>{{ $log['previous_actor'] }} → {{ $log['new_actor'] }}</td>
                                            <td><small>{{ $log['previous_stage'] ?? '—' }} → {{ $log['new_stage'] ?? '—' }}</small></td>
                                            <td>@if($log['new_is_revised'] !== null) {{ $log['previous_is_revised'] ? 'Y' : 'N' }}→{{ $log['new_is_revised'] ? 'Y' : 'N' }} @else — @endif</td>
                                            <td>@if($log['new_is_modified'] !== null) {{ $log['previous_is_modified'] ? 'Y' : 'N' }}→{{ $log['new_is_modified'] ? 'Y' : 'N' }} @else — @endif</td>
                                            <td>{{ \Illuminate\Support\Str::limit($log['remarks'], 80) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        @endif

        @if ($canViewLogs && ! empty($logs['data']))
            <div class="card card-outline card-secondary mt-3">
                <div class="card-header"><h3 class="card-title mb-0">Assignment audit log</h3></div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>When</th>
                                    <th>Entity</th>
                                    <th>By</th>
                                    <th>Actor change</th>
                                    <th>Stage change</th>
                                    <th>Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($logs['data'] as $log)
                                    <tr>
                                        <td>{{ $log['created_at'] }}</td>
                                        <td>{{ $log['entity_type'] }} #{{ $log['entity_id'] }}</td>
                                        <td>{{ $log['performed_by'] }}</td>
                                        <td>{{ $log['previous_actor'] }} → {{ $log['new_actor'] }}</td>
                                        <td><small>{{ $log['previous_stage'] ?? '—' }} → {{ $log['new_stage'] ?? '—' }}</small></td>
                                        <td>{{ \Illuminate\Support\Str::limit($log['remarks'], 80) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>
</x-layouts.page-wrapper>
@endsection

@push('scripts')
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
<script>
(function () {
    var indexUrl = @json(route('admin-controls.workflow-actor-assignment.index'));
    var lookupUrl = @json(route('admin-controls.workflow-actor-assignment.search'));
    var actorsUrl = @json(route('admin-controls.workflow-actor-assignment.actors'));
    var syncing = false;
    var lookupsReady = false;

    function goToKey(id) {
        if (!id) {
            window.location = indexUrl;
            return;
        }
        var parts = String(id).split(':');
        if (parts.length !== 2) return;
        window.location = indexUrl + '?type=' + encodeURIComponent(parts[0]) + '&id=' + encodeURIComponent(parts[1]);
    }

    function labelForLookupType(lookupType, item) {
        if (lookupType === 'adp') return item.adp_number || item.text || '—';
        if (lookupType === 'uid') return item.uid || item.code || item.text || '—';
        return item.name || item.text || '—';
    }

    function setSyncValue($sel, id, itemData) {
        if (!$sel || !$sel.length) return;
        var pid = id ? String(id) : '';
        if (pid === '') {
            $sel.val(null).trigger('change.select2');
            return;
        }
        if (!$sel.find('option').filter(function () { return String(this.value) === pid; }).length) {
            var lookupType = $sel.data('lookup-type') || 'scheme_name';
            var label = labelForLookupType(lookupType, itemData || {});
            var $opt = new Option(label, pid, true, true);
            if (itemData) jQuery($opt).data('select2Data', itemData);
            $sel.append($opt);
        }
        $sel.val(pid).trigger('change.select2');
    }

    function waaInitLookup($el) {
        if (!$el || !$el.length) return;
        if ($el.hasClass('select2-hidden-accessible')) {
            try { $el.select2('destroy'); } catch (e) {}
        }
        var lookupType = $el.data('lookup-type') || 'scheme_name';
        var selectedVal = $el.data('selected-value');
        var selectedTxt = $el.data('selected-text') || '';
        $el.select2({
            theme: 'bootstrap4',
            width: '100%',
            placeholder: $el.data('placeholder') || 'Search...',
            allowClear: true,
            dropdownParent: jQuery(document.body),
            ajax: {
                url: lookupUrl,
                delay: 250,
                data: function (p) {
                    return { lookup_type: lookupType, search: p.term || '', page: p.page || 1 };
                },
                processResults: function (data) {
                    return { results: data.data || [], pagination: { more: !!(data.pagination && data.pagination.more) } };
                }
            }
        });
        if (selectedVal) {
            $el.append(new Option(selectedTxt || selectedVal, selectedVal, true, true)).trigger('change.select2');
        }
    }

    jQuery(function () {
        var $sync = jQuery('#waaScheme, #waaAdp, #waaUid');
        $sync.each(function () { waaInitLookup(jQuery(this)); });
        lookupsReady = true;

        $sync.on('change.waaSync select2:select.waaSync select2:clear.waaSync', function (e) {
            if (syncing) return;
            var $this = jQuery(this);
            var id = String($this.val() || '');
            var itemData = ($this.select2('data') || [])[0] || null;
            syncing = true;
            try {
                $sync.not(this).each(function () { setSyncValue(jQuery(this), id, itemData); });
            } finally { syncing = false; }
            if (!lookupsReady) return;
            if (e.type === 'select2:clear') { goToKey(''); return; }
            if (e.type === 'select2:select' && id) { goToKey(id); }
        });

        var $actor = jQuery('#waaActor');
        if ($actor.length) {
            $actor.select2({
                theme: 'bootstrap4',
                width: '100%',
                allowClear: true,
                placeholder: $actor.data('placeholder') || 'Search users…',
                dropdownParent: jQuery(document.body),
                ajax: {
                    url: actorsUrl,
                    delay: 250,
                    data: function (p) { return { q: p.term || '', limit: 40 }; },
                    processResults: function (data) { return { results: data.results || [] }; }
                }
            });
        }
    });
})();
</script>
@endpush