@if($action == "j1_returnee_agreement_pdf_content")
    <p> This AGREEMENT, dated as of the execution date below, is made by and between <strong><u> {{ $user->first_name }} {{ $user->last_name }}</u> ("Participant")</strong> and <strong>Odyssey International Exchange ("Odyssey" or "Sponsor")</strong>. This Agreement establishes the terms and conditions of the relationship specifically regarding overstays, defined as the Participant remaining in the United States ("U.S.") beyond the authorized duration of status or after termination of their J-1 BridgeUSA Visa Program. </p> 
    <p> The Parties hereby understand, acknowledge, and agree that the terms and conditions below are legally binding and shall be adhered to in the event that the Participant chooses to remain in the United States beyond their authorized duration of status. Such action constitutes a violation of the Participant's Sponsor Agreement and applicable federal regulations. </p> 
    <ol> <li> <p> As a participant in the J-1 BridgeUSA Exchange Visitor Program, it is explicitly understood that all program participants are required to depart the United States within the designated timeframe of their authorized program. Failure to do so constitutes a violation of program regulations and U.S. immigration laws. The U.S. Government and Odyssey, as your designated sponsor, view any overstay violation as an extremely serious offense with significant consequences. </p> </li> <li> <p> Any participant who does not depart the U.S. by their assigned mandatory departure date, thereby illegally overstaying their approved duration of status, will have their program status immediately terminated in the Student and Exchange Visitor Information System (SEVIS). Such termination will be reported to the U.S. Department of Homeland Security (DHS), potentially resulting in removal (deportation) proceedings. </p> <p> All personal information relating to the participant, including their last known address, Social Security Number, emergency contacts, and contact information, may be reported to DHS. Additionally, participants who overstay their visa, along with family members, may be subject to long-term denial of re-entry and future U.S. visa ineligibility. </p> </li> <li> <p> A change of visa status is considered an overstay for the Participant. This includes, but is not limited to, any change of status to an F-1, B-2, E-2, M-1, H-1B, H-2B visa, or any other U.S. non-immigrant or immigrant visa without first departing the U.S. </p> <p> Participants should not apply for a change of status while in the U.S. If Odyssey is contacted by an attorney requesting a non-objection letter, Odyssey will deny the request and may report the matter to the Department of State (DOS). If Odyssey becomes aware of any attempted change of status, it may immediately report the matter to DOS and object to the request. </p> <p> Participants intending to apply for future U.S. visas must first depart the U.S. and return to their home country to apply in person. </p> </li> <li> <p> In addition to the obligations and undertakings stated in the Program Terms and Conditions, the Participant is legally bound to ensure and guarantee the following: </p> <ul> <li> The Participant shall depart the U.S. within thirty (30) days of the Program end date. </li> <li> If the Program is terminated by the Host, Sponsor Organization, or if the Participant quits the Program, the Participant must depart the U.S. within ten (10) days of the Program ending. </li> <li> Odyssey will verify the Participant's departure from the U.S. through the Participant's I-94 departure record. Any Participant lacking an I-94 departure record by the end of their approved duration of status shall be deemed an overstay. </li> <li> The Participant shall not directly or indirectly attempt to change their visa status or category while in the U.S. or during the Program, even if permitted by U.S. law. Any attempt to change visa status or category must only be made after returning home following completion of the Program. </li> <li> Any visa status change through marriage to a U.S. citizen is not exempt from the provisions of this Agreement, and the Participant shall fully comply with all terms herein. </li> </ul> </li> <li> 
            <p> As part of the Embassy interview, the Participant may be required to demonstrate substantial ties and intent to return to their home country. Please list any factors that demonstrate a strong connection to your home country, such as residential address, property, family dependents, ongoing education, a job to return to, bank
accounts or other relevant information. </p>  {{ $return_intent_factors }} </li> <li> <p> In the event of a violation of this Agreement, Odyssey is legally obligated to report to the appropriate authorities any information regarding the Participant's whereabouts, contact details, and other relevant information. Any privacy rights applicable under relevant laws are deemed waived for the purpose of enforcing this Agreement. </p> </li> <li> <p> In addition to the remedies listed above, Odyssey reserves the right to take further action or seek legal remedies for any breach or violation of the Program Agreement or this Agreement. Such remedies may include claims for business losses, reputational damages, expenses incurred in managing the matter, and legal fees. </p> </li> <li> <p> In the event of any dispute or litigation arising from a violation or breach of this Agreement, the governing law and jurisdiction shall be that of the United States. </p> </li> </ol> 
    <p> <strong>IN WITNESS WHEREOF</strong>, the undersigned Party has the authority to execute this Agreement on behalf of the indicated Party. </p> 
    <p> I declare under penalty of perjury that the foregoing statements are true and correct. </p>
@elseif($action == "j1_returnee_pdf_template")
    <div>
        <span>{!! $html_content !!}</span>
    </div>

    <div class="row col-md-12" style="padding:10px;">
        <div class="col-md-6" style="float:left">
            <strong>Signature Date</strong>
            <div>{{ dateformat(now(),DISPLAY_DATE) }}</div>
        </div>
        <div class="col-md-6" style="float:right">
            <strong>Signature</strong>
            <div><img style="max-width:150px;" src="{{ $signature_url }}" /></div>
        </div>
    </div>
@else
    @php
    $is_itn_user = @$step_verified_data['is_itn_user'];
    $download_link = @$step_verified_data['download_template_link'];
    $agreement_content = str_replace("{APP_NAME}", config('app.name'), config('common.agreement_content'));
    $dos_program_category_id = @$user->portfolio->dos_program_category_id; 
    $itn_reg_admin_category = @$user->portfolio->itn_reg_admin_category;
    $countdown_date =@$step_verified_data['countdown_date'];
    $doc_dw_link = @$step_verified_data['document_download_link'];
    $returnee_doc_dw_link = @$step_verified_data['return_document_download_link'];
    $itn_agreement_template = @$step_verified_data['itn_agreement_template'];
    $CURRENCY = config('common.currency_code');
    $CURRENCY_EURO = config('common.currency_code_euro');
    $CURRENCY_SYMBOL = config('common.currency_symbol');
    $CURRENCY_SYMBOL_EURO = config('common.currency_symbol_euro');
    $j1Interview = $user->interview;
    $userGeneral = $user->userGeneral(); 
    $registration_fee = @$step_verified_data['itndata']['registration_fee']['fee_amount'];  
    $currency_type = $currency_type_symbol = $cancellation_fee = ""; 
    $fee_structure = @$step_verified_data['itndata']['fee_structure_detail'];  
    if(!empty($step_verified_data['itndata']['registration_fee']['fee_amount'])){
        $registration_fee = @$step_verified_data['itndata']['registration_fee']['fee_amount']." ".$CURRENCY;
    }else{
        $registration_fee = 'POSTPONE';
    } 
    $disable_checkbox_image_url = config("app.url")."assets/images/disable_checkbox.png"; 
    $reg_fee_program = "<img src='{$disable_checkbox_image_url}' />"; 

    $table_structure = "<figure class='table'><table><tbody><tr><td><br></td><td colspan='2'><p style='text-align:center;'><span class='text-small'><strong>Description</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Amount</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Select Program</strong></span></p></td></tr><tr><td><p style='text-align:center;'><span class='text-small'><strong>Registration Fee</strong></span></p></td><td colspan='2'><span class='text-small'>It is non-refundable and non-applicable to the Program Fee. It covers the Service Provider's administrative costs to start the research for a Host Company on behalf of the Candidate.</span></td><td><p style='text-align:center;'><span class='text-small'>".$registration_fee."</span></p></td><td><p style='text-align:center;'><div class='custom-agreement-success-icon'><i class='fa fa-check-square custom-agreement-check-square'></i></div></p></td></tr>";

    if(!empty($fee_structure)){ 
       /*$fee_type = $fee_structure['field_name'];*/
        $fee_type = $fee_structure['program_category_name'];
        if($fee_structure['currency_type'] == 2){
            $currency_type = $CURRENCY_EURO;
            $currency_type_symbol = $CURRENCY_SYMBOL_EURO;
        }
        elseif($fee_structure['currency_type'] == 1){
            $currency_type = $CURRENCY;
            $currency_type_symbol = $CURRENCY_SYMBOL;
        }
        $cancellation_fee = $fee_structure['cancellation_fee']." ".$currency_type; 
        if($fee_structure['program_duration'] == 1){ 
        $table_structure .= "<tr><td><p style='text-align:center;'><span style='color:hsl(210,75%,60%);font-size: 12px;'><strong>".$fee_type."</strong></span><br/><span class='text-small'><strong>Less than 5 months Program Fee</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Full Payment Option</strong></span></p></td><td><span class='text-small'>It covers the services described in Article 1.1 and the medical insurance and DS Forms for the duration of the program.</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['full_payment_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td class='custom-checkbox-cell'><p style='text-align:center;'><label class='custom-option'><input type='checkbox' name='select_program' value='5' onclick='allowOnlyOneCheckbox(this)' checked='checked' /><span class='circle-wrap'><span class='square-check'></span></span></label></p></td></tr>";
        }
        if($fee_structure['program_duration'] == 2){  
            if($fee_structure['payment_plan'] == 1){
                $full_select_box = "<input type='checkbox' name='select_program' value='8' onclick='allowOnlyOneCheckbox(this)' checked='checked'/><span class='circle-wrap'><span class='square-check'></span></span>";
                $install_select_box = "<input type='checkbox' name='select_program' value='5.1' onclick='allowOnlyOneCheckbox(this)' /><span class='circle-wrap'><span class='square-check'></span></span>";
            }
            else{
                $full_select_box = "<input type='checkbox' name='select_program' value='8' onclick='allowOnlyOneCheckbox(this)' /><span class='circle-wrap'><span class='square-check'></span></span>";
                $install_select_box = "<input type='checkbox' name='select_program' value='5.1' onclick='allowOnlyOneCheckbox(this)' checked='checked'/><span class='circle-wrap'><span class='square-check'></span></span>";
            }

            $table_structure .= "<tr><td rowspan='3'><p style='text-align:center;'><span style='color:hsl(210,75%,60%);font-size: 12px;'><strong>".$fee_type."</strong></span><br/><span class='text-small'><strong>5.1 - 8 months Program Fee</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Full Payment Option</strong></span></p></td><td><span class=''>It covers the services described in Article 1.1 and the medical insurance and DS Forms for the duration of the program.</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['full_payment_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td class='custom-checkbox-cell'><p style='text-align:center;' ><label class='custom-option'>".$full_select_box."<span class='circle-wrap'><span class='square-check'></span></span></label></p></td></tr><tr><td rowspan='2'><p style='text-align:center;'><span class='text-small'><strong>Installment Payment Option</strong></span></p></td><td><span class='text-small'>The Candidate will pay the initial deposit for the program before arrival It covers the services described in Article 1.1</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['initial_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td rowspan='2'><p style='text-align:center;'>".$install_select_box."<span class='circle-wrap'><span class='square-check'></span></span></p></td></tr><tr><td><p><span class='text-small'>The Candidate will remit payment every two weeks upon arrival for the duration of the program stated on his/her DS 2019. The Candidate will have to set up an automated payment through his/her American debit/credit card upon arrival in the United States.</span></p><p><span class='text-small'>The Candidate must understand and agree that if he/she stops payment, he/she will be terminated from the J1 Program and will have to return to his/her home country immediately. You will need to clear off your reaming balance in any occasion including withdrawing from the internship program or leaving early.</span></p></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['bi_weekly_amount']+$fee_structure['markup_fee']." ".$currency_type." every two weeks</span></p></td></tr>";
        }

        if($fee_structure['program_duration'] == 3){ 
            if($fee_structure['payment_plan'] == 1){
                $full_select_box = "<input type='checkbox' name='select_program' value='12' onclick='allowOnlyOneCheckbox(this)' checked='checked'/>";
                $install_select_box = "<input type='checkbox' name='select_program' value='8.1' onclick='allowOnlyOneCheckbox(this)' />";
            }
            else{
                $full_select_box = "<input type='checkbox' name='select_program' value='12' onclick='allowOnlyOneCheckbox(this)' />";
                $install_select_box = "<input type='checkbox' name='select_program' value='8.1' onclick='allowOnlyOneCheckbox(this)' checked='checked'/>";
            }  

            $table_structure .= "<tr><td rowspan='3'><p style='text-align:center;'><span style='color:hsl(210,75%,60%);font-size: 12px;'><strong>".$fee_type."</strong></span><br/><span class='text-small'><strong>8.1 - 12 months Program Fee</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Full Payment Option</strong></span></p></td><td><span class='text-small'>It covers the services described in Article 1.1 and the medical insurance and DS Forms for the duration of the program.</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['full_payment_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td class='custom-checkbox-cell'><label class='custom-option'><p style='text-align:center;'><br>".$full_select_box."<span class='circle-wrap'><span class='square-check'></span></span></p></label></td></tr><tr><td rowspan='2'><p style='text-align:center;'><span class='text-small'><strong>Installment Payment Option</strong></span></p></td><td><span class='text-small'>The Candidate will pay the initial deposit for the program before arrival It covers the services described in Article 1.1</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['initial_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td rowspan='2' class='custom-checkbox-cell'><label class='custom-option'><p style='text-align:center;'><br>".$install_select_box."<span class='circle-wrap'><span class='square-check'></span></span></p></label></td></tr><tr><td><p><span class='text-small'>The Candidate will remit payment every two weeks upon arrival for the duration of the program stated on his/her DS 2019. The Candidate will have to set up an automated payment through his/her American debit/credit card upon arrival in the United States.</span></p><p><span class='text-small'>The Candidate must understand and agree that if he/she stops payment, he/she will be terminated from the J1 Program and will have to return to his/her home country immediately. You will need to clear off your reaming balance in any occasion including withdrawing from the internship program or leaving early.</span></p></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['bi_weekly_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p><p style='text-align:center;'><span class='text-small'>Due on three months</span></p><p style='text-align:center;'><span class='text-small'>after arrival to the US</span></p></td></tr>";

        }
        if($fee_structure['program_duration'] == 4){ 
            if($fee_structure['payment_plan'] == 1){
                $full_select_box = "<input type='checkbox' name='select_program' value='6' onclick='allowOnlyOneCheckbox(this)' checked='checked'/>";
                $install_select_box = "<input type='checkbox' name='select_program' value='6.1' onclick='allowOnlyOneCheckbox(this)' />";
            }
            else{
                $full_select_box = "<input type='checkbox' name='select_program' value='6' onclick='allowOnlyOneCheckbox(this)' />";
                $install_select_box = "<input type='checkbox' name='select_program' value='6.1' onclick='allowOnlyOneCheckbox(this)' checked='checked'/>";
            } 

            $table_structure .= "<tr><td rowspan='3'><p style='text-align:center;'><span style='color:hsl(210,75%,60%);font-size: 12px;'><strong>".$fee_type."</strong></span><br/><span class='text-small'><strong>12.1 - 18 months Program Fee</strong></span></p></td><td><p style='text-align:center;'><span class='text-small'><strong>Full Payment Option</strong></span></p></td><td><span class='text-small'>It covers the services described in Article 1.1 and the medical insurance and DS Forms for the duration of the program.</span></td><td class='custom-checkbox-cell'><p style='text-align:center;'><span class='text-small'>".$fee_structure['full_payment_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td><label class='custom-option'><p style='text-align:center;'><br>".$full_select_box."<span class='circle-wrap'><span class='square-check'></span></span></p></label></td></tr><tr><td rowspan='2'><p style='text-align:center;'><span class='text-small'><strong>Installment Payment Option</strong></span></p></td><td><span class='text-small'>The Candidate will pay the first installment for the program before arrival It covers the services described in Article 1.1</span></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['initial_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p></td><td rowspan='2' class='custom-checkbox-cell'><label class='custom-option'><p style='text-align:center;'><br>".$install_select_box."<span class='circle-wrap'><span class='square-check'></span></span></p></label></td></tr><tr><td><p><span class='text-small'>The Candidate will remit payment every two weeks upon arrival for the duration of the program stated on his/her DS 2019. The Candidate will have to set up an automated payment through his/her American debit/credit card upon arrival in the United States.</span></p><p><span class='text-small'>The Candidate must understand and agree that if he/she stops payment, he/she will be terminated from the J1 Program and will have to return to his/her home country immediately. You will need to clear off your reaming balance in any occasion including withdrawing from the internship program or leaving early.</span></p></td><td><p style='text-align:center;'><span class='text-small'>".$fee_structure['bi_weekly_amount']+$fee_structure['markup_fee']." ".$currency_type."</span></p><p style='text-align:center;'><span class='text-small'>Due on three months</span></p><p style='text-align:center;'><span class='text-small'>after arrival to the US</span></p></td></tr>"; 
        } 
    }
    $table_structure .= "</tbody></table></figure>"; 
    if($itn_agreement_template == 1)
    {
        $itndata = @$step_verified_data['itndata'];
        $itn_agreement_content = '';
        if($dos_program_category_id == 3)
        { 
            $itn_agreement_content = config('common.camp_itn_agreement_content');
            $itn_agreement_content = str_replace("{DAY}",  date('jS') , $itn_agreement_content);
            $itn_agreement_content = str_replace("{MONTH}",  date('F'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{YEAR}",  date('Y'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY}",  $CURRENCY, $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY_SYMBOL}",  $CURRENCY_SYMBOL, $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY_SYMBOL_NAME}",  config('common.currency_symbol_name'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{REG_FEE}",   @$registration_fee, $itn_agreement_content);
            $itn_agreement_content = str_replace("{PROG_FEE}",  @$itndata['program_fee']['fee_amount'], $itn_agreement_content);
            $itn_agreement_content = str_replace("{SEVIS_FEE}", @$itndata['sevis_fee']['fee_amount'], $itn_agreement_content);
            $itn_agreement_content = str_replace("{EV_NAME}", $user->first_name." ".$user->last_name, $itn_agreement_content); 
            $itn_agreement_content = str_replace("{ANS}", '<div class="form-group"><textarea class="form-control" name="itn_agreement_ans" id="itn_agreement_ans" placeholder="Please disclose it here" maxlength="500"></textarea><span class="text-danger">Maximum 500 character allow</span></div>' , $itn_agreement_content); 
        } else if(in_array($dos_program_category_id,[1,2])) { 

            if($dos_program_category_id == 2) {
                $itn_agreement_content = config('common.trainee_itn_agreement_content');
                if(empty($cancellation_fee)){
                    $cancellation_fee = "Six Hundred and Ninety-Five US Dollars (695.00 USD)";
                }
            }elseif($dos_program_category_id == 1) {
                $itn_agreement_content = config('common.intern_itn_agreement_content');
                if(empty($cancellation_fee)){
                    $cancellation_fee = "Five Hundred and Ninety-Five US Dollars (595.00 USD)";
                }
            }
            if(!empty($fee_structure)){
                $sevis_fee = $fee_structure['sevis_fee']." ".$currency_type;
                $shipping_fee = $fee_structure['shipping_fee']." ".$currency_type;
            }
            $non_refundable_fee = "<label class='agr_non_ref_fee custom-option' for='agr_non_ref_fee'><input type='checkbox' name='agr_non_ref_fee' id='agr_non_ref_fee' value='' /> <span class='circle-wrap'><span class='square-check'></span></span><span class='text-danger'>*</span> <span style='margin-left: 8px'>I'm aware that the following fees are non-refundable.</span></label>";
            $sev_fee = $can_fee = $shi_fee = "";
            if(!empty($fee_structure)){
                if(!empty(number_format($fee_structure['sevis_fee'], 0))){
                    $sev_fee = "<tr><td>Sevis Fee</td><td>$sevis_fee</td></tr>"; 
                }
                if(!empty(number_format($fee_structure['cancellation_fee'], 0))){
                    $can_fee = "<tr><td>Cancellation Fee</td><td>$cancellation_fee</td></tr>"; 
                } 
                if(!empty(number_format($fee_structure['shipping_fee'], 0))){
                    $shi_fee = "<tr><td>Shipping Fee</td><td>$shipping_fee</td></tr>";
                } 
            }
            $non_refundable_fee .= "<div class='agreement_fee_table'><table class='non_ref_fee_table table table-bordered'><tr><th>Fee Type</th><th>Amount</th></tr><tr><td>Registration Fee</td><td>$registration_fee</td></tr>$sev_fee$can_fee$shi_fee</table></div>";

            $itn_agreement_content = str_replace("{DAY}",  date('jS') , $itn_agreement_content);
            $itn_agreement_content = str_replace("{MONTH}",  date('F'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{YEAR}",  date('Y'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{EV_NAME}",   $user->first_name." ".$user->last_name , $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY}",  $CURRENCY, $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY_SYMBOL}",  $CURRENCY_SYMBOL, $itn_agreement_content);
            $itn_agreement_content = str_replace("{CURRENCY_SYMBOL_NAME}",  config('common.currency_symbol_name'), $itn_agreement_content);
            $itn_agreement_content = str_replace("{REG_FEE}",   @$registration_fee, $itn_agreement_content);
            $itn_agreement_content = str_replace("{PROG_FEE}",  @$itndata['program_fee']['fee_amount'], $itn_agreement_content);
            $itn_agreement_content = str_replace("{SEVIS_FEE}", @$itndata['sevis_fee']['fee_amount'], $itn_agreement_content);  
            $itn_agreement_content = str_replace("{cancellation_fee}", $cancellation_fee, $itn_agreement_content);   
            $itn_agreement_content = str_replace("{table_structure}", $table_structure, $itn_agreement_content); 
            $itn_agreement_content = str_replace("{non_refundable_fee}", $non_refundable_fee, $itn_agreement_content);

        } else if ($dos_program_category_id == 100){
            $itn_agreement_content = config('common.other_category_agreement_content');
        }

        if(!empty($itn_reg_admin_category)){
            if($dos_program_category_id == 3 && in_array($itn_reg_admin_category,array(7,6))){
                $branding_name = config('common.camp_banding_name');
            }elseif(in_array($itn_reg_admin_category,array(4,5))){
                $branding_name = config('common.odc_banding_name');
            }else{
                $branding_name = config('common.itn_banding_name');
            }
        }else{
            $branding_name = config("common.itn_agreement_print_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">
                        Complete The ITN Agreement
                    </h3>  
                </div> 
            </div>  
            <div id="notify_1_6"></div>
            @if($is_step_success == 1) 
                <div class="col-sm-12">
                    <p>Your ITN Agreement has been successfully completed.</p> 
                    @if(!empty($doc_dw_link))
                        <p>You can download a copy for your records here:</p> 
                        <p><a href="{{$doc_dw_link}}" class="btn btn-info">Download ITN Agreement</a></p>
                    @endif
                    @if(!empty($returnee_doc_dw_link))
                        <p>Congratulations, you successfully signed J-1 Return Guarantee Agreement.</p> 
                        <p>You can download a copy for your records here:</p> 
                        <p><a href="{{$returnee_doc_dw_link}}" class="btn btn-info">Download J-1 Return Guarantee Agreement</a></p>
                    @else
                        <p>Now, you need to complete your J-1 Return Guarantee Agreement.<br><br> Please click the button below to access it: 
                        <br> <a class="btn btn-info" onclick="show_popup('j1-returnee-agreement-modal');">Complete Your J-1 Return Guarantee Agreement</a></p>
                    @endif 
                    <p>Thank you for choosing us for your J-1 Program in the United States! We are excited to support you on this journey and look forward to providing an enriching and unforgettable program experience.</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('Complete The ITN Agreement','{{@$active_step_key}}');">
                            Support <i class="mdi mdi-help-circle-outline step-help"></i>
                        </button> 
                        <button type="button" class="btn btn-info" onclick="loadStepContent('{{ $next_step_key }}')">
                            Next Step
                        </button> 
                    </div>   
                </div>   
            @else
                @if($is_step_locked != 1) 
                    @if($itn_agreement_template == 1) 
                        @if(!empty($fee_structure) && !empty($fee_structure['combo_id']))
                        <div class="col-sm-12">
                            <p>Congratulations! Your Introductory Call was a success!</p> 
                            <p>Please click the link below to complete your ITN Agreement and the J-1 Return Guarantee Agreement in order to take the next steps in your program journey. The ITN Agreement is identical to the file you received prior to your Introductory Call with our team. </p> 
                            <p>As you review the ITN Agreement, you will be able to select either the Full Payment Option or the Payment Plan Option. Once you make your selection and acknowledge the terms of the agreement, you may sign it. Please note that completing the J-1 Return Guarantee Agreement is also mandatory in order to proceed to the next steps in the process.</p> 
                            <p><button type="button" class="btn btn-info btn-xs-block" onclick="show_popup('j1-agreement-modal');">Complete Your ITN Agreement & J-1 Return Guarantee Agreement</button></p>
                            <p>We are excited to assist you with your program in the United States!</p> 
                        </div> 
                        @else
                            </br>
                            <div id="agreement_timer">
                                <p>We have completed the review your application and you will receive a link to sign the ITN Program Agreement in the next 24 hours.</p>
                                <h2 class="timer text-muted m-t-0"></h2>
                            </div>
                        @endif 
                    @else
                        <div class="row">
                            <div class="alert alert-warning p-25">
                                <p class="m-b-0">Once Pre-screening interview data found than you can sign the agreement. </p>
                            </div> 
                        </div>
                    @endif 
                @endif
                <div class="j1_agreement_success hide">
                    <div class="alert alert-warning p-25"> 
                        <p>You will be redirected now to the next step: Registration Fee.</p>
                        <p>Hold tight...</p> 
                    </div>
                </div>
            @endif

            <div id="j1-agreement-modal" class="modal fade" tabindex="-1">
                <div class="modal-dialog modal-xl modal-dialog-centered">
                    <div class="modal-content h-100">

                    <div class="modal-header bg-info text-white">
                        <h5 class="modal-title">Sign Agreement</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body py-4" style="height:400px;overflow-y: scroll;">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                @if( $itn_agreement_template == 1 )
                                {!! $itn_agreement_content !!}
                                @else
                                {!! $agreement_content !!}
                                @endif
                                @if( $itn_agreement_template == 1 )
                                <br>
                                <div class="signature">
                                    <div class="row m-b-10">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <strong>Candidate:</strong> {{ @$user->first_name }} {{ @$user->last_name }}
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div class="row mt-1">
                                                <div class="col-md-2"><strong>Signature:&nbsp;</strong> </div>
                                                <div class="col-md-5 width_custome">
                                                    <input type="radio" id="draw1" name="sign_draw" value="1" checked />
                                                    <label for="draw1">Draw Your Signature</label>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="radio" id="draw2" name="sign_draw" value="2" />
                                                    <label for="draw2">Type Your Signature</label>
                                                </div>
                                            </div>

                                            <div class="hide sign_text_div right_mobile p-3 p-b-0">
                                                <input type="text" name="signatureInput" id="signatureInput" placeholder="Type your signature here" class="form-control" style="display: inline;width:276px;margin-bottom: 5px;border-radius: 5px;"/>  
                                            </div>

                                            <div id="canvas"  class="right_mobile p-3">
                                                <canvas class="canvas-div" id="newSignature"></canvas>
                                                <br>
                                                <span class="clear-pad-btn clear-pad" role="button" tabindex="0" id="sig-clearBtn">
                                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                                    <strong>Clear</strong>
                                                </span>
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="row m-b-10">
                                        <div class="col-md-6  col-sm-6 col-xs-12">
                                            <strong>Print Name:</strong> {{ @$user->first_name }} {{ @$user->last_name }}
                                        </div>
                                        <div class="col-md-6  col-sm-6 col-xs-12">
                                            <strong>Date:</strong> {{ dateformat(now(),DISPLAY_DATE) }}
                                        </div>
                                    </div>
                                </div>
                                @else
                                <p class="text-right">
                                    <div class="row mt-1">       
                                        <div class="col-md-2"><strong>Signature:&nbsp;</strong> </div>
                                        <div class="col-md-5 width_custome">
                                            <input type="radio" id="draw21" name="sign_draw" value="1" checked />
                                            <label for="draw21">Draw Your Signature</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input type="radio" id="draw22" name="sign_draw" value="2" />
                                            <label for="draw22">Type Your Signature</label>
                                        </div>
                                    </div>

                                    <div class="hide sign_text_div right_mobile p-5">
                                        <input type="text" name="signatureInput" id="signatureInput" placeholder="Type your signature here" class="form-control" style="display: inline;width:276px;margin-bottom: 5px;border-radius: 5px;"/>  
                                    </div>

                                    <div id="canvas" class="text-right">
                                        <canvas class="canvas-div" id="newSignature"></canvas>
                                        <br>
                                        <span class="clear-pad-btn clear-pad" role="button" tabindex="0" onclick="signatureClear()">
                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                            <strong>Clear</strong>
                                        </span>
                                    </div> 
                                </p>
                                @endif

                                <div class="modal-footer text-left j1-agreement-footer"> 
                                    <input type="button" name="j1_agreement_agree" id="j1_agreement_agree" class="btn btn-info" value="I Agree" onclick="return j1Agree();" /> 
                                </div>
                            </div>
                        </div>
                   </div>

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

            <div id="j1-returnee-agreement-modal" class="modal fade" tabindex="-1">
                <div class="modal-dialog modal-xl modal-dialog-centered">
                    <div class="modal-content h-100">

                    <div class="modal-header bg-info text-white">
                        <h5 class="modal-title">J-1 BridgeUSA Return Guarantee Agreement</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body py-4" style="height:400px;overflow-y: scroll;">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12"> 
                                <p> This AGREEMENT, dated as of the execution date below, is made by and between <strong><u> {{ $user->first_name }} {{ $user->last_name }}</u> ("Participant")</strong> and <strong>Odyssey International Exchange ("Odyssey" or "Sponsor")</strong>. This Agreement establishes the terms and conditions of the relationship specifically regarding overstays, defined as the Participant remaining in the United States ("U.S.") beyond the authorized duration of status or after termination of their J-1 BridgeUSA Visa Program. </p> 
                                <p> The Parties hereby understand, acknowledge, and agree that the terms and conditions below are legally binding and shall be adhered to in the event that the Participant chooses to remain in the United States beyond their authorized duration of status. Such action constitutes a violation of the Participant's Sponsor Agreement and applicable federal regulations. </p> 
                                <ol> <li> <p> As a participant in the J-1 BridgeUSA Exchange Visitor Program, it is explicitly understood that all program participants are required to depart the United States within the designated timeframe of their authorized program. Failure to do so constitutes a violation of program regulations and U.S. immigration laws. The U.S. Government and Odyssey, as your designated sponsor, view any overstay violation as an extremely serious offense with significant consequences. </p> </li> <li> <p> Any participant who does not depart the U.S. by their assigned mandatory departure date, thereby illegally overstaying their approved duration of status, will have their program status immediately terminated in the Student and Exchange Visitor Information System (SEVIS). Such termination will be reported to the U.S. Department of Homeland Security (DHS), potentially resulting in removal (deportation) proceedings. </p> <p> All personal information relating to the participant, including their last known address, Social Security Number, emergency contacts, and contact information, may be reported to DHS. Additionally, participants who overstay their visa, along with family members, may be subject to long-term denial of re-entry and future U.S. visa ineligibility. </p> </li> <li> <p> A change of visa status is considered an overstay for the Participant. This includes, but is not limited to, any change of status to an F-1, B-2, E-2, M-1, H-1B, H-2B visa, or any other U.S. non-immigrant or immigrant visa without first departing the U.S. </p> <p> Participants should not apply for a change of status while in the U.S. If Odyssey is contacted by an attorney requesting a non-objection letter, Odyssey will deny the request and may report the matter to the Department of State (DOS). If Odyssey becomes aware of any attempted change of status, it may immediately report the matter to DOS and object to the request. </p> <p> Participants intending to apply for future U.S. visas must first depart the U.S. and return to their home country to apply in person. </p> </li> <li> <p> In addition to the obligations and undertakings stated in the Program Terms and Conditions, the Participant is legally bound to ensure and guarantee the following: </p> <ul> <li> The Participant shall depart the U.S. within thirty (30) days of the Program end date. </li> <li> If the Program is terminated by the Host, Sponsor Organization, or if the Participant quits the Program, the Participant must depart the U.S. within ten (10) days of the Program ending. </li> <li> Odyssey will verify the Participant's departure from the U.S. through the Participant's I-94 departure record. Any Participant lacking an I-94 departure record by the end of their approved duration of status shall be deemed an overstay. </li> <li> The Participant shall not directly or indirectly attempt to change their visa status or category while in the U.S. or during the Program, even if permitted by U.S. law. Any attempt to change visa status or category must only be made after returning home following completion of the Program. </li> <li> Any visa status change through marriage to a U.S. citizen is not exempt from the provisions of this Agreement, and the Participant shall fully comply with all terms herein. </li> </ul> </li> <li> 
                                        <p> As part of the Embassy interview, the Participant may be required to demonstrate substantial ties and intent to return to their home country. Please list any factors that demonstrate a strong connection to your home country, such as residential address, property, family dependents, ongoing education, a job to return to, bank
    accounts or other relevant information. </p>  <textarea name="return_intent_factors" id="return_intent_factors" class="form-control return_intent_factors" rows="4"></textarea> </li> <li> <p> In the event of a violation of this Agreement, Odyssey is legally obligated to report to the appropriate authorities any information regarding the Participant's whereabouts, contact details, and other relevant information. Any privacy rights applicable under relevant laws are deemed waived for the purpose of enforcing this Agreement. </p> </li> <li> <p> In addition to the remedies listed above, Odyssey reserves the right to take further action or seek legal remedies for any breach or violation of the Program Agreement or this Agreement. Such remedies may include claims for business losses, reputational damages, expenses incurred in managing the matter, and legal fees. </p> </li> <li> <p> In the event of any dispute or litigation arising from a violation or breach of this Agreement, the governing law and jurisdiction shall be that of the United States. </p> </li> </ol> 
                                <p> <strong>IN WITNESS WHEREOF</strong>, the undersigned Party has the authority to execute this Agreement on behalf of the indicated Party. </p> 
                                <p> I declare under penalty of perjury that the foregoing statements are true and correct. </p> </div>
                                <br> 
                                <div class="signature">
                                    <div class="row m-b-10">
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <strong>Candidate:</strong> {{ @$user->first_name }} {{ @$user->last_name }}
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div class="row mt-1">
                                                <div class="col-md-2"><strong>Signature:&nbsp;</strong> </div>
                                                <div class="col-md-5 width_custome">
                                                    <input type="radio" id="draw21" name="sign_draw2" value="1" checked />
                                                    <label for="draw21">Draw Your Signature</label>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="radio" id="draw22" name="sign_draw2" value="2" />
                                                    <label for="draw22">Type Your Signature</label>
                                                </div>
                                            </div>

                                            <div class="hide sign_text_div2 right_mobile p-3">
                                                <input type="text" name="signatureInput2" id="signatureInput2" placeholder="Type your signature here" class="form-control" style="display: inline;width:276px;margin-bottom: 5px;border-radius: 5px;"/>  
                                            </div>

                                            <div id="canvas2" class="right_mobile p-3">
                                                <canvas class="canvas-div2" id="newSignature2"></canvas>
                                                <br>
                                                <span class="clear-pad-btn clear-pad" role="button" tabindex="0" id="sig-clearBtn2">
                                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                                    <strong>Clear</strong>
                                                </span>
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="row m-b-10">
                                        <div class="col-md-6  col-sm-6 col-xs-12">
                                            <strong>Print Name:</strong> {{ @$user->first_name }} {{ @$user->last_name }}
                                        </div>
                                        <div class="col-md-6  col-sm-6 col-xs-12">
                                            <strong>Date:</strong> {{ dateformat(now(),DISPLAY_DATE) }}
                                        </div>
                                    </div>
                                </div> 

                                <div class="modal-footer text-left j1-agreement-footer"> 
                                    <input type="button" name="j1_returnee_agreement_agree" id="j1_returnee_agreement_agree" class="btn btn-info" value="I Agree" onclick="return j1ReturnAgree();" /> 
                                </div>
                            </div>
                        </div>
                   </div>

                </div>
                </div> 
        </div>  
    </div>
    <script type="text/javascript">

        $(document).ready(function() {
            $(document).on("input",'#signatureInput',function() {
                var inputVal = $(this).val();

                var canvas = jQuery('#newSignature')[0];
                var context = canvas.getContext('2d');
                canvas.width = 276;
                canvas.height = 100;
                if (!inputVal.trim()) {
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    $(this).val(''); 
                    return;
                }          

                context.font = "30px 'Dancing Script', cursive";
                context.fillText(inputVal, 10, 60);
            });

            $(document).on("input",'#signatureInput2',function() {
                var inputVal = $(this).val();

                var canvas = jQuery('#newSignature2')[0];
                var context = canvas.getContext('2d');
                canvas.width = 276;
                canvas.height = 100;
                if (!inputVal.trim()) {
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    $(this).val(''); 
                    return;
                }          

                context.font = "30px 'Dancing Script', cursive";
                context.fillText(inputVal, 10, 60);
            });

            const modal = document.getElementById('j1-agreement-modal');

            modal.addEventListener('shown.bs.modal', function () {
                signatureCapture();
            });

            const modal2 = document.getElementById('j1-returnee-agreement-modal');

            modal2.addEventListener('shown.bs.modal', function () {
                signatureCapture2();
            });
        });

        $(document).on("change",'input[name="sign_draw"]',function() {
            var canvas = jQuery('#newSignature')[0];
            var context = canvas.getContext('2d');
            var drawing = false;

            canvas.width = 276;
            canvas.height = 100;
            context.clearRect(0, 0, canvas.width, canvas.height);

            var selectedValue = $(this).val();
            if(selectedValue == 1){
                $('.sign_text_div').addClass('hide');
                 document.getElementById("sig-clearBtn").click();
            }else{
                $('.sign_text_div').removeClass('hide');
            }
            $('#signatureInput').val('');
        });

        $(document).on("change",'input[name="sign_draw2"]',function() {
            var canvas = jQuery('#newSignature2')[0];
            var context = canvas.getContext('2d');
            var drawing = false;

            canvas.width = 500;
            canvas.height = 100;
            context.clearRect(0, 0, canvas.width, canvas.height);

            var selectedValue = $(this).val();
            if(selectedValue == 1){
                $('.sign_text_div2').addClass('hide');
                 document.getElementById("sig-clearBtn2").click();
            }else{
                $('.sign_text_div2').removeClass('hide');
            }
            $('#signatureInput2').val('');
        });

        function inArray(needle, haystack) {
            var length = haystack.length;
            for(var i = 0; i < length; i++) {
                if(haystack[i] == needle) return true;
            }
            return false;
        } 

        function allowOnlyOneCheckbox(checkbox) {
            var checkboxes = document.getElementsByName(checkbox.name)
            checkboxes.forEach((item) => {
                if (item !== checkbox) item.checked = false
            })
        }

        function j1Agree(){ 
            @if($dos_program_category_id == 1 || $dos_program_category_id == 2)  
                @if(!empty($fee_structure['combo_id']))   
                    var a = $("input[name='select_program']"); 
                    if(a.filter(":checked").length == 0){
                        swal({   
                            title: "",   
                            text: "Please select program.",
                            showCancelButton: false,
                            type: "error",       
                            confirmButtonColor: "#1faae6",   
                            confirmButtonText: "Ok",
                            closeOnConfirm: true, 
                            html:true,
                            allowOutsideClick: false,
                            timer: 10000,
                            customClass: "j1AgreementPopup" 
                        },function(btn){
                            if(btn === true){
                                $("input[type='checkbox']:first").focus(); 
                            }
                        });
                        return false;
                    } 

                    var agr = $("input[name='agr_non_ref_fee']"); 
                    if(agr.filter(":checked").length == 0){
                        swal({   
                            title: "",   
                            text: "Please select checkbox that I'm aware that the following fees are non-refundable.",       
                            type: "error",   
                            showCancelButton: false,    
                            confirmButtonColor: "#1faae6",
                            confirmButtonText: "Ok",
                            closeOnConfirm: true,   
                            html:true,
                            allowOutsideClick: false,
                            timer: 10000, 
                            customClass: "j1AgreementPopup" 
                        });
                        return false; 
                    }
                    agreeProcedure(); 
                @endif  
            @elseif($dos_program_category_id == 3)
                agreeProcedure();
            @endif   
        }

        function agreeProcedure(){
            var url = "{{ route('j1agree') }}"; 
            show_inner_loader('.modal-content');
            $("#j1_agreement_agree").attr("disabled",true);
            var canvas = document.getElementById("newSignature"); 
            var dataURL = canvas.toDataURL("image/png");

            var blank = document.createElement('canvas');
            blank.width = canvas.width;
            blank.height = canvas.height;
            var ctx = blank.getContext("2d");
            ctx.fillStyle = "#FFFFFF";
            ctx.fillRect(0, 0, blank .width, blank .height);

            if(canvas.toDataURL() == blank.toDataURL())
            {
                dataURL = '';
            }

            var sign_draw = $('input[name="sign_draw"]:checked').val()
            var inputVal = $('#signatureInput').val();
            if (sign_draw == 2 && inputVal.trim() == ''){
                dataURL = '';
            }

            var itn_agr_ans = $("#itn_agreement_ans").val(); 
            var select_program = '';
            @if($dos_program_category_id == 1 || $dos_program_category_id == 2)
                $("input[name='select_program']:checked").each(function(i){
                    select_program = $(this).val();
                });
            @endif 

            $.ajax({
                url: url,   
                type: 'post', 
                dataType: 'json', 
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { terms_agreed: 1, signature:dataURL, itn_agreement_template:"{{$itn_agreement_template}}", itn_agreement_ans:itn_agr_ans, select_program:select_program },
                success: function(response){
                    hide_popup('j1-agreement-modal');
                    if(response.type == "success")
                    { 
                        var title = "Congratulations!";
                    }
                    else if(response.type == "warning")
                    { 
                        var title = "Waring!"; 
                    }
                    else 
                    {
                        var title = "Error!"; 
                    } 
                    $("#j1_agreement_agree").attr("disabled",false); 

                    swal({
                        title: title,
                        text: response.message,
                        type: response.type,
                        showConfirmButton: true,
                        showCancelButton: false,
                        html: true,
                        confirmButtonColor: "#1faae6",
                        confirmButtonText: "Ok",
                        allowOutsideClick: false, 
                    }, function () { 
                        if(response.type == "success") { 
                            swal.close();
                            show_popup('j1-returnee-agreement-modal');
                        } 
                    }); 
                    hide_inner_loader('.modal-content');
                },
            }); 
        }

        $(document).ready(function()
        {   
            @if(!empty($countdown_date) && $countdown_date != "0000-00-00")
                var finalDate = "{{ $countdown_date }}";
                finalDate = localDateTime(finalDate);
                startCountdown('#agreement_timer .timer',finalDate,function(ele){
                    $(ele).after("<div class='alert alert-warning'>{{ $agreement_countdown_message }}</div>");
                });
            @endif

            $('.table').addClass('table-responsive');
            $('table').addClass('table table-bordered');
            ajaxFormValidator('#itn_agr',function(ele,event){
                event.preventDefault();
                show_inner_loader(".timeline_stp_desc","#all_tab_data");

                var form_data = new FormData(ele);
                var url = "{{ route('upload.j1agree') }}";

                $.ajax({
                    url: url,
                    type: 'post',
                    data: form_data,
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    success: function(response){
                        var messages = response.message;
                        if(response.type == "success"){
                            notifyResponseTimerAlert(messages,response.type,response.type.charAt(0).toUpperCase()+ response.type.slice(1));
                            notifyResponse("#notify_1_6",messages,response.type);
                            setTimeout(function(){
                                navigateStages('1');
                            }, 3000);
                        }
                        else{
                            notifyResponse("#notify_1_6",messages,response.type);
                        }
                        hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
                    },
                });
            });
        });

        function j1ReturnAgree(){ 
            var return_intent_factors = $("textarea[name='return_intent_factors']");
            if ($.trim(return_intent_factors.val()) == '') { 
                swal({   
                    title: "",   
                    text: "Please provide information demonstrating your strong connection to your home country (e.g., family, property, education, employment, etc.).",
                    showCancelButton: false,
                    type: "error",       
                    confirmButtonColor: "#1faae6",   
                    confirmButtonText: "Ok",
                    closeOnConfirm: true, 
                    html:true,
                    allowOutsideClick: false,
                    timer: 10000,
                    customClass: "j1AgreementPopup" 
                },function(btn){
                    if(btn === true){
                        return_intent_factors.focus();
                    }
                });
                return false;
            }
            returneeAgreeProcedure();   
        } 

        function returneeAgreeProcedure(){

            var url = "{{ route('j1returneeagree') }}"; 
            show_inner_loader('.modal-content');
            $("#j1_returnee_agreement_agree").attr("disabled",true);

            var canvas = document.getElementById("newSignature2");
            var dataURL = canvas.toDataURL("image/png");

            var blank = document.createElement('canvas');
            blank.width = canvas.width;
            blank.height = canvas.height;

            var ctx = blank.getContext("2d");
            ctx.fillStyle = "#FFFFFF";
            ctx.fillRect(0, 0, blank.width, blank.height);

            if (canvas.toDataURL() == blank.toDataURL()) {
                dataURL = '';
            }

            var sign_draw = $('input[name="sign_draw2"]:checked').val()
            var inputVal = $('#signatureInput2').val();
            if (sign_draw == 2 && inputVal.trim() == ''){
                dataURL = '';
            } 
            var return_intent_factors = $('#return_intent_factors').val();

            $.ajax({
                url: url,   
                type: 'post', 
                dataType: 'json', 
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { terms_agreed: 1, signature:dataURL, itn_agreement_template:"{{$itn_agreement_template}}", return_intent_factors: return_intent_factors},
                success: function(response){
                    hide_popup('j1-returnee-agreement-modal');
                    if(response.type == "success")
                    { 
                        var title = "Congratulations!";
                    }
                    else if(response.type == "warning")
                    { 
                        var title = "Waring!"; 
                    }
                    else 
                    {
                        var title = "Error!"; 
                    } 
                    $("#j1_returnee_agreement_agree").attr("disabled",false); 

                    swal({
                        title: title,
                        text: response.message,
                        type: response.type,
                        showConfirmButton: true,
                        showCancelButton: false,
                        html: true,
                        confirmButtonColor: "#1faae6",
                        confirmButtonText: "Ok",
                        allowOutsideClick: false, 
                    }, function () { 
                        if(response.type == "success") { 
                            loadStepContent('{{ $next_step_key }}');
                        } 
                    }); 
                    hide_inner_loader('.modal-content');
                },
            }); 

        }

    </script> 
@endif