@php
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $step_status = @$step_verified_data['step_status'];
    $placement_data = @$step_verified_data['placement_data'];    
    $is_placement_confirmed = @$step_verified_data['is_placement_confirmed'];
    $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']; 
    $hc_timezone_label = @$step_verified_data['hc_timezone_label'];
    $dos_program_category_id = @$user->portfolio->dos_program_category_id;
    $zoom_url = config('common.zoom_url');
    
    if(config("common.portal") == "ODC"){
        $company_name = config("common.portal");
    }elseif(config("common.portal") == "ITN"){
        $company_name = config("common.portal");
    }else{
        $company_name = config("app.name");
    }
@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">
                    Eligible for Host Company Interview
                </h3>  
            </div>
        </div>
    
        <div class="col-sm-12"> 
            <p>Please communicate with your ITN Representative: <strong>Admin Name</strong> – <strong><a href="mailto:admin_email@yopmail.com">admin_email@yopmail.com</a></strong>.</p>
            <p>Your ITN Representative can provide you with all the available opportunities we currently have and assist you in selecting the J-1 Intern or Trainee Program of your dreams in the United States.</p>
            <p>After you select the opportunities, they will collaborate with the Host Organizations and submit your profile to them.</p>
            <p><a href="mailto:admin_email@yopmail.com" class="btn btn-info">Email US Experience Expert</a></p> 
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Host Company Interviewing</h3>
            <p>Your ITN Representative submitted your profile to the Host Organizations you selected.</p>
            <p>We are now waiting for the Host Organizations to review your profile.</p>
            <p>To begin preparing for the potential interview, please review the following:</p> 
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Download Guidelines</button>
                <button type="button" class="btn btn-info">Watch Video</button>
                <button type="button" class="btn btn-info">Attend The Webinar</button>
            </div>
            <p></p>
            <p>Thank you for your patience and understanding!</p>  
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Host Company Reviewing</h3>
            <p>Host Organization (name company) is currently reviewing your profile. If they select you for an interview, you will be notified here and via email.</p>
            <p>To begin preparing for the potential interview, please review the following:</p>            
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Download Guidelines</button>
                <button type="button" class="btn btn-info">Watch Video</button>
                <button type="button" class="btn btn-info">Attend The Webinar</button>
            </div>
            <p></p>
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Host Company Interviewing</h3>
            <p>It's an exciting moment, you have been invited for an interview on MS Teams with Y.</p> 
            <p>This is a critical step that will determine whether you secure the position with Y, a world-class brand that seeks prepared and passionate participants for their team.</p> 
            <p>Please find the tentative details below:</p>
            <ul>
                <li>Interview Date & Time:</li>
                <li>Time Zone:</li>
            </ul>
            <p>You may use <a href="www.timezoneconverter.com">www.timezoneconverter.com</a> to convert the time and double-check the details.</p> 
            <p>Once the interview invitation has been accepted by both you and Host Organization representative, you will receive another email with the meeting details (Meeting ID & Password). Please try to make yourself available, as rescheduling interviews might be difficult. The faster we get through these initial steps, the sooner you can start your program in the USA.</p> 
            <p>Since the interview will be conducted via MS Teams, please make sure you have installed MS Teams on your device in preparation for the call.</p> 
            <p>Please confirm that you will be able to attend the interview:</p>
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Confirm Interview</button> 
                <button type="button" class="btn btn-danger">Decline Interview</button>
            </div>
            <p></p>
            <p>To begin preparing for the potential interview, please review the following:</p>
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Download Guidelines</button>
                <button type="button" class="btn btn-info">Watch Video</button>
                <button type="button" class="btn btn-info">Attend The Webinar</button>
            </div>   
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Host Company Interviewing</h3>
            <p>Thank you for confirming your interview. We are now waiting for the Host Organization to confirm it on their end. This page will be updated as soon as it is confirmed, and you will be informed via email.</p> 
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Host Company Interviewing</h3>
            <p>Your interview is confirmed. Please see the details of your interview below:</p> 
            <p>Host Organization Name: <strong>aadarsh_dream</strong>
            <br/>Position Name: <strong>Cooking Executive Male elvish American</strong>
            <br/>Interview Date/Time: <strong>Tuesday Mar 31, 2026 at 08:45 PM</strong>
            <br/>Time Zone: <strong>INDIAN STANDARD TIME (IST) [Asia/Kolkata] UTC + 5:30</strong>
            <p>You can convert time here: <a target="_blank" href="http://www.timezoneconverter.com/cgi-bin/tzc.tzc?style=2" >www.timezoneconverter.com</a></p>
            <p>You will be interviewing with the following representative from the Host Organization:</p>
            <p>- Name: <strong>aadarsh dream</strong>
            <br/>- Title: <strong>HC main poc</strong></p>
            <p>Your interview will be conducted on Microsoft Teams. Please make sure you have installed Microsoft Teams on your device.</p> 
            <p>To begin preparing for the interview, please review the following:</p>
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Download Guidelines</button>
                <button type="button" class="btn btn-info">Watch Video</button>
                <button type="button" class="btn btn-info">Attend The Webinar</button>
            </div>  
            <p></p>
            <p>On Tuesday, March 31, 2026, join the interview by clicking the button here:</p>
            <p><a href="">Join Interview</a></p>
            <p>If possible, we can add here a button to join the interview directly from the page.</p> 
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Interview Confirmation</h3>
            <p>As you declined the interview invitation, we are currently coordinating your request with the Host Organization.</p>  
        </div>
        <div class="col-sm-12">
            <h3 class="mb-0 mx-auto d-inline-b">Eligibile for Host Company Interview</h3>
            <p>Unfortunately, <strong>aadarsh dream</strong> will not be moving forward with your application at this time.</p>
            <p>Your resume will be automatically sent to your next Host Company preference for review. If you have any questions please reach out to your US Experience Expert.</p>  
            <p>To begin preparing for the interview, please review the following:</p>
            <div class="d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-info">Download Guidelines</button>
                <button type="button" class="btn btn-info">Watch Video</button>
                <button type="button" class="btn btn-info">Attend The Webinar</button>
            </div> 
        </div> 
        <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>