@extends('layouts.app')

@section('title', 'Scheme Search')

@push('styles')
<style>
    .mws-ss {
        --mws-ss-forest: #00401A;
        --mws-ss-teal: #069494;
        --mws-ss-navy: #1a4a6e;
        --mws-ss-ink: #0f172a;
        --mws-ss-muted: #64748b;
        --mws-ss-line: #e2e8f0;
        --mws-ss-soft: #f0faf9;
        --mws-ss-grad: linear-gradient(135deg, #00401A 0%, #069494 55%, #1a4a6e 100%);
    }

    .mws-ss__hero {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.25rem;
    }
    .mws-ss__hero h2 {
        font-weight: 800;
        color: var(--mws-ss-forest);
        letter-spacing: -0.02em;
        margin: 0 0 0.25rem;
    }
    .mws-ss__hero p { color: var(--mws-ss-muted); margin: 0; }

    .mws-ss-search {
        border: 1px solid var(--mws-ss-line);
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 8px 24px rgba(0, 64, 26, 0.06);
        overflow: hidden;
        margin-bottom: 1.25rem;
    }
    .mws-ss-search__head {
        background: var(--mws-ss-grad);
        color: #fff;
        padding: 0.85rem 1.15rem;
        font-weight: 700;
        font-size: 0.95rem;
    }
    .mws-ss-search__body { padding: 1.1rem 1.15rem 1.25rem; }
    .mws-ss-search label {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--mws-ss-muted);
    }
    .mws-ss-search .form-control {
        border-radius: 0.55rem;
        border-color: #cbd5e1;
        min-height: 2.5rem;
    }
    .mws-ss-search .form-control:focus {
        border-color: var(--mws-ss-teal);
        box-shadow: 0 0 0 0.2rem rgba(6, 148, 148, 0.2);
    }
    .mws-ss-search .btn-confirm {
        background: var(--mws-ss-grad);
        border: 0;
        color: #fff;
        font-weight: 700;
        border-radius: 0.55rem;
        min-height: 2.5rem;
        width: 100%;
    }
    .mws-ss-search .btn-confirm:hover { color: #fff; filter: brightness(1.05); }

    .mws-ss-results__meta {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 0.85rem;
    }
    .mws-ss-results__meta h3 {
        font-size: 1rem;
        font-weight: 800;
        color: var(--mws-ss-forest);
        margin: 0;
    }
    .mws-ss-results__meta span {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--mws-ss-muted);
    }

    .mws-ss-list { display: flex; flex-direction: column; gap: 0.85rem; }

    .mws-ss-card {
        display: grid;
        grid-template-columns: 5.25rem minmax(0, 1fr) auto;
        gap: 1rem;
        align-items: center;
        background: #fff;
        border: 1px solid var(--mws-ss-line);
        border-radius: 1rem;
        padding: 0.95rem 1.1rem;
        box-shadow: 0 10px 28px rgba(0, 64, 26, 0.07);
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .mws-ss-card:hover {
        transform: translateY(-1px);
        box-shadow: 0 14px 32px rgba(0, 64, 26, 0.11);
    }

    .mws-ss-date {
        width: 5.25rem;
        height: 5.25rem;
        border-radius: 0.85rem;
        background: linear-gradient(160deg, rgba(6, 148, 148, 0.14) 0%, rgba(0, 64, 26, 0.1) 100%);
        border: 1px solid rgba(6, 148, 148, 0.22);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-shrink: 0;
    }
    .mws-ss-date__day {
        font-size: 1.85rem;
        font-weight: 800;
        line-height: 1;
        color: var(--mws-ss-forest);
        letter-spacing: -0.03em;
    }
    .mws-ss-date__month {
        margin-top: 0.2rem;
        font-size: 0.78rem;
        font-weight: 700;
        color: var(--mws-ss-teal);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .mws-ss-card__main { min-width: 0; }
    .mws-ss-card__name {
        display: block;
        font-size: 1.02rem;
        font-weight: 800;
        color: var(--mws-ss-navy);
        line-height: 1.35;
        text-decoration: none;
        margin-bottom: 0.35rem;
    }
    .mws-ss-card__name:hover { color: var(--mws-ss-teal); text-decoration: none; }
    .mws-ss-card__time {
        font-size: 0.86rem;
        color: #475569;
        font-weight: 600;
        margin-bottom: 0.45rem;
    }
    .mws-ss-card__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem 1rem;
        font-size: 0.8rem;
        color: var(--mws-ss-muted);
        font-weight: 600;
    }
    .mws-ss-card__meta i {
        color: var(--mws-ss-teal);
        margin-right: 0.3rem;
        width: 0.9rem;
        text-align: center;
    }

    .mws-ss-card__aside {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.65rem;
        flex-shrink: 0;
    }
    .mws-ss-status {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.84rem;
        font-weight: 700;
        color: #334155;
        white-space: nowrap;
    }
    .mws-ss-status__dot {
        width: 1.35rem;
        height: 1.35rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.65rem;
    }
    .mws-ss-status--completed .mws-ss-status__dot { background: #16a34a; }
    .mws-ss-status--upcoming .mws-ss-status__dot { background: var(--mws-ss-teal); }

    .mws-ss-docs-btn {
        border-radius: 0.55rem;
        font-size: 0.8rem;
        font-weight: 700;
        padding: 0.4rem 0.85rem;
        border: 1px solid var(--mws-ss-teal);
        color: var(--mws-ss-forest);
        background: #fff;
    }
    .mws-ss-docs-btn:hover {
        background: var(--mws-ss-soft);
        color: var(--mws-ss-forest);
        border-color: var(--mws-ss-forest);
    }

    .mws-ss-empty {
        border: 1px dashed #cbd5e1;
        border-radius: 1rem;
        padding: 2rem 1.25rem;
        text-align: center;
        color: var(--mws-ss-muted);
        background: #f8fafc;
        font-weight: 600;
    }

    /* Docs modal — PMS theme */
    #mwsSchemeDocsModal .modal-content {
        border: 0;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(0, 40, 26, 0.28);
    }
    #mwsSchemeDocsModal .modal-header {
        background: var(--mws-ss-grad);
        color: #fff;
        border: 0;
        padding: 1rem 1.25rem;
        align-items: flex-start;
    }
    #mwsSchemeDocsModal .modal-title {
        font-weight: 800;
        font-size: 0.98rem;
        line-height: 1.4;
        letter-spacing: 0.01em;
        text-transform: none;
        padding-right: 1.5rem;
    }
    #mwsSchemeDocsModal .modal-header .close {
        color: #fff;
        opacity: 0.9;
        text-shadow: none;
        margin: -0.2rem -0.35rem 0 0;
    }
    #mwsSchemeDocsModal .modal-body {
        background: #f8fafc;
        padding: 1.1rem 1.15rem 1.25rem;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-panel {
        max-height: min(70vh, 640px);
        overflow: auto;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-row {
        border: 1px solid var(--mws-ss-line);
        border-left: 4px solid var(--mws-ss-teal);
        border-radius: 0.75rem;
        padding: 1rem 1.05rem;
        margin-bottom: 0.85rem;
        background: #fff;
        box-shadow: 0 6px 18px rgba(0, 64, 26, 0.05);
    }
    #mwsSchemeDocsModal .mws-scheme-docs-title {
        font-size: 1.05rem;
        font-weight: 800;
        color: var(--mws-ss-ink);
        margin: 0 0 0.35rem;
        line-height: 1.3;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-meta {
        font-size: 0.88rem;
        font-weight: 700;
        color: #475569;
        margin-bottom: 0.85rem;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-meta span {
        display: inline-block;
        margin-right: 1rem;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-btn {
        font-weight: 700;
        font-size: 0.8rem;
        border-radius: 0.45rem;
        padding: 0.4rem 0.75rem;
        border: 1px solid var(--mws-ss-teal);
        color: var(--mws-ss-forest);
        background: #fff;
        text-decoration: none;
    }
    #mwsSchemeDocsModal a.mws-scheme-docs-btn:hover {
        background: var(--mws-ss-soft);
        color: var(--mws-ss-forest);
        text-decoration: none;
    }
    #mwsSchemeDocsModal .mws-scheme-docs-btn.is-disabled,
    #mwsSchemeDocsModal .mws-scheme-docs-btn:disabled {
        opacity: 0.42;
        cursor: not-allowed;
        pointer-events: none;
        border-color: #94a3b8;
        color: #64748b;
        background: #f1f5f9;
    }

    .mws-mom-history-timeline {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mws-mom-history-item {
        position: relative;
        padding-bottom: 1.1rem;
    }
    .mws-mom-history-item:last-child {
        padding-bottom: 0;
    }
    .mws-mom-history-item-connector::before {
        content: '';
        position: absolute;
        left: 5px;
        top: 16px;
        bottom: 0;
        width: 2px;
        background: #d1d5db;
    }
    .mws-mom-history-bullet {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #9ca3af;
        margin-top: 4px;
        margin-right: 12px;
        flex-shrink: 0;
    }
    .mws-mom-history-bullet.is-saved { background: #6c757d; }
    .mws-mom-history-bullet.is-forwarded,
    .mws-mom-history-bullet.is-approved { background: #28a745; }
    .mws-mom-history-bullet.is-returned { background: #ffc107; }
    .mws-mom-history-bullet.is-resubmitted { background: #17a2b8; }
    .mws-mom-history-chain .badge { font-weight: 600; }
    .mws-mom-history-remarks {
        background: #f8fafc;
        border: 1px solid rgba(62, 83, 164, 0.12);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
        word-break: break-word;
    }
    .mws-mom-history-scroll {
        max-height: min(70vh, 640px);
        overflow-y: auto;
        padding-right: 4px;
    }

    @media (max-width: 767.98px) {
        .mws-ss-card {
            grid-template-columns: 4.5rem minmax(0, 1fr);
            grid-template-areas:
                "date main"
                "aside aside";
        }
        .mws-ss-date { grid-area: date; width: 4.5rem; height: 4.5rem; }
        .mws-ss-date__day { font-size: 1.5rem; }
        .mws-ss-card__main { grid-area: main; }
        .mws-ss-card__aside {
            grid-area: aside;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding-top: 0.35rem;
            border-top: 1px solid var(--mws-ss-line);
        }
    }
</style>
@endpush

@section('contents')
<section class="content mws-ss">
<div class="container-fluid">
    <div class="mws-ss__hero">
        <div>
            <h2>Scheme Search</h2>
            <p>Find meetings by ADP, UID, or scheme name — then open Docs for Notice, MoM, Working Paper, and Track Progress.</p>
        </div>
        <a href="{{ route('meeting-workspace.dashboard') }}" class="btn btn-default">Back to Planner</a>
    </div>

    <div class="mws-ss-search">
        <div class="mws-ss-search__head">Search (Confirm)</div>
        <div class="mws-ss-search__body">
            <form method="get" action="{{ route('meeting-workspace.scheme-search') }}" class="row">
                <div class="col-md-3 mb-2">
                    <label>ADP</label>
                    <input type="text" name="adp" value="{{ $filters['adp'] ?? '' }}" class="form-control" placeholder="ADP number">
                </div>
                <div class="col-md-3 mb-2">
                    <label>UID</label>
                    <input type="text" name="uid" value="{{ $filters['uid'] ?? '' }}" class="form-control" placeholder="PC / PCN UID">
                </div>
                <div class="col-md-4 mb-2">
                    <label>Scheme Name</label>
                    <input type="text" name="scheme_name" value="{{ $filters['scheme_name'] ?? '' }}" class="form-control" placeholder="Scheme name">
                </div>
                <div class="col-md-2 mb-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-confirm">Confirm</button>
                </div>
            </form>
        </div>
    </div>

    <div class="mws-ss-results__meta">
        <h3>Results</h3>
        <span>{{ count($rows) }} meeting{{ count($rows) === 1 ? '' : 's' }}</span>
    </div>

    @if (! $hasFilters)
        <div class="mws-ss-empty">Enter ADP, UID, and/or Scheme Name, then Confirm.</div>
    @elseif ($rows === [])
        <div class="mws-ss-empty">No meetings found for this scheme search.</div>
    @else
        <div class="mws-ss-list">
            @foreach ($rows as $row)
                <article class="mws-ss-card">
                    <div class="mws-ss-date" title="Meeting Date: {{ $row['meeting_date'] }}">
                        <span class="mws-ss-date__day">{{ $row['meeting_day'] }}</span>
                        <span class="mws-ss-date__month">{{ $row['meeting_month'] }}</span>
                    </div>
                    <div class="mws-ss-card__main">
                        <a href="{{ $row['show_url'] }}" class="mws-ss-card__name">{{ $row['meeting_name'] }}</a>
                        <div class="mws-ss-card__time">
                            <i class="far fa-clock"></i> {{ $row['meeting_time'] }}
                            <span class="text-muted"> · </span>
                            {{ $row['meeting_date'] }}
                        </div>
                        <div class="mws-ss-card__meta">
                            <span><i class="fas fa-tag"></i>Meeting Type: {{ $row['meeting_type'] }}</span>
                            <span><i class="fas fa-calendar-check"></i>Status: {{ $row['status'] }}</span>
                        </div>
                    </div>
                    <div class="mws-ss-card__aside">
                        <div class="mws-ss-status mws-ss-status--{{ $row['status_tone'] }}">
                            <span class="mws-ss-status__dot">
                                @if ($row['status_tone'] === 'completed')
                                    <i class="fas fa-check"></i>
                                @else
                                    <i class="fas fa-clock"></i>
                                @endif
                            </span>
                            {{ $row['status'] }}
                        </div>
                        <button
                            type="button"
                            class="btn mws-ss-docs-btn js-mws-scheme-docs"
                            data-documents-url="{{ $row['docs_url'] }}"
                            data-meeting-name="{{ $row['meeting_name'] }}"
                        >
                            <i class="fas fa-folder-open mr-1"></i> Docs
                        </button>
                    </div>
                </article>
            @endforeach
        </div>
    @endif
</div>
</section>

<div class="modal fade mws-ss" id="mwsSchemeDocsModal" tabindex="-1" role="dialog" aria-labelledby="mwsSchemeDocsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mwsSchemeDocsModalLabel">Meeting documents</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div id="mwsSchemeDocsLoading" class="text-muted text-center py-4 font-weight-bold">Loading…</div>
                <div id="mwsSchemeDocsPanel" class="mws-scheme-docs-panel d-none"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="mwsMomHistoryModal" tabindex="-1" role="dialog" aria-labelledby="mwsMomHistoryModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mwsMomHistoryModalLabel">
                    <i class="fas fa-history mr-1"></i> Track Progress
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <p class="text-muted small mb-3" id="mwsMomHistorySchemeTitle"></p>
                <div id="mwsMomHistoryLoading" class="text-muted small py-4 text-center">
                    <span class="spinner-border spinner-border-sm text-primary mr-2" role="status"></span>
                    Loading history…
                </div>
                <div id="mwsMomHistoryError" class="text-danger small d-none"></div>
                <div id="mwsMomHistoryBody" class="d-none mws-mom-history-scroll"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
(function () {
    function decodeEntities(s) {
        var t = document.createElement('textarea');
        t.innerHTML = s == null ? '' : String(s);
        return t.value;
    }

    function esc(s) {
        var d = document.createElement('div');
        d.textContent = s == null ? '' : String(s);
        return d.innerHTML;
    }

    function docBtn(label, info) {
        var available = !!(info && info.available && info.url);
        if (available) {
            return '<a class="mws-scheme-docs-btn" href="' + esc(info.url) + '" target="_blank" rel="noopener noreferrer">' + esc(label) + '</a>';
        }
        return '<button type="button" class="mws-scheme-docs-btn is-disabled" disabled>' + esc(label) + '</button>';
    }

    function trackProgressBtn(info, schemeName) {
        var available = !!(info && info.available && info.url);
        if (!available) {
            return '<button type="button" class="mws-scheme-docs-btn is-disabled" disabled>Track Progress</button>';
        }
        return '<button type="button" class="mws-scheme-docs-btn js-mws-mom-history" data-history-url="' +
            esc(info.url) + '" data-scheme-title="' + esc(decodeEntities(schemeName || '')) +
            '">Track Progress</button>';
    }

    function renderSchemes(schemes) {
        if (!schemes || !schemes.length) {
            return '<p class="text-muted mb-0 font-weight-bold">No schemes linked to this meeting.</p>';
        }
        return schemes.map(function (s) {
            var schemeName = s.scheme_name || '—';
            return (
                '<div class="mws-scheme-docs-row">' +
                    '<div class="mws-scheme-docs-title">' + esc(decodeEntities(schemeName)) + '</div>' +
                    '<div class="mws-scheme-docs-meta">' +
                        '<span>UID: ' + esc(s.uid || '—') + '</span>' +
                        '<span>ADP #: ' + esc(s.adp || '—') + '</span>' +
                    '</div>' +
                    '<div class="mws-scheme-docs-actions">' +
                        docBtn('Meeting Notice', s.meeting_notice) +
                        docBtn('MOM', s.mom) +
                        docBtn('Working Paper', s.working_paper) +
                        trackProgressBtn(s.track_progress, schemeName) +
                    '</div>' +
                '</div>'
            );
        }).join('');
    }

    function bulletClass(actionCode) {
        if (actionCode === 'co_signer_returned') return 'is-returned';
        if (actionCode === 'co_signer_approved') return 'is-approved';
        if (actionCode === 'co_signer_forwarded') return 'is-forwarded';
        if (actionCode === 'primary_resubmitted') return 'is-resubmitted';
        if (actionCode === 'primary_saved') return 'is-saved';
        return '';
    }

    function chainBadgeClass(status) {
        if (status === 'signed') return 'badge-success';
        if (status === 'awaiting') return 'badge-primary';
        if (status === 'returned') return 'badge-warning';
        return 'badge-light';
    }

    function renderMomHistory(data, fallbackTitle) {
        var title = (data && data.scheme_title) ? data.scheme_title : fallbackTitle;
        $('#mwsMomHistorySchemeTitle').text(title || '');

        var html = '';
        html += '<div class="mb-4">';
        html += '<h6 class="font-weight-bold mb-2">Co-signatory trail</h6>';
        if (data && data.chain_status_label) {
            html += '<p class="small mb-2"><strong>Status:</strong> ' + esc(data.chain_status_label) + '</p>';
        }
        var chain = (data && Array.isArray(data.chain)) ? data.chain : [];
        if (chain.length) {
            html += '<ol class="mws-mom-history-chain small pl-3 mb-0">';
            chain.forEach(function (row) {
                html += '<li class="mb-1">' + esc(row.name || '') +
                    ' <span class="badge ' + chainBadgeClass(row.status) + ' ml-1">' + esc(row.status_label || row.status || '') + '</span></li>';
            });
            html += '</ol>';
        } else {
            html += '<p class="text-muted small mb-0">No co-signatory trail yet.</p>';
        }
        html += '</div>';

        html += '<div>';
        html += '<h6 class="font-weight-bold mb-3">Forward and return history</h6>';
        var history = (data && Array.isArray(data.history)) ? data.history : [];
        if (!history.length) {
            html += '<p class="text-muted small mb-0">No MoM history recorded yet.</p>';
        } else {
            html += '<ul class="mws-mom-history-timeline">';
            history.forEach(function (row, idx) {
                var connector = idx < history.length - 1 ? ' mws-mom-history-item-connector' : '';
                html += '<li class="mws-mom-history-item' + connector + '">';
                html += '<div class="d-flex">';
                html += '<span class="mws-mom-history-bullet ' + bulletClass(row.action_code) + '"></span>';
                html += '<div class="flex-grow-1">';
                html += '<div class="d-flex justify-content-between align-items-start flex-wrap">';
                html += '<div><span class="badge badge-secondary mr-1">' + esc(row.status_label || 'Action') + '</span>';
                html += '<strong>' + esc(row.action || 'MoM action') + '</strong></div>';
                if (row.created_at) {
                    html += '<small class="text-muted text-nowrap ml-2">' + esc(row.created_at) + '</small>';
                }
                html += '</div>';
                html += '<div class="small text-muted mt-1">' + esc(row.user_name || '') + '</div>';
                if (row.details) {
                    html += '<div class="small mt-1">' + esc(row.details) + '</div>';
                }
                if (row.remarks_html) {
                    html += '<div class="mws-mom-history-remarks small mt-2">' + row.remarks_html + '</div>';
                }
                html += '</div></div></li>';
            });
            html += '</ul>';
        }
        html += '</div>';

        $('#mwsMomHistoryBody').html(html);
    }

    $(document).on('click', '.js-mws-scheme-docs', function () {
        var url = $(this).data('documents-url');
        var name = decodeEntities($(this).attr('data-meeting-name') || 'Meeting documents');
        $('#mwsSchemeDocsModalLabel').text(name);
        $('#mwsSchemeDocsLoading').removeClass('d-none').text('Loading…');
        $('#mwsSchemeDocsPanel').addClass('d-none').empty();
        $('#mwsSchemeDocsModal').modal('show');

        fetch(url, { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' })
            .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); })
            .then(function (res) {
                $('#mwsSchemeDocsLoading').addClass('d-none');
                if (!res.ok || !res.j || !res.j.ok) {
                    $('#mwsSchemeDocsPanel').removeClass('d-none').html('<p class="text-danger mb-0 font-weight-bold">Could not load documents.</p>');
                    return;
                }
                var title = decodeEntities((res.j.meeting && res.j.meeting.title) || name);
                $('#mwsSchemeDocsModalLabel').text(title);
                $('#mwsSchemeDocsPanel').removeClass('d-none').html(renderSchemes(res.j.schemes || []));
            })
            .catch(function () {
                $('#mwsSchemeDocsLoading').addClass('d-none');
                $('#mwsSchemeDocsPanel').removeClass('d-none').html('<p class="text-danger mb-0 font-weight-bold">Could not load documents.</p>');
            });
    });

    $(document).on('click', '.js-mws-mom-history', function (e) {
        e.preventDefault();
        var url = $(this).attr('data-history-url') || '';
        var title = $(this).attr('data-scheme-title') || '';
        if (!url) {
            return;
        }

        function openHistoryModal() {
            $('#mwsMomHistorySchemeTitle').text(title);
            $('#mwsMomHistoryError').addClass('d-none').text('');
            $('#mwsMomHistoryBody').addClass('d-none').empty();
            $('#mwsMomHistoryLoading').removeClass('d-none');
            $('#mwsMomHistoryModal').modal('show');
            $.getJSON(url)
                .done(function (res) {
                    $('#mwsMomHistoryLoading').addClass('d-none');
                    renderMomHistory(res && res.data ? res.data : {}, title);
                    $('#mwsMomHistoryBody').removeClass('d-none');
                })
                .fail(function (xhr) {
                    $('#mwsMomHistoryLoading').addClass('d-none');
                    var msg = 'Unable to load Minutes of Meeting history.';
                    if (xhr && xhr.responseJSON && xhr.responseJSON.message) {
                        msg = String(xhr.responseJSON.message);
                    }
                    $('#mwsMomHistoryError').removeClass('d-none').text(msg);
                });
        }

        var $docs = $('#mwsSchemeDocsModal');
        if ($docs.hasClass('show')) {
            $docs.one('hidden.bs.modal', openHistoryModal).modal('hide');
        } else {
            openHistoryModal();
        }
    });
})();
</script>
@endpush