@php
/**
 * Suspend / Reject dialog for a restaurant, shared by the restaurants list and the
 * restaurant detail page.
 *
 * These two transitions are the ones the platform has to justify: the reason typed here
 * is written to the audit trail AND becomes the message the owner actually receives, so
 * without it every rejection reads as the same canned sentence and the audit row loses
 * the decision behind it. It is optional - a decision with nothing to add is still one
 * click away - but prominent, which is why it replaces the plain yes/no confirm rather
 * than sitting somewhere else on the page.
 *
 * The dialog is populated from the triggering button's data-* attributes (data-id,
 * data-status, data-label, data-warning), so one instance serves every row.
 */
@endphp
<div class="modal fade" id="statusReasonModal" tabindex="-1" aria-labelledby="statusReasonModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="post" action="{{ route('admin.restaurants.status') }}">
                @csrf
                <input type="hidden" name="id" value="" data-sr-id>
                <input type="hidden" name="status" value="" data-sr-status>
                <div class="modal-header">
                    <h2 class="modal-title h5" id="statusReasonModalLabel" data-sr-title></h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted" data-sr-warning></p>
                    <label class="form-label" for="sr-reason">{{ t_raw('admin.restaurants.f_reason') }}</label>
                    <textarea class="form-control" id="sr-reason" name="reason" rows="3" maxlength="300"
                        placeholder="{{ t_raw('admin.restaurants.f_reason_placeholder') }}"></textarea>
                    <div class="form-text">{{ t_raw('admin.restaurants.f_reason_hint') }}</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button>
                    <button type="submit" class="qm-btn" data-sr-submit></button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
(function () {
    var modal = document.getElementById('statusReasonModal');
    if (!modal) { return; }
    // Bootstrap hands us the button that opened the dialog, so a single modal serves
    // every row: the target restaurant, the transition and the wording all come from it.
    modal.addEventListener('show.bs.modal', function (ev) {
        var btn = ev.relatedTarget;
        if (!btn) { return; }
        var label = btn.getAttribute('data-label') || '';
        modal.querySelector('[data-sr-id]').value = btn.getAttribute('data-id') || '';
        modal.querySelector('[data-sr-status]').value = btn.getAttribute('data-status') || '';
        modal.querySelector('[data-sr-warning]').textContent = btn.getAttribute('data-warning') || '';
        modal.querySelector('[data-sr-title]').textContent = label;
        modal.querySelector('[data-sr-submit]').textContent = label;
        modal.querySelector('#sr-reason').value = '';
    });
    modal.addEventListener('shown.bs.modal', function () {
        modal.querySelector('#sr-reason').focus();
    });
})();
</script>