@php
/**
 * Reject dialog for a sponsored placement, opened from the campaigns list.
 *
 * The same shape as the restaurant suspend/reject dialog: the reason typed here is
 * stored on the campaign (admin_note), shown to the vendor under the status pill,
 * and recorded with the moderation event — so the raw inline "Reason" input the
 * row used to carry moves into the one styled dialog the product uses for
 * decisions that deserve a justification. Populated from the triggering button's
 * data-id; one instance serves every row.
 */
@endphp
<div class="modal fade" id="campaignReasonModal" tabindex="-1" aria-labelledby="campaignReasonModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="post" action="{{ route('admin.campaigns.status') }}">
                @csrf
                <input type="hidden" name="id" value="" data-cr-id>
                <input type="hidden" name="status" value="rejected">
                <div class="modal-header">
                    <h2 class="modal-title h5" id="campaignReasonModalLabel">{{ t_raw('admin.campaigns.reject') }}</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label" for="cr-note">{{ t_raw('admin.restaurants.f_reason') }}</label>
                    <textarea class="form-control" id="cr-note" name="admin_note" rows="3" maxlength="300"
                        placeholder="{{ t_raw('admin.campaigns.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">{{ t_raw('admin.campaigns.reject') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
(function () {
    var modal = document.getElementById('campaignReasonModal');
    if (!modal) { return; }
    modal.addEventListener('show.bs.modal', function (ev) {
        var btn = ev.relatedTarget;
        if (!btn) { return; }
        modal.querySelector('[data-cr-id]').value = btn.getAttribute('data-id') || '';
        modal.querySelector('#cr-note').value = '';
    });
    modal.addEventListener('shown.bs.modal', function () {
        modal.querySelector('#cr-note').focus();
    });
})();
</script>