@php
     
@endphp
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-sm-12 mb-4">
                <div class="d-flex flex-column flex-sm-row align-items-center"> 
                    <h3 class="mb-2 mb-sm-0 text-center flex-grow-1 d-inline-b">
                        Sevis Confirmation
                    </h3> 
                </div>    
            </div>   
            <div class="col-sm-12">
                <p>Your SEVIS Confirmation has not been issued yet. Once it is available, you will be able to download it from here.</p>
             
                <div class="d-flex justify-content-end align-items-center gap-2 mt-3">

                    <button type="button"
                        class="btn btn-success"
                        onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
                        Support <i class="mdi mdi-help-circle-outline step-help"></i>
                    </button>

                    <button type="button" class="btn btn-info">
                        Next Step
                    </button>

                </div> 
            </div>
            <div class="col-sm-12">
                <p>Your SEVIS Confirmation was issued. You may download it from here:</p>
                <p><button type="button" class="btn btn-info btn-xs-block">Download SEVIS Confirmation</button></p>
                <div class="d-flex justify-content-end align-items-center gap-2 mt-3">

                    <button type="button"
                        class="btn btn-success"
                        onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
                        Support <i class="mdi mdi-help-circle-outline step-help"></i>
                    </button>

                    <button type="button" class="btn btn-info">
                        Next Step
                    </button>

                </div> 
            </div> 
        </div>
    </div>
</div>