@php
    $sscCheckUrl = route('plan.ssc-check', ['id' => $plan->id]);
@endphp

<button type="button"
        class="btn btn-outline-primary btn-sm mr-1 mb-1 plan-ssc-check-btn"
        data-plan-id="{{ $plan->id }}"
        data-ssc-url="{{ $sscCheckUrl }}"
        data-toggle="modal"
        data-target="#planSscCheckModal-{{ $plan->id }}">
    <i class="fas fa-clipboard-check mr-1"></i>{{ __('SSC Check') }}
</button>

<div class="modal fade plan-ssc-check-modal" id="planSscCheckModal-{{ $plan->id }}" tabindex="-1" role="dialog"
     aria-labelledby="planSscCheckModalLabel-{{ $plan->id }}" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="planSscCheckModalLabel-{{ $plan->id }}">
                    <i class="fas fa-clipboard-check mr-1 text-primary"></i>{{ __('SSC Compliance Check') }}
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body plan-ssc-check-body" data-plan-id="{{ $plan->id }}" data-ssc-url="{{ $sscCheckUrl }}">
                <div class="plan-ssc-check-loading text-center py-5 text-muted">
                    <i class="fas fa-spinner fa-spin fa-2x mb-2"></i>
                    <p class="mb-0 small">{{ __('Evaluating scheme selection criteria…') }}</p>
                </div>
                <div class="plan-ssc-check-content d-none"></div>
                <div class="plan-ssc-check-error alert alert-danger d-none mb-0"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Close') }}</button>
            </div>
        </div>
    </div>
</div>