@php
    $legal_data = @$step_verified_data['legal'];
    $brand_agency = @$step_verified_data['brand_agency'];
    $agency_logo_url = @$step_verified_data['agency_logo_url'];
    $agency_bg_color = @$step_verified_data['agency_bg_color'];
    $agency_logo_class = @$step_verified_data['agency_logo_class'];
    $is_medical_insurance = @$step_verified_data['is_medical_insurance'];
    $doc_dw_link = @$step_verified_data['doc_dw_link']; 
@endphp
 
<div class="app-status-panel-content">
    <div class="row"> 
        <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">
                    Form DS-2019 
                </h3>  
            </div>    
        </div>
        <div class="col-sm-12">
            <p>Our team is working to issue your Form DS-2019</p> 
            <p>Once the Form DS-2019 is issued, you will be able to proceed to the next step in the process. You will be informed here and via email.
</p>    
        </div>
        <div class="col-sm-12">
            <p>We are pleased to inform you that your Form DS-2019 Form has been officially issued through the Student &amp; Exchange Visitor Information System (SEVIS) of the U.S. Department of State by your program sponsor, Odyssey International Exchange. A copy of your Form DS-2019 has been sent directly to your email address.</p>

            <p>Your details are as follows:<br />
            &bull; <strong>Form DS-2019 / SEVIS Number: (Form DS 2019/ SEVIS # {ds_number})</strong><br />
            <strong>&bull; Program Number: {program_number} ({program_category_name})</strong></p>

            <div>
            <p>With the above details, you may now schedule your J-1 Visa Appointment at your local U.S Embassy or Consulate.<br />
            <strong>J-1 VISA APPLICATION INSTRUCTIONS</strong></p>
            <p><strong>1. Scheduling Your U.S. Embassy Interview</strong></p>

            <p style="margin-left:40px">You must schedule an <strong>in-person interview</strong> at the U.S. Embassy or Consulate in your country. Walk-ins are <strong>not</strong> accepted.</p>

            <p style="margin-left:40px">Please refer to your country&rsquo;s embassy website: <a href="https://www.usembassy.gov">https://www.usembassy.gov</a></p>

            <p style="margin-left:40px">Appointments may be made online or by phone, and you may be asked to provide:</p>

            <div style="margin-left:36.0pt; margin-right:0cm">
                <p style="margin-left:40px">&bull; Full name and address<br />
                &bull; Place of birth<br />
                &bull; Passport number and nationality<br />
                &bull; Email address<br />
                &bull; Form DS-2019 SEVIS Number<br />
                &bull; Program Number: {program_number} ({program_category_name})</p>
            </div>
            </div>
            <p><strong>2. Paying the visa interview fee</strong></p>

                <p style="margin-left:40px"><strong>Visa Fee: </strong>USD $185 (Non-refundable; Separate from ITN Program Fees).</p>

                <div style="margin-left:36.0pt; margin-right:0cm">
                <p style="margin-left:0cm">Payment instructions vary by country and may include credit card, debit card, bank payment, or wire transfer. Please check your embassy&rsquo;s website for the correct procedure.</p>
                </div>

            <p><strong>3. Documents to Bring To the Interview</strong></p>

                <p style="margin-left:40px">Please prepare the following:<br />
                &bull; Form DS-2019 Form - <a href="" class="btn btn-info">Download</a><br />
                &bull; Signed DS-7002 Form (Training Plan) - <a href="" class="btn btn-info">Download</a><br />
                &bull; SEVIS Fee Receipt  - <a href="" class="btn btn-info">Download</a><br />
                &bull; School Certificate / Diploma / Transcript (if applicable) - <a href="" class="btn btn-info">Download</a><br />
                &bull; Work Certificates (if applicable) - <a href="" class="btn btn-info">Download</a><br />
                &bull; Completed Form DS-160 Visa Application Form - <a href="" class="btn btn-info">Download</a></p>
                
                <p style="margin-left:40px"><strong>Note:</strong> In most countries, the Form DS-160 Form must be completed before you can schedule your interview.<br />
                &nbsp;</p>

                <p><strong>IMPORTANT NOTE:&nbsp;</strong>Participants are required to set all social media accounts to <strong>public visibility</strong> before their visa interview and keep them public throughout the visa interview process, until the visa decision is issued.<br />
                <br />
                <strong>IMPORTANT NEXT STEPS</strong></p>

                <p>Once your J-1 Visa Appointment is confirmed, you must update us here on the portal.<br />
                You should have also received an automated email with a link to submit your J-1 Visa schedule details.</p>

                <p><strong>IMPORTANT REMINDERS</strong></p>

                <p><strong>&bull; ITN does not guarantee J-1 Visa Approval or issuance.</strong><br />
                <strong>&bull; Do not book or finalize travel arrangements to the U.S. until your J-1 Visa is approved.</strong></p>

                <p>If you have any questions or need further assistance, please feel free to reach out to: <a href="mailto:ITNPredeparture@itnusa.com" class="btn btn-info"><strong>ITNPredeparture@itnusa.com</strong></a></p>
                <div class="d-flex justify-content-end align-items-center gap-2 mt-3">
                    @if(@$is_medical_insurance == 1)
                        <button type="button" class="btn btn-success " onclick="navigateStages(4,'4_medical_insurance')">Medical Insurance</button>
                    @endif
                    <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>