@php
    $step_status = @$step_verified_data['step_status'];
    $visa_denied_count = @$step_verified_data['visa_denied_count'];
    $consecutive_visa_denied_flag = @$step_verified_data['consecutive_visa_denied_flag'];
    $embassy_data = @$step_verified_data['embassy_data']; 
    $allow_visa_process = @$step_verified_data['allow_visa_process']; 
    $show_message = @$step_verified_data['show_message']; 
    $embassy_timezone = @$embassy_data->embassy_timezone;
    $embassy_date = @$embassy_data->embassy_interview; 
    $converted_data = @$step_verified_data['converted_data'];
    $embassy_timezone_converted = @$converted_data->dest_timezone_id;
    $embassy_date_converted = @$converted_data->dest_datetime;
    $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'];
    
@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">
                    U.S. Visa Outcome
                </h3>  
            </div>  
        </div>
        <div class="col-sm-12">
            <p>Congratulations, and thank you for notifying us of your J-1 Visa Approval!</p>
            <p>Please refer to <strong>{host_company}'s Arrival Package</strong>. The Arrival Package contains essential information regarding your host company, benefits, arrival airport, transportation options, and instructions on how to reach your Host Company.</p>
            <p><a href='{ms_booking_url}' target='_blank' class="btn btn-info">Arrival Package</a></p>
            <div style="border: 2px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(180deg, #156eb5, #021b48) border-box; padding: 0 0.5em; border-radius: 10px;">
                <p><br /><strong>Important Reminders For Participants From <u>The Philippines</u></strong></p>
                <p>
                    <ul>
                        <li><strong>LIVE Online Pre-Departure Orientation (CHED Requirement)</strong><br />If you are required by your local agency to attend a live online Pre-Departure Orientation, you may schedule it using this link: 
                    <strong>
                        <span style='margin-bottom:20px;'>
                            <a href='{ms_booking_url}' target='_blank'>
                                Click Here
                            </a>
                        </span>
                    </strong></li>
                        <li>
                            <strong>Mandatory Online Pre-Departure Seminar (CFO Sticker Requirement)</strong>
                            <br />All Filipino citizen participants <strong>must complete the online Pre-Departure Orientation Seminar (PDOS)</strong> and obtain a <strong>CFO sticker</strong> before departing the Philippines.
                            <br />The step-by-step instructions are available here:<br /><a href="https://evpcommittee.ph/programs-and-services/j-1-registration-pre-departure-orientation-seminar-pdos" class="btn btn-info" target="_blank">https://evpcommittee.ph/programs-and-services/j-1-registration-pre-departure-orientation-seminar-pdos</a></li> 
                    </ul> 
                </p>  
                <p> 
                    You may download the required documents using the links below:
                    <ul>
                        <li><strong><a href="" class="btn btn-info">Affidavit of Undertaking &ndash; Sponsor (Odyssey International Exchange)</a></strong> </li><br/>
                        <li><strong><a href="" class="btn btn-info">Affidavit of Undertaking &ndash; Local Agency (ITN)</strong></a></li><br/>
                        <li><strong><a href="" class="btn btn-info">Affidavit of Undertaking &ndash; J-1 Participant</strong></a></li><br/>
                        <li><strong><a href="" class="btn btn-info">Signed Health Insurance Document from Insurance Provider</strong></a></li>
                    </ul> 
                </p>
                <p><strong>For participants with prior J-1 Programs:</strong><br />Please present a copy of your <strong>previous CFO sticker</strong> during the process.</p> 
            </div>
            <br />
            <br />
            <p>
                <strong>Flight Information</strong><br/>
                Once your flight is booked, please update your flight details here:<br/>
                <strong>
                    <span style='margin-bottom:20px'>
                        <a href='{ms_booking_url}' target='_blank' class="btn btn-info">
                            Click Here
                        </a>
                    </span>
                </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">ITNPredeparture@itnusa.com</a></p>
        </div>
        <div class="col-sm-12">
            <p>You recently updated the outcome of your J-1 Visa Interview at the U.S. Embassy as either having received a notice that your application is "Under Administrative Processing" or that you received "Form 221(g)".</p>
            <p>If you have received a notification from the U.S. Embassy or Consulate regarding your application status, whether approved or denied, please click on the button below to update your status.</p>
            <a href="" class="btn btn-info">Update Status </a>
        </div> 
        <div class="col-sm-12">
            <p>You recently updated the outcome of your J-1 Visa Interview at the U.S. Embassy as either having received a notice that your application is "Under Administrative Processing" or that you received "Form 221(g)".</p>
            <p>If you have received a notification from the U.S. Embassy or Consulate regarding your application status, whether approved or denied, please click on the button below to update your status.</p>
            <p><a href="" class="btn btn-info">Update Status </a></p>
            <p>Please make sure to:</p>
            <ul>
                <li>Contact your in-country agency regarding your status</li>
                <li>Inform <a href="info@campodcinternational.com">info@campodcinternational.com</a> regarding your current status</li>
                <li>Please click <a href="info@campodcinternational.com">HERE</a> to update Odyssey <strong><u>if you receive any news from the embassy that your status has changed from "Under Administrative Processing" to either approved or denied.</u></strong></li>
            </ul>
        </div> 
        <div class="col-sm-12">
            <p>
                We are sorry to hear that your application for your J-1 Visa was denied. You have several options moving forward: 
                <ol>
                    <li>You may make another J-1 Visa appointment and interview for your J-1 Visa again. Odyssey recommends most applicants attempt to interview for their J-1 Visa at least two times.</li>
                    <li>There are always ways to improve your interview and you will often speak with a different consular officer who may be more inclined to grant your visa.</li>
                    <li>If you have been denied your J-1 Visa for second time, or you do not wish to interview again, you may cancel your J-1 program with Odyssey.</li>
                </ol> 
            </p> 
            <p>Please access your Odyssey participant portal to update your choice on how you would like to proceed.</p> 
            <p><a href='{$url}' target='_blank' class="btn btn-info">Click Here to reach participant portal</a></p>  
            <p>Click on the button below if <strong>you have changed your mind and want to go back to choose a different visa outcome.</strong></p>
            <p><a href='{$edit_url}' target='_blank' class="btn btn-info">Click Here</a></p>  
        </div>
        
        <div class="col-sm-12">
            <p>You previously updated your status in the Odyssey database as either "221g Letter Received" or "Under Administrative Processing".</p> 
            <p>Please click <a href="">HERE</a> to update Odyssey with any news on your J-1 Visa application.</p>
            <p>Note: This message will fire every 2 days until you have updated your status to either Visa Approved or Visa Denied. If there has been no updates to your application, please follow the link above and choose "No Update".</p>
        </div> 
        
        <div class="col-sm-12">
            <p>We have received notification that your J-1 Visa Application has been placed under <strong>Administrative Processing</strong> or that you have received a <strong>221(g) Letter (Green Form)</strong> from the U.S. Embassy or Consulate.</p> 
            <p>Please upload your 221(g)/ Green/ Blue Form to this link: <a href="">Click HERE</a></p>
            <p>If you did not receive any document from the U.S. Embassy and they just informed you what you need to do, please <a href="">Click HERE</a> to inform our team what was requested.</p>
            <p>If you have any questions or need further assistance, please feel free to reach out to: <a href="mailto:ITNPredeparture@itnusa.com">ITNPredeparture@itnusa.com</a></p>
        </div>
        
        <div class="col-sm-12">
            <p>Our records show that your appointment at the U.S. Embassy or Consulate has been previously cancelled.</p> 
            <p>Please take a moment to update your J-1 Visa status and give us an update on your attempts to reschedule your U.S. Embassy or Consulate Appointment. Click on the button below to update your status:<br/> <a href="" class="btn btn-info">Update Status </a></p>  
        </div>
        <div class="col-sm-12">
            <div id="visa_status_form">
                <form name="frm_visa_status" id="frm_visa_status">
                    <p>Let us know the outcome after your J-1 Visa Appointment at the U.S. Embassy or Consulate:</p>
                     @if(in_array($user->j1_status_id,[3010,3011]))
                        <h4>Update Status <strong>if you receive any news from the embassy that your status has changed from "Under Administrative Processing/ 221(g) Letter received (Green Form) " to either approved or denied</strong></h4>
                    @endif 
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group text-center mtop15">
                            <button type="button" name="visa_status" id="visa_approved" class="btn btn-success" value="visa_approved" onclick="frmsubmit(this.value)">J-1 Visa Approved</button>
                            <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger" value="visa_denied" onclick="frmsubmit(this.value)">J-1 Visa Denied</button>
                            @if( !in_array($user->j1_status_id,[3010,3011]))
                                <button type="button" name="visa_status" id="green_form" class="btn btn-info" value="green_form" onclick="frmsubmit(this.value)">221(g) Letter received (Green Form)</button> 
                            @endif
                            <br/><br/> 
                            <button type="button" name="visa_status" id="admin_process" class="btn btn-info" value="admin_process" onclick="frmsubmit(this.value)">Under Administrative Processing</button>
                            <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J-1 Visa Appointment</button>
                            <button type="button" name="visa_status" id="visa_denied" class="btn btn-info" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </form><br/>
            </div>
            
            <div id="visa_status_form">
                <form name="frm_visa_status" id="frm_visa_status">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <p>We are sorry to hear that your application for your {{ __('application_term.exchange_visitor') }} Visa was denied. You have several options like below.</p>
                        <div class="form-group text-center mtop15">
                            <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J1 Visa Appointment</button>
                            <button type="button" name="visa_status" id="quit_program" class="btn btn-danger" value="quit_program" onclick="frmsubmit(this.value)">Quit Program</button>
                        </div>
                    </div><br/>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <p>In case of you change your mind or you may denied visa by mistake then below is the option to get back to visa approve.</p>
                        <div class="form-group text-center mtop15">
                            <button type="button" name="visa_status" id="visa_denied_undo" class="btn btn-info" value="visa_denied_undo" onclick="frmsubmit(this.value)">Undo Visa Denied</button>
                        </div>
                    </div>
                </form>
            </div><br/>
        </div>
        
        <div class="col-sm-12">
            <p>The date of your appointment at the US Embassy to interview for your J-1 Visa has recently passed. After the interview, you should have been informed by the consular officer whether your J-1 Visa has been approved or denied.</p>

            <p>Please take a moment to update your J-1 Visa status. This will allow Odyssey and your Host Organization to track your progress and plan for your arrival in the United States.</p>

            <p>Please click on the button below to update your status: <br/><a href="" class="btn btn-info">Update Status </a></p>
           
            <p>Even if you have not received your actual passport with the J-1 Visa, as long as the consular officer confirmed that your J-1 Visa has been approved then you can update your Embassy outcome as “Visa Approved”. It often takes several days for the Embassy to return the passport with the J-1 Visa.</p> 
        </div> 
        
        <div class="col-sm-12">
            <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>