@php
    $step_status = @$step_verified_data['step_status'];
    $my_next_stage = @$step_verified_data['my_next_stage'];
    $contract_status = @$step_verified_data['contract_status'];
    $contracts = @$step_verified_data['contracts'];
    $agencies = @$step_verified_data['agencies'];
    $agency_data = @$step_verified_data['agency_data'];
    $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'];
    $panding_request_count = @$step_verified_data['panding_request_count'];
    $itn_reg_admin_category = @$user->portfolio->itn_reg_admin_category;
    $self_placement_imix_program_array = config('common.self_placement_imix_program_array');
    
    $itndata = @$step_verified_data['itndata'];
    $dos_program_category_id = @$user->portfolio->dos_program_category_id;


    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");                 
    }

    $odc_agreement_content = '';
    if(!empty($step_verified_data['sponsor_name'])) {
        if($step_verified_data['sponsor_name'] == 'ODYSSEY'){
            $odc_agreement_content = config('common.sponsor_odc_agreement_content');
        }else if($step_verified_data['sponsor_name'] == 'ASSE'){
            $odc_agreement_content = config('common.sponsor_asse_agreement_content');
        }else if($step_verified_data['sponsor_name'] == 'CENET'){
            $odc_agreement_content = config('common.sponsor_cenet_agreement_content');
        }else if($step_verified_data['sponsor_name'] == 'INTRAX'){
            $odc_agreement_content = config('common.sponsor_intrax_agreement_content');
        }else if($step_verified_data['sponsor_name'] == 'INTRAX Co-branded'){
            $odc_agreement_content = config('common.sponsor_intrax_co_branded_agreement_content');
        }else if($step_verified_data['sponsor_name'] == 'AAG'){
            $odc_agreement_content = config('common.sponsor_aag_agreement_content');
        }else {
            $odc_agreement_content = config('common.sponsor_odc_camp_agreement_content');
        }
    }
    
    $odc_agreement_content = str_replace("{DAY}",  date('jS') , $odc_agreement_content);
    $odc_agreement_content = str_replace("{MONTH}",  date('F'), $odc_agreement_content);
    $odc_agreement_content = str_replace("{YEAR}",  date('Y'), $odc_agreement_content);
    $odc_agreement_content = str_replace("{EV_NAME}",   $user->first_name." ".$user->last_name , $odc_agreement_content);
    $odc_agreement_content = str_replace("{CURRENCY}",  config('common.currency_code'), $odc_agreement_content);
    $odc_agreement_content = str_replace("{CURRENCY_SYMBOL}",  config('common.currency_symbol'), $odc_agreement_content);
    $odc_agreement_content = str_replace("{CURRENCY_SYMBOL_NAME}",  config('common.currency_symbol_name'), $odc_agreement_content);


    $doc_dw_link = @$step_verified_data['document_download_link'];

@endphp


@if(!empty($step_status))
    @include('user.app-status.brandtab')
@endif
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-xs-12">
            <h3 class="d-inline-b">{{ $step_title }}</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('{{ $step_title }}','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button>
            <div id="{{ $notify_id }}" class="col-xs-12"></div>
            @if(empty($step_status))
                <p>In this step you will be able to contract with agencies.</p>
            @else
                @if(@$agency_data->sync_enabled == 1 && $active_step_key == '3_contract_sponsor')
                <div>
                    @if(!empty(@$step_verified_data['sponsor_name']))
                        @if(($step_verified_data['sponsor_name'] == 'ODYSSEY CAMP' || $step_verified_data['sponsor_name'] == 'ODYSSEY') && !in_array($portfolio->program_id,$self_placement_imix_program_array))
                            <p>Your contract started with agency <strong>{{ @$step_verified_data['sponsor_name']}}</strong>.</p>
                        @else
                            <p>You will need to sign the sponsor agreement in order to continue. </p>
                            <div id="notify_1_6"></div>
                            @if($is_step_success == 1)
                                <div class="alert alert-success p-25">
                                    Your agreement has been successfully completed.
                                </div>
                                @if(!empty($doc_dw_link))
                                    <p>
                                        You can download your sponsor agreement using click on 
                                        <a href="{{ $doc_dw_link }}"><img class="file-download-small" src="{{ url('assets/images/file-download.png') }}" alt="file-download" /></a>
                                    </p>
                                @endif
                                @if(!empty($next_step_key))
                                    <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
                                @endif
                            @else
                                <button type="button" class="btn btn-sm @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif m-b-10 btn-xs-block" onclick="show_popup('sponsor-agreement-modal');">Sign Sponsor Agreement</button>
                            @endif
                        @endif
                    @else
                        <p>{{ @$agency_data->agency_name }} will assign your sponsor agency.</p>
                    @endif
                </div>
                @else
                    <div>
                        @if(!empty($contracts))
                        <p>
                            @if($panding_request_count > 0)
                                Below is the list agencies willing to contract with you, You can either <strong>Accept</strong> or <strong>Reject</strong> the agency contract.
                            @endif
                        </p>
                            <table class="table color-bordered-table info-bordered-table @if(config('common.portal') == 'ODC') info-bordered-table-odc @endif">
                                @foreach($contracts as $contract)
                                    @php
                                        $form_id = "frm_agency_request_{$loop->count}";
                                    @endphp
                                    <thead>
                                    <tr>
                                        <th>Agency Name</th>
                                        <td>{{ $contract->agency->agency_name }} 
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Action</th>
                                        <td>
                                            @if($contract->request_by == 2 && $contract->request_status == 1)
                                                <span class="label label-warning">Request Sent</span>
                                            @elseif($contract->request_status == 2)
                                                <span class="label label-success">Request Accepted</span>
                                            @elseif($contract->request_status == 3)
                                                <span class="label label-danger">Rejected</span>
                                            @endif
                                            @if($contract->is_expired == 1)
                                                <p><span class="label text-danger">Expired</span></p>
                                            @endif

                                            @if($contract_status == 2 && $contract->request_by == 1 && $contract->request_status == 1 && $contract->is_expired == 0)
                                                <form id="{{ $form_id }}" method="post" action="" onsubmit="return agencyRequestAction(this);">
                                                    <input type="hidden" name="active_step_key" value="{{ $active_step_key }}" />
                                                    <input type="hidden" name="contract" value="{{ encrypt($contract->id) }}" />
                                                    <input type="hidden" name="agency" value="{{ encrypt($contract->agency->id) }}" />
                                                    <input type="hidden" name="btn_action" value="" />
                                                    <button type="submit" class="btn btn-success" value="accept" onclick="return setFormBtnAction('{{ $form_id }}',this.value);">Accept</button>
                                                    <button type="submit" class="btn btn-danger" value="reject" onclick="return setFormBtnAction('{{ $form_id }}',this.value);">Reject</button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Agreement</th>
                                        <td>
                                            @if(!empty($contract->document_download_link))
                                                <a href="{{ $contract->document_download_link }}" title="Download your agreement now">
                                                    <img class="file-download" src="{{ url('assets/images/file-download.png') }}" />
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                </thead>
                                @endforeach
                            </table>
                        @endif
                    </div>
                    @if($contract_status == 1)
                    <div>
                        <p>Your contract started with agency <strong>{{ @$agency_data->agency_name }}</strong>.</p>
                    </div>
                    @elseif($contract_status == 3)
                    <div>
                        <form name="frm_agency_request" id="frm_agency_request">
                            <div class="col-xs-12">
                                <div class="form-group">
                                    <label>Select agency for send contract request:</label>
                                    <select name="agency" id="agency" class="form-control" required onchange="return loadAgencyData(this.value,{{@$active_stage}})">
                                        <option value="">-- Select Option --</option>
                                        @if(!empty($agencies))
                                        @foreach($agencies as $agency)
                                            <option value="{{ encrypt($agency->id) }}" {{ is_selected($agency->sync_enabled,1) }}>{{ $agency->agency_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('agency')){{ $errors->first('agency') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12" id="" name="">
                                <div class="form-group">
                                    <label><a id="dw_template" name="dw_template" href="javascript:void(0)">Click Here</a> to download agreement. Sign the agreement and upload it.</label>
                                    <!--<label>Download the Agreement.sign it and upload it <a id="dw_template" name="dw_template" href="javascript:void(0)">click Here</a></label>-->
                                    <input type="file"  class="form-control" name="agency_agreement" id="agency_agreement" required>
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('agency')){{ $errors->first('agency') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="form-group">
                                    <label>
                                        <input type="checkbox" name="agree" value="1" required /> I agree <a href="{{ route('terms-condition') }}">terms and conditions</a>.
                                    </label>
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('agree')){{ $errors->first('agree') }}@endif
                                    </div>
                                </div>
                            </div>
                            @if($is_step_locked != 1)
                            <div class="col-xs-12">
                                <div class="form-actions">
                                    <button type="submit" name="submit_request" id="submit_request" class="btn btn-md @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif m-b-10 btn-xs-block">Send Request</button>
                                </div>
                            </div>
                            @endif
                        </form>
                    </div>
                    @endif
                @endif
                @if(!empty($my_next_stage) && $step_status == 2)
                    <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="navigateStages('{{ $active_stage }}','{{ $my_next_stage }}')" >Next Step</button>
                @endif
            @endif 
        </div>
        <div class="white-box col-xs-12" id="agency_fee_table"></div>
    </div>
    
    <div id="sponsor-agreement-modal" class="modal modal-effect fade" style="display: none;" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header bg-info">
                        <button type="button" class="close text-white" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title text-white">Sign Agreement</h4>
                    </div>
                    <div class="modal-body p-25" id="agreement_body" style="height: 500px !important;">
                        <div class="row">
                            <div class="col-md-12  col-sm-12 col-xs-12">
                               
                                {!! $odc_agreement_content !!}
                                
                                <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">
                                            <strong>Signature:</strong> 
                                            <div id="canvas"  class="right_mobile p-5">
                                                <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>
                                            <script>signatureCapture();</script>
                                        </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_agreement_agree" id="j1_agreement_agree" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-sm text-left btn-xs-block" value="I Agree" onclick="return sponsorAgree();" /> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <script>
        function sponsorAgree(){
            var url = "{{ route('sponsor.agree') }}";
            show_inner_loader('.modal-content');
            $("#j1_agreement_agree").attr("disabled",true);
            var canvas = document.getElementById("newSignature");// save canvas image as data url (png format by default)
            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 = '';
            }


            $.ajax({
                url: url,
                type: 'post', 
                dataType: 'json', 
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { terms_agreed: 1, signature:dataURL},
                success: function(response){
                    hide_popup('sponsor-agreement-modal');
                    if(response.type == "success")
                    {
                        $("#j1_agreement_agree").attr("disabled",false);
                        $('.j1_agreement_success').removeClass('hide');
                        setTimeout(function(){
                            navigateStages('3');
                        }, 3000);
                    }
                    else 
                    {
                        notifyResponse("#notify_1_6",response.message,response.type);
                    }
                    hide_inner_loader('.modal-content');
                },
            }); 
        }
        var notify_id = "{{ $notify_id }}";
        var active_stage = "{{ $active_stage }}";
        $(document).ready(function(){
            var agency_id = $( "#agency option:selected" ).val();
            if(agency_id != undefined)
            {
                loadAgencyData(agency_id,'{{$active_stage}}')
            }
            
            var form_selector = "#frm_agency_request";

            ajaxFormValidator(form_selector,function(ele,event){

                event.preventDefault();
                show_inner_loader(".timeline_stp_desc","#all_tab_data");

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

                $.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_id,messages,response.type);

                            setTimeout(function(){ navigateStages(active_stage); }, 3000);
                        }
                        else if(response.type == "validation_error"){
                            var Html = '<div class="alert swl-alert-danger"><ul>'; 
                            $.each( messages, function( key, value ) {
                                Html += '<li>' + value+ '</li>';  
                            });
                            Html += '</ul></div>';  
                            notifyResponseTimerAlert(Html,"error","Error",10000);
                        }
                        else{
                            notifyResponse("#"+notify_id,messages,response.type);
                        }
                        hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
                    },
                });
            });
        });

        function agencyRequestAction(ele){

            var confirm_message = "";
            var btn_action = $(ele).find("input[name='btn_action']").val();

            if(btn_action == "" || btn_action == "undefined" || btn_action == null){
                return false;
            }

            if(btn_action == "accept"){
                confirm_message = "By confirm, your contract will be started with the agency, make sure similar contract type requests will be expired automatically.";
            }
            else if(btn_action == "reject"){
                confirm_message = "By confirm you will reject request from the agency.";
            }

            show_inner_loader(".timeline_stp_desc","#all_tab_data");
            confirmAlert(ele,confirm_message,"warning","Are you sure?","Confirm",function(ele,state){

                if(state){
                    var form_data = new FormData(ele);
                    $(ele).find("input[name='btn_action']").val("");

                    var url = "{{ route('contract.request.action') }}";

                    $.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){
                            if(response.type == "success"){
                                navigateStages(active_stage);
                            }
                        },
                    });
                }
                hide_inner_loader('.timeline_stp_desc',"#all_tab_data");
            });

            return false;
        }
        
        function loadAgencyData(agency_id,active_stage){
            show_inner_loader(".timeline_stp_desc","#all_tab_data");
            $.ajax({
                type: 'post',
                url: "{{route('load.agency.data')}}",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: {
                    'agency_id': agency_id,
                    'active_stage': active_stage
                }, 
                dataType: 'json',
                success: function(response) { 
                    if(response.type=='success')
                    {
                        if(response.data.download_template_link != ''){
                            $("#dw_template").attr("href", response.data.download_template_link);
                        }
                        $('#agency_fee_table').html(response.data.fee_table);
                    }
                    hide_inner_loader(".timeline_stp_desc","#all_tab_data");
                }
            });
        }

    </script> 
</div>