@php
    $mi_details = @$step_verified_data['mi_details'];
    $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']; 
    $mi_data = $mi_details[0];
    $insurance_guides = $mi_data['insurance_guides']; 
@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">
                    Medical Insurance
                </h3>  
            </div>  
        </div>
        <div class="col-sm-12">
            <p>Your Medical Insurance details will be available here once they are ready. You will also receive an email notification when the details are available.</p>
        </div>
        <div class="col-sm-12">
            <p>Please see the details of your Medical Insurance below:</p>
            <dl>
                <dt>Full Name</dt>
                <dd>{{ $mi_data['first_name'].' '.$mi_data['last_name'] }}</dd>
            </dl>
           <dl>
                <dt>Email</dt>
                <dd>{{ $mi_data['email_address'] }}</dd>
            </dl>
            <dl>
                <dt>Policy Number</dt>
                <dd>{{ $mi_data['policy'] }}</dd>
            </dl>
            <dl>
                <dt>Insurance Period</dt>
                <dd><strong>From:</strong> {{ dateformat($mi_data['converted_start_date']->dest_datetime,'M d, Y') }} <strong>To:</strong> {{ dateformat($mi_data['converted_end_date']->dest_datetime,'M d, Y') }}</dd>
            </dl>
            <dl>
                <dt>Insurance Status</dt>
                <dd>{{ $mi_data['status'] }}</dd>
            </dl>
            <p>You may download the official documents related to your Medical Insurance below: </p>
            <p><button type="button" class="btn btn-info btn-xs-block">Intern & Trainee Insurance Brochure</button></p>
            <p><button type="button" class="btn btn-info btn-xs-block">Insurance Brochure</button></p>
            <p><button type="button" class="btn btn-info btn-xs-block">Insurance ID Card</button></p>
            <p><button type="button" class="btn btn-info btn-xs-block">Insurance Visa Letter</button></p>
            <p><button type="button" class="btn btn-info btn-xs-block">Teladoc Overview</button></p>
        </div>
        <div class="">
            <p>Your medical insurance for your upcoming J-1 exchange program has been confirmed. Your insurance will be provided by Envisage Global Insurance <a href="(www.envisageglobalinsurance.com)" target="_blank">(www.envisageglobalinsurance.com)</a>. Please note that Odyssey International Exchange is not your insurance provider.</p> 
            <p>Attached to this message you will find:</p>
            <p>1)- Your insurance identification card with important plan numbers and information. Please save and print a copy to have with you at all times.<br/>2)- Insurance Overview with useful information about how and when to use your insurance.<br/>3)- Insurance Visa Letter.<br/>4)- Teladoc Overview.</p>  

            <p><strong>Your insurance will begin on the start date of your program and end on the end date of your program as listed on your DS-2019, unless you enrolled in additional insurance at the time of your application.</strong> If you wish to enroll in additional insurance before your arrival or after your program ends (during your 30-day grace period), you will receive enrollment options from Odyssey via email.</p>

            <p>Please watch the which provides an overview of the healthcare system in the USA.</p>
            <p><button class="btn btn-info">Watch Video</button></p>

            <p>Please remember that the insurance provided to you is intended to only be used in situations that involve your immediate health and well-being. It is not intended to cover routine check-ups and does not cover pre-existing conditions. It also does not cover any dental (teeth) work except to address injury resulting from an accident.</p>

            <p>Please be sure to review the Insurance Overview and Insurance section of the Odyssey Participant Handbook for complete information about how and when to use your insurance. Although you have medical insurance for the duration of your program, health care in the United States can be extremely expensive if not used properly. Whenever possible, always contact Envisage at the numbers provided in the attached documents before attempting to use your insurance.</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>