{{--
  Revision-history entry point for an entity page (REVISION_HISTORY_PLAN.md P2).
  Usage (top of @section('content')):
    @include('includes.revision_history', ['dataset' => 'ferries', 'title' => 'Ferries'])

  Renders a right-aligned History button plus its modal. The modal div is in
  the DOM at page load on purpose: the layout runs $('.modal').modal() once on
  ready (Materialize 0.100.2), which both initialises it and binds the
  .modal-trigger anchor. Read-only — restore ships in P3.
--}}
<div class="mo-cluster" style="justify-content: flex-end; margin-bottom: 4px;">
    <a href="#revisionModal" class="mo-btn modal-trigger" id="revisionHistoryBtn">History</a>
</div>

<div id="revisionModal" class="modal" role="dialog" aria-modal="true" aria-labelledby="revisionModal-title">
    <div class="modal-content">
        <h4 id="revisionModal-title">{{ $title ?? 'Revision' }} — history</h4>
        <p class="mo-page-purpose" style="margin-top:0;">
            Every save is recorded automatically as a version. Restore arrives in a later update.
        </p>
        <table class="striped" id="revisionModalTable">
            <thead>
                <tr><th>Version</th><th>What changed</th><th>Who</th><th>When</th></tr>
            </thead>
            <tbody>
                <tr><td colspan="4">Loading…</td></tr>
            </tbody>
        </table>
    </div>
    <div class="modal-footer">
        <a href="{{ url('/revisions') }}?dataset={{ $dataset }}" class="mo-btn mo-btn--edit" style="margin-right:8px;">Full history</a>
        <a href="#!" class="modal-close btn-flat">Close</a>
    </div>
</div>

<script>
// Deferred to window load: jQuery + Materialize are loaded at the end of the
// layout body, after this inline partial script.
window.addEventListener('load', function () {
    // Prefetch once on load (a few KB) so the modal is instant and there is no
    // dependence on click-handler ordering vs Materialize's modal-trigger.
    $.getJSON(baseUrl + '/revisions/list', { dataset: '{{ $dataset }}', limit: 20 })
            .done(function (payload) {
                var rows = (payload && payload.data) || [];
                var $body = $('#revisionModalTable tbody').empty();
                if (!rows.length) {
                    $body.append('<tr><td colspan="4">No versions yet — they appear automatically when this page saves.</td></tr>');
                    return;
                }
                rows.forEach(function (r) {
                    var summary = $('<span>').text(r.summary || '—').html();
                    if (r.action && r.action !== 'edit') {
                        summary = '<strong>[' + r.action + ']</strong> ' + summary;
                    }
                    $body.append($('<tr>')
                        .append($('<td>').text(r.v))
                        .append($('<td>').html(summary))
                        .append($('<td>').text(r.who || '—'))
                        .append($('<td>').text(r.when)));
                });
            })
            .fail(function () {
                $('#revisionModalTable tbody').html('<tr><td colspan="4">Could not load history — try again.</td></tr>');
            });
});
</script>