@extends('layouts.app')
@push('css')
    <link href="{{ asset('css/datepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('css/evlg-page.css') }}" rel="stylesheet">
    <link href="{{ asset('js/summernote/summernote.css') }}" rel="stylesheet">
    <link href="{{ asset('css/bootstrap-multiselect.css') }}" rel="stylesheet">
    <link href="{{ asset('css/work-area.css') }}" rel="stylesheet">
    <link href="{{ asset('css/payment_setting.css') }}" rel="stylesheet">
    <style>
        .swal2-html-container{
            font-family: 'Roboto', sans-serif !important;
            font-size: 20px!important;
        }
        .swal2-styled.swal2-confirm {
            background-color: #f35626 !important;
        }
        .show-hide-div{
            margin-top: 10px;
            margin-right: 10px
        }
        .show-hide-button{
            background: #FF440A !important;border-color: #FF440A !important;
        }

    </style>
@endpush
@section('content')
    @php
        $waves = clientWaves();
    @endphp
       @if(getSession('view_video_first_time'))
           @include('partials.video_setting',['cssClass' => 'hidden'])
       @endif

    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 column col-sm-offset-0">
            <div class="panel panel-default panel-frm">
                <div class="row">
                    <div class="col-md-9">
                        <div class="panel-heading">
                            <h1>Letter Template</h1>
                            <p>The Credit Counsel Elite’s Official Template Letter Generator Attack Wave System Software! </p>
                        </div>
                    </div>
                    <div class="col-md-3" >
                        <div class="pull-right show-hide-div" >
                            <button class="btn btn-sm btn-info show-hide-button"  type="button" id="btn_show_hide_text" onclick="return show_hide_textbox(this)" data-toggle="tooltip" title="Show or Hide Name,Email,SSN,Phone">
                                <i class="fa fa-eye" style="font-size: 14px; color: black;" id="show_hide_icon" aria-hidden="true"></i>
                            </button>
                        </div>
                    </div>
                    @if(auth()->user()->is_import==config('constant.IMPORT_REPORT_STATUS.ELIGIBLE'))
                    <div class="col-md-3">
                        <div class="import-btn">
                            <button class="btn btn-default btn2" onclick="creditReportRefreshDate()">Import Credit Report</button>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="panel-body">
                    <div class="clearfix"></div>
                    <form method="POST" onsubmit="return generateLetterPdf(this)"
                          action="{{route('test.generate.pdf')}}" data-id="0"
                          accept-charset="UTF-8" enctype="multipart/form-data" id="lg-form">
                        @csrf
                        <input type="hidden" value="{{$creditreport->id}}" name="credit_report_setup_id" id="client_id">
                        <input type="hidden" name="isLetterStream" value="0">
                        <input type="hidden" name="current_html_content" value=""/>
                        <input type="hidden" name="client_email" id="client_name" value="">
                        <div class="row">
                            <input type="hidden" name="action" value="new">
                            <div class="col-md-12 col-sm-12 col-xs-12 ">
                                <div class="x_panel">
                                    <div class="x_content">
                                        <div class="col-md-12">
                                            <div class="row">

                                            </div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group affiliate-list" style="display:none">
                                                        <span><label>Affiliate List</label></span>
                                                        <select name="affiliate_client_id"
                                                                onchange="generateAffiliateClientList(this)"
                                                                class="form-control" disabled="true"></select>
                                                    </div>
                                                    <div class="form-group employee-list" style="display:none">
                                                        <span><label>Employee List</label></span>
                                                        <select name="dropdown_employee_id" class="form-control"
                                                                onchange="generateEmployeeClientList(this)"></select>
                                                        <img src="{{asset('images/ajax-loader.gif')}}"
                                                             style="display: none;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <!--<span class="glyphicon glyphicon-play-circle video-icon" title="Need Help" onclick="alert('Vidoes coming soon!')"></span>-->
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Email</label>
                                                        <!-- <input id="today" type="text" class="form-control" name="today"  required autofocus > -->
                                                        <input id="email" value="<?php echo $creditreport->email ?>"
                                                               type="text" class="form-control" name="email"
                                                               disabled>
                                                    </div>
                                                    <div id="client-ajax-loader"
                                                         style="text-align: left;padding: 5px 0px;display: none;position: absolute;z-index: 1000;top: -36px;right: 0;">
                                                        <img
                                                            src="{{asset('images/ajax-loader.gif')}}">
                                                        <span>Client loading.......</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Wave/Round/Attack Number</label>
                                                        <select name="choose_wave" class="form-control" onchange="getDecision(this)" id="choose_wave">
                                                            @foreach($waves as $key=>$value)
                                                                @php $select = ($value['key'] == $creditreport->wave) ? 'selected': ''; @endphp
                                                                <option value="{{$value['key']}}" {{$select}}> {{$value['text']}} </option>
                                                            @endforeach

                                                        </select>

                                                    </div>
                                                </div>

                                            </div>
                                            <div class="row">
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Choose Work</label>
                                                        <!-- <input id="today" type="text" class="form-control" name="today"  required autofocus > -->
                                                        <select name="choose_work"
                                                                onchange="getClient('{{route('get.letter')}}')"
                                                                class="form-control" id="choose_work">
                                                            <option value="">Please select</option>
                                                            <option value="pi"> New (Personal Information)</option>
                                                            <option value="iq">New (Inquiries)</option>
                                                            <option value="pr">New (Public records)</option>
                                                            <option value="ac">New (Accounts)</option>
                                                        </select>
                                                        <div id="resource-loader"
                                                             style="display: none;text-align: left;padding: 5px 0;">
                                                            <img
                                                                src="{{asset('images/ajax-loader.gif')}}">
                                                            <span>Analysing Report and Generating Content</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label for="">Source Type</label>
                                                        <select disabled name="source_type" id="" class="form-control">
                                                            @foreach(config('constant.REPORT_SOURCE_TYPES') as $key => $value)
                                                                <option
                                                                    value="{{$key}}" {{$creditreport->credit_report_company_type == $key ? 'selected':''}}>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Today’s Date is</label>
                                                        <input id="today" value="<?php echo date('m/d/Y') ?>"
                                                               type="text"
                                                               class="form-control" name="today"
                                                               required autofocus>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Credit Report Data Resource or Monitoring</label>
                                                        <input id="cr_resource" type="text" class="form-control"
                                                               name="cr_resource"
                                                               value="{{ config('constant.REPORT_SOURCE_TYPES.'.$creditreport->credit_report_company_type)." ".date('m/d/Y') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label><span class="req-span">*</span>Name (at least First and
                                                            Last
                                                            Name)</label>
                                                        <input id="name"
                                                               value="{{$creditreport->first_name." ".$creditreport->last_name}}"
                                                               type="text" class="form-control" name="name"
                                                               required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label><span class="req-span">*</span>Address (at least Street
                                                            Number, Street Name, City, State spelled out)</label>
                                                        <input id="address"
                                                               value="{{ $creditreport->street_no.", ".$creditreport->street_name.", ".$creditreport->city.", ".$creditreport->state }}"
                                                               type="text" class="form-control" name="address"
                                                               placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Date of Birth</label>
                                                        <input id="dob" value="{{ $creditreport->birth_date }}"
                                                               type="text"
                                                               class="form-control " name="dob"
                                                               placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Social Security Number (last four ONLY displayed on ANY
                                                            DOCUMENT)</label>
                                                        <input id="ssn" value="{{ $creditreport->ssn }}"
                                                               disabled
                                                               type="text" class="form-control" name="ssn"
                                                               maxlength="12" placeholder="" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label>Personal Tracking Number</label>
                                                        <input id="p_tracking_number" type="text" class="form-control"
                                                               name="p_tracking_number" value="{{$p_tracking_number }}">
                                                        <span class="glyphicon glyphicon-refresh" title="Regenrate"
                                                              id="btn-regenerate" onclick="gen_rand()"></span>
                                                    </div>
                                                    <div class="form-group" id="univ-dest-div">
                                                        <label>Universal Template Destinatioin(s)</label><br>
                                                        <select id="univ-dest" disabled multiple="multiple"
                                                                class="form-control"
                                                                name="destination[]">
                                                            <optgroup label="EXPERIAN DESTINATIONS">
                                                                <option value="EXPERIAN PO BOX 9701, ALLEN, TX 75013">
                                                                    EXPERIAN PO BOX 9701, ALLEN, TX 75013
                                                                </option>
                                                                <option value="EXPERIAN PO BOX 4500, ALLEN, TX 75013">
                                                                    EXPERIAN PO BOX 4500, ALLEN, TX 75013
                                                                </option>
                                                            </optgroup>
                                                            <optgroup label="EQUIFAX DESTINATIONS">
                                                                <option
                                                                    value="EQUIFAX PO Box740256, ATLANTA,GA 30374-0256">
                                                                    EQUIFAX PO Box740256, ATLANTA,GA 30374-0256
                                                                </option>
                                                                <option
                                                                    value="EQUIFAX PO Box740241, ATLANTA,GA 30374-0241">
                                                                    EQUIFAX PO Box740241, ATLANTA,GA 30374-0241
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="TRANS UNION DESTINATIONS">
                                                                <option
                                                                    value="Trans Union PO Box 2000, CHESTER, PA 19016-2000">
                                                                    Trans Union PO Box 2000, CHESTER, PA 19016-2000
                                                                </option>
                                                                <option
                                                                    value="Trans Union PO Box 1000, CHESTER, PA 19022-1000">
                                                                    Trans Union PO Box 1000, CHESTER, PA 19022-1000
                                                                </option>
                                                                <option
                                                                    value="Trans Union PO Box 2000, CHESTER, PA 19022-2000">
                                                                    Trans Union PO Box 2000, CHESTER, PA 19022-2000
                                                                </option>
                                                            </optgroup>
                                                            <optgroup label="INNOVIS DESTINATIONS">
                                                                <option
                                                                    value="INNOVIS PO Box 1640, Pittsburgh, PA 15230-1640">
                                                                    INNOVIS PO Box 1640, Pittsburgh, PA 15230-1640
                                                                </option>
                                                                <option
                                                                    value="Innovis Consumer Assistance PO Box 530088, Atlanta, GA 30353-0088">
                                                                    Innovis Consumer Assistance PO Box 530088, Atlanta, GA 30353-0088
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="LEXISNEXIS DESTINATIONS">
                                                                <option
                                                                    value="LexisNexis PO Box 105108, Atlanta, GA 30348">
                                                                    LexisNexis PO Box 105108, Atlanta, GA 30348
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="SAGESTREAM LLC DESTINATIONS">
                                                                <option
                                                                    value="SageStream, LLC, LexisNexis Risk Solutions Consumer Center P. O. Box 105108. Atlanta, Georgia 30348-5108">
                                                                    SageStream, LLC, LexisNexis Risk Solutions Consumer Center P. O. Box 105108. Atlanta, Georgia 30348-5108
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="CHEX SYSTEMS DESTINATIONS">
                                                                <option
                                                                    value="Chex Systems ATTN: Consumer Relations, 7805 Hudson Rd., Ste. 100, Woodbury, MN 55125">
                                                                    Chex Systems ATTN: Consumer Relations, 7805 Hudson
                                                                    Rd.,
                                                                    Ste. 100, Woodbury, MN 55125
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="MIB INC DESTINATIONS">
                                                                <option
                                                                    value="(US RESIDENTS) MIB Inc 50 Braintree Hill Park, Suite 400, Braintree, MA 02184-8734">
                                                                    (US RESIDENTS) MIB Inc 50 Braintree Hill Park, Suite
                                                                    400, Braintree, MA 02184-8734
                                                                </option>
                                                                <option
                                                                    value="(CANADIAN RESIDENTS) MIB Inc 330 university Avenue, Suite 501, Toronto, Canada M5G 1R7">
                                                                    (CANADIAN RESIDENTS) MIB Inc 330 university Avenue,
                                                                    Suite 501, Toronto, Canada M5G 1R7
                                                                </option>

                                                            </optgroup>
                                                            <optgroup label="FACTOR TRUST DESTINATIONS">
                                                                <option
                                                                    value="FactorTrust PO Box 3653,Alpharhetta, GA 30023">
                                                                    FactorTrust PO Box 3653,Alpharhetta, GA 30023
                                                                </option>
                                                            </optgroup>
                                                            <optgroup label="DATA FURNISHERS">
                                                                <option value="">DATA FURNISHERS</option>
                                                            </optgroup>
                                                            <optgroup label="OTHER">
                                                                <option value="1">Other</option>
                                                            </optgroup>
                                                        </select>
                                                    </div>

                                                    <div class=" form-group " id="univ-df" style="display: none;">
                                                        <div class="form-group">
                                                            <label>Data Furnishers</label>
                                                            <select name="destination[]" class="form-control select-df"
                                                                    id="select-df">
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group univ-other" id="univ-other"
                                                         style="display: none;">
                                                        <div>
                                                            <input type="text" name="destination[]" class="form-control"
                                                                   placeholder="OTHER" style="width: 93%">
                                                            <span class="glyphicon glyphicon-plus btn-univ-add-other"
                                                                  title="Add Other"></span>
                                                            <span
                                                                class="glyphicon glyphicon-minus btn-univ-remove-other"
                                                                title="Remove Other"></span>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="col-md-6 col-xs-12">
                                                        <div class="form-group">
                                                            <label class="check-btn" style="color:red;"><input
                                                                    type="checkbox" disabled name="exclude_all" value="1"
                                                                    id="exclude-all"
                                                                    onchange="excludeall()">&nbsp;<strong>Exclude All
                                                                    Content Boxes</strong><span
                                                                    class="cr"></span></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="col-md-6 col-xs-12">
                                                        <div class="form-group">
                                                            <label>Number of Inquiries/letter &nbsp;</label>
                                                            <input type="number" disabled name="num_of_inquiry" min="1"
                                                                   max="25"
                                                                   value="1">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-xs-12">
                                                        <div class="form-group">
                                                            <label>Number of Account/letter &nbsp;</label>
                                                            <input type="number" disabled name="num_of_account" min="1"
                                                                   max="25"
                                                                   value="1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row text-center">

                                        <button type="submit"  name="save" value="1" onclick="return saveOnly(this)"
                                                id="generate-pdf" disabled class="btn btn-success btn2 generate-letter">
                                            Generate Letter
                                        </button>

                                        <div id="client-loader2" style="display: none;">
                                            <img src="{{asset('images/ajax-loader.gif')}}">
                                            <span>&nbsp;&nbsp;&nbsp;Please wait Generating Letters</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <script type="text/javascript">
                                var item_count = 0;
                                var image_count = 1;
                            </script>

                            <div class="col-md-12 col-sm-12 col-xs-12 ">
                                <div class="x_panel">
                                    <div class="x_content">
                                        <div id="content-area">
                                            <div class="col-md-12 col-xs-12 main-content" id="main-content-0">
                                                <fieldset class="add-nother">
                                                    <legend class="add-nother text-center">
                                                        Content Box Work Area &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                                            class="glyphicon glyphicon-play-circle video-icon"
                                                            title="Need Help"
                                                            onclick="alert('Vidoes coming soon!')"></span><br>
                                                        <span class="fa-stack fa-lg"
                                                              style="font-size:16px;font-weight: 500;">
                                                        <i class="fa fa-circle fa-stack-2x"></i>
                                                        <i class="fa-stack-1x fa-inverse">1</i>
                                                    </span>

                                                    </legend>
                                                    <span class="pull-right" title="Exclude content box from letter"
                                                          style="margin-top:10px;">
                                                    <label class="lbl-dest check-btn" style="color:red"><input
                                                            type="checkbox" name="info_item[exclude][0][]"
                                                            value="1" disabled
                                                            class="check-exclude"/>&nbsp;Exclude<span
                                                            class="cr"></span></label>
                                                </span>

                                                    <div class="col-md-9">
                                                        <div class="row">
                                                            <div class="col-md-4" style="overflow: hidden;">
                                                                <div class="form-group file-txt">
                                                                    <label>ADD IMAGE </label>
                                                                    <input type="file" onchange="uploadphotos(this)"
                                                                           name="info_item[file][]" class=""
                                                                           id="content_file_0">
                                                                </div>
                                                                <div class="col-md-12"
                                                                     style="margin-top: 5px;padding-left: 0px;">
                                                                    <label><a onclick="removeContentImage(0)"
                                                                              style="padding: 1px 6px;"
                                                                              class="btn btn-danger"
                                                                              title="Clear attached file"><i
                                                                                class="fa fa-minus"></i></a></label>
                                                                </div>
                                                                <div class="form-group file-txt">
                                                                    <img id="letter_img_0" class="letter-content-img"
                                                                         src=""
                                                                         alt="">
                                                                    <input type="hidden" id="letter_image_file_0"
                                                                           name="letter_image_file[]" value=""/>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <div class="form-group" style="clear: both;">
                                                                    <label>DEROGATORY Decisions</label>
                                                                    @include('partials.decision_dropdown')
                                                                </div>
                                                                <div class="form-group"
                                                                     style="clear: both;display: none;"
                                                                     id="div-dtype-0">
                                                                    <label>Type of Reported Issues</label>
                                                                    <select name="info_item[letter_type][]" id="dtype-0"
                                                                            class="form-control"
                                                                            onchange="showTemplate(this, 0)"
                                                                            required="">
                                                                        <option value="">Please select template</option>
                                                                        <option value="1">Personal Identifier
                                                                            Information
                                                                        </option>
                                                                        <option value="2">INQUIRY(ies) information
                                                                        </option>
                                                                        <option value="3">LATE PAYMENT (not Student
                                                                            Loan)
                                                                            Information
                                                                        </option>
                                                                        <option value="4">STUDENT LOAN LATE PAYMENT
                                                                            Information
                                                                        </option>
                                                                        <option value="5">Regular Non-Medical Collection
                                                                            Information
                                                                        </option>
                                                                        <option value="6">Medical Collection Information
                                                                        </option>
                                                                        <option value="7">CHARGE OFF Information
                                                                        </option>
                                                                        <option value="8">REPOSSESSION Information
                                                                        </option>
                                                                        <option value="9">PUBLIC RECORDS Information
                                                                        </option>
                                                                        <option value="10">GENERAL DELINQUENT ,
                                                                            DEROGATORY,
                                                                            or QUESTIONABLY REPORTED Information
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                                <div class="form-group"
                                                                     style="clear: both;display: none;"
                                                                     id="template-0">
                                                                    <label>TEMPLATE LETTER FOR BUREAU</label>
                                                                    <select name="info_item[template][]"
                                                                            id="lt_template-0"
                                                                            class="form-control " required="">
                                                                    </select>
                                                                </div>
                                                                <div class="form-group"
                                                                     style="clear: both;display: none;"
                                                                     id="template-df-0">
                                                                    <label>TEMPLATE LETTER FOR DATA
                                                                        FURNISHER/CREDITOR</label>
                                                                    <select name="info_item[template_df][]"
                                                                            id="lt_template_df-0" class="form-control">
                                                                    </select>
                                                                </div>

                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="goto_report_div"><label>Go to Report
                                                                        &rarr;</label>&nbsp;&nbsp;
                                                                    <a href="#view-html"><span
                                                                            class="glyphicon glyphicon-info-sign icon-goto-report"
                                                                            title="Personal Information"></span></a>
                                                                    <a href="#Summary"><span
                                                                            class="glyphicon glyphicon glyphicon-open-file icon-goto-report"
                                                                            title="Summary Information"></span></a>
                                                                    <a href="#AccountHistory"><span
                                                                            class="glyphicon glyphicon glyphicon-list-alt icon-goto-report"
                                                                            title="AccountHistory Information"></span></a>
                                                                    <a href="#Inquiries"><span
                                                                            class="glyphicon glyphicon glyphicon-question-sign icon-goto-report"
                                                                            title="Inquiries Information"></span></a>
                                                                    <a href="#PublicInformation"><span
                                                                            class="glyphicon glyphicon-globe icon-goto-report"
                                                                            title="Public Information"></span></a>
                                                                    <a href="#CreditorContacts"><span
                                                                            class="glyphicon glyphicon-user icon-goto-report"
                                                                            title="Creditor Contacts Information"></span></a>
                                                                    <a href="#main-content-0" style="float:right;"><span
                                                                            class="glyphicon glyphicon-circle-arrow-up icon-goto-report"
                                                                            title="Go To Previous Content Box"></span></a>
                                                                    <a href="#lg-form" title="Go To Top of Page"
                                                                       style="float: right;"><label
                                                                            style="font-weight: bold;font-size: 16px">
                                                                            &nbsp;&nbsp;TOP &uarr;</label></a>
                                                                    <a href="#div-img-bottom"
                                                                       title="Go To Generate Button"
                                                                       style="float: right;"><label
                                                                            style="font-weight: bold;font-size: 16px">
                                                                            &nbsp;&nbsp;GENERATE &darr;</label></a>

                                                                </div>
                                                                <div class="form-group">
                                                                <textarea class="form-control " id="summernote-0"
                                                                          name="info_item[content][]" rows="13"
                                                                          placeholder=""
                                                                          required></textarea>
                                                                    <span
                                                                        class="glyphicon glyphicon-menu-hamburger btn-add-line-break"
                                                                        title="Add Line Break"
                                                                        onclick="addLineBreak(0)"></span>
                                                                    <span
                                                                        class="glyphicon glyphicon-plus btn-add-content"
                                                                        title="Add Cleared Content"
                                                                        onclick="undoClearContent(0)"></span>
                                                                    <span
                                                                        class="glyphicon glyphicon-remove btn-remove-content"
                                                                        title="Clear Content Box"
                                                                        id="btn-remove-content"
                                                                        onclick="clearContent(0)"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 pull-right div-item-dest">
                                                        <div class="tbg"><label>CONTENT DESTINATION(s) </label>
                                                            <span
                                                                class="glyphicon glyphicon-chevron-down pull-right gly-dest"
                                                                id="toggle-dest-0" onclick="toggleDest(0)" title="Show"
                                                                data-toggle="collapse" href="#dest-side-0"></span>
                                                        </div>
                                                        <div id="dest-side-0" class="collapse dest-collapse">
                                                            <label class="lbl-dest check-btn"
                                                                   style="font-size:14px"><input
                                                                    type="checkbox" name="all"
                                                                    value="Select All Destinations" id="check-all-0"
                                                                    onchange="checkall(0)"/>&nbsp;<strong>Select All
                                                                    Destinations</strong><span
                                                                    class="cr"></span></label>
                                                            <hr style="2px 0 5px">
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value=""
                                                                                                     class="check-df"
                                                                                                     onchange="showDf(event, 0)"/>&nbsp;Data
                                                                Furnisher<span
                                                                    class="cr"></span></label>
                                                            <select name="info_item[dest][0][]"
                                                                    class="form-control select-df" id="select-df-0"
                                                                    style="display: none;">
                                                            </select>
                                                            <input type="text" name="info_item[dest][0][]"
                                                                   class="form-control" placeholder="OTHER"
                                                                   style="width: 96%; display:none;" id="other-text-0">
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="EXPERIAN PO BOX 9701, ALLEN, TX 75013"
                                                                                                     class="check-exp1"/>&nbsp;EXPERIAN
                                                                PO BOX 9701, ALLEN,
                                                                TX 75013<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="EXPERIAN PO BOX 4500, ALLEN, TX 75013"
                                                                                                     class="check-exp2"/>&nbsp;EXPERIAN
                                                                PO BOX 4500, ALLEN,
                                                                TX 75013<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="EQUIFAX PO Box740256, ATLANTA,GA 30374-0256"
                                                                                                     class="check-equ1"/>&nbsp;EQUIFAX
                                                                PO Box740256,
                                                                ATLANTA,GA 30374-0256<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="EQUIFAX PO Box740241, ATLANTA,GA 30374-0241"
                                                                                                     class="check-equ2"/>&nbsp;EQUIFAX
                                                                PO Box740241,
                                                                ATLANTA,GA 30374-0241<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="Trans Union PO Box 2000, CHESTER, PA 19016-2000"
                                                                                                     class="check-tra1"/>&nbsp;Trans
                                                                Union PO Box 2000,
                                                                CHESTER, PA 19016-2000<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="Trans Union PO Box 1000, CHESTER, PA 19022-1000"
                                                                                                     class="check-tra2"/>&nbsp;Trans
                                                                Union PO Box 1000,
                                                                CHESTER, PA 19022-1000<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="Trans Union PO Box 2000, CHESTER, PA 19022-2000"
                                                                                                     class="check-tra3"/>&nbsp;Trans
                                                                Union PO Box 2000,
                                                                CHESTER, PA 19022-2000<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="INNOVIS PO Box 1640, Pittsburgh, PA 15230-1640"
                                                                                                     class="check-ino1"/>&nbsp;INNOVIS
                                                                PO Box 1640,
                                                                Pittsburgh, PA 15230-1640<span
                                                                    class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="Innovis Consumer Assistance PO Box 530088, Atlanta, GA 30353-0088"
                                                                                                     class="check-ino2"/>&nbsp;Innovis Consumer Assistance
                                                                PO Box 530088, Atlanta, GA 30353-0088<span
                                                                    class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="LexisNexis PO Box 105108, Atlanta, GA 30348"
                                                                                                     class="check-lex1"/>&nbsp;LexisNexis
                                                                PO Box 105108,
                                                                Atlanta, GA 30348<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="SageStream, LLC, LexisNexis Risk Solutions Consumer Center P. O. Box 105108. Atlanta, Georgia 30348-5108"
                                                                                                     class="check-sag1"/>&nbsp;SageStream, LLC, LexisNexis Risk Solutions Consumer Center P. O. Box 105108. Atlanta, Georgia 30348-5108<span
                                                                    class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="Chex Systems ATTN: Consumer Relations, 7805 Hudson Rd., Ste. 100, Woodbury, MN 55125"
                                                                                                     class="check-chex1"/>&nbsp;Chex
                                                                Systems ATTN: Consumer
                                                                Relations, 7805 Hudson Rd., Ste. 100, Woodbury, MN
                                                                55125<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="(US RESIDENTS) MIB Inc 50 Braintree Hill Park, Suite 400, Braintree, MA 02184-8734"
                                                                                                     class="check-mib1"/>&nbsp;(US
                                                                RESIDENTS) MIB Inc 50
                                                                Braintree Hill Park, Suite 400, Braintree, MA
                                                                02184-8734<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="(CANADIAN RESIDENTS) MIB Inc 330 university Avenue, Suite 501, Toronto, Canada M5G 1R7"
                                                                                                     class="check-mib2"/>&nbsp;(CANADIAN
                                                                RESIDENTS) MIB Inc
                                                                330 university Avenue, Suite 501, Toronto, Canada M5G
                                                                1R7<span class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value="FactorTrust PO Box 3653,Alpharhetta, GA 30023"
                                                                                                     class="check-fact1"/>&nbsp;FactorTrust
                                                                PO Box
                                                                3653,Alpharhetta, GA 30023<span
                                                                    class="cr"></span></label>
                                                            <label class="lbl-dest check-btn"><input type="checkbox"
                                                                                                     name="info_item[dest][0][]"
                                                                                                     value=""
                                                                                                     class="check-aa"/>&nbsp;Audit
                                                                Analysis<span
                                                                    class="cr"></span></label>

                                                            <input type="text" name="info_item[dest][0][]"
                                                                   class="form-control" placeholder="OTHER"
                                                                   style="width: 96%"
                                                                   id="other-text-0">
                                                            <span class="glyphicon glyphicon-plus btn-add-other"
                                                                  title="Add Other"></span>
                                                        </div>

                                                    </div>
                                                    <div class="col-md-12 text-center" style="clear: both;">
                                                        <button class="btn btn-success btn2" onclick="addContent()"
                                                                type="button"><span class="glyphicon glyphicon-plus"
                                                                                    title="add"></span>Add Another
                                                            Content
                                                        </button>
                                                    </div>

                                                </fieldset>
                                            </div>
                                        </div>
                                        <div id="img-container">
                                            <div class="col-md-12 col-xs-12 text-center" id="div-img-bottom"
                                                 style="display: none;">
                                                <input type="hidden" name="identity_proof_file" value=""
                                                       id="identity_proof_file1">
                                                <input type="hidden" name="ssn_proof_file" value=""
                                                       id="ssn_proof_file1">
                                                <input type="hidden" name="address_proof_file" value=""
                                                       id="address_proof_file1">
                                                <input type="hidden" name="other_file" value="" id="other_file1">
                                                <p>Current Images</p>
                                                <div class="col-md-1 col-md-offset-2 ">
                                                    <label class="check-btn"><input type="checkbox"
                                                                                    name="include_bureau_image"
                                                                                    value="1"
                                                                                    checked="checked">&nbsp;Bureaus<span
                                                            class="cr"
                                                            title="Add Images to Bureau Letters"></span></label>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <p>PHOTO IDENTIFICATION :<label id="identity_proof_file"
                                                                                    class="span-file">..........</label><br>SSN
                                                        PROOF :<label
                                                            id="ssn_proof_file"
                                                            class="span-file">..........</label><br>ADDRESS PROOF
                                                        :<label
                                                            id="address_proof_file"
                                                            class="span-file">..........</label><br>OTHER FILE :<label
                                                            id="other_file" class="span-file">...........</label></p>
                                                </div>
                                                <div class="col-md-3 col-xs-12 text-left">
                                                    <label class="check-btn"><input type="checkbox"
                                                                                    name="include_creditor_image"
                                                                                    value="1">&nbsp;Creditors<span
                                                            class="cr"
                                                            title="Add Images to Creditors Letter"></span></label>
                                                </div>
                                            </div>

                                            <div class="col-md-12 col-xs-12">
                                                <label class="col-md-12" style="text-align:center;">Add Image Here for
                                                    Proof: Example: SS, Proof ID, Current Bill ect. Must be PNG or
                                                    JPEG</label>
                                            </div>
                                            <div id="att-img-area">
                                                <div class="col-md-12 col-xs-12 img-content" id="img-content-1">
                                                    <div class="col-md-12 col-xs-12" style="padding-top:10px;padding-bottom:10px">
                                                        <div class="row">
                                                            <div class="col-md-12 col-xs-12 text-center">
                                                                <img id="att_image_1" class="letter-attach-img" src=""
                                                                     alt="">
                                                                <input type="hidden" id="attach_image_file_1"
                                                                       name="attach_image_file[]" value=""/>
                                                                <input type="hidden" id="isUploadMedia_1"
                                                                       name="isUploadMedia[]" value="0"/>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-offset-3 col-md-6">
                                                        <input onchange="uploadphotos(this, false)" type="file"
                                                               name="img_bottom[]" id="attachment_img_1"
                                                               class="form-control no-bdr">
                                                    </div>
                                                    <div class="col-md-1" style="margin-top: 5px;margin-right: 20px">
                                                        <label id="label1">
                                                            <a style="cursor:hand;cursor:pointer;padding: 1px 6px;"
                                                               onclick="clearAttImage(1)" data-id="4">Clear</a>
                                                        </label>
                                                    </div>
                                                    <div class="col-md-1" style="margin-top: 5px;margin-right: 20px">
                                                        <label id="label1"><a onclick="addImage()" id="add-image-btn"
                                                                              style="padding: 1px 6px;"
                                                                              class="btn btn-success"><i
                                                                    class="fa fa-plus"></i></a></label>
                                                        <label id="label1"><a onclick="removeImage(1)" id="remove"
                                                                              style="padding: 1px 6px;"
                                                                              class="btn btn-danger"><i
                                                                    class="fa fa-minus"></i></a></label>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row text-center" style="margin-top: 20px;">
                                            <div class="col-md-8 col-xs-12 col-md-offset-4">

                                                <div class="col-md-3 ">
                                                    <div class="form-group">
                                                        <label class="check-btn"
                                                               title="Generate Data Furnishers Letters Only"><input
                                                                type="checkbox" name="df_only" value="1">&nbsp;<strong>Data
                                                                Furnisher's Only</strong><span
                                                                class="cr"></span></label>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 ">
                                                    <div class="form-group">
                                                        <label class="check-btn"
                                                               title="Generate Creidt Bureaus Letters Only"><input
                                                                type="checkbox" name="bureau_only"
                                                                value="1">&nbsp;<strong>Bureaus Only</strong><span
                                                                class="cr"></span></label>
                                                    </div>
                                                </div>
                                            </div>


                                            <button type="submit"  name="save"  value="1"  onclick="return saveOnly(this)"
                                                    id="generate-pdf" disabled
                                                    class="btn btn-success btn2 generate-letter">
                                                Generate Letter
                                            </button>

                                            <div id="client-loader2" style="display: none;">
                                                <img src="{{asset('images/ajax-loader.gif')}}">
                                                <span>&nbsp;&nbsp;&nbsp;Please wait Generating Letters</span>
                                            </div>
                                        </div>
                                    </div>

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

                    </form>
                </div>

            </div>

            <div class="row" style="clear: both;">
                <div class="col-md-12 col-lg-12 col-xs-12">
                    <div class="view-html" id="view-html">

                    </div>
                </div>
            </div>
            <div class="row" style="clear: both;" id="top-btn">
                <!-- <a href="#" onclick="topFunction()" ><span class="glyphicon glyphicon-circle-arrow-up arrow-up-content" title="Go To Top"></span></a><br> -->
                <div id="btn-up-0" style="text-align:right">
                    <a href="#main-content-0"><span class="glyphicon glyphicon-circle-arrow-up arrow-up-content"
                                                    title="Go To Content Area 1"></span></a>
                    <div id="btn-up-1" style="display: none;">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="creditReportModal" style="margin-top: 50px" tabindex="-1" aria-labelledby="creditReportModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="POST" action="{{route('upload.credit.report')}}" accept-charset="UTF-8" >
                    @csrf
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title" >Credit Report Html</h5>
                </div>
                <div class="modal-body">
                        <textarea class="form-control"  id="credithtml" name="credithtml" rows="15" readonly></textarea>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-default btn2" >Upload Html</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="view-credit-report" style="margin-top: 50px" tabindex="-1" aria-labelledby="creditReportModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title" >Credit Report Html</h5>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <button style="margin:0" type="button" class="btn btn-default btn2 btn-primary btn-lg btn-block mb-3" onclick="importCreditReport();">
                                Import new credit report <span style="font-size: 11px;"> <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i></span>
                            </button>
                            <h5 style="margin-top:25px" class="mt-3 text-center">REFRESH DATE (Next available)</h5>
                            @if(!$credit_report_eligibility['is_show_refresh_date'])
                            <button style="margin-top:35px" type="button" class="btn btn-default btn2 btn-primary btn-lg btn-block mb-3 hidden" id="btn_refresh_report" onclick="creditReportRefreshButtonContent();">
                                Refresh Report <span style="font-size: 11px;"> <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i></span>
                            </button>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="generateLetterModal" style="margin-top: 50px" tabindex="-1" aria-labelledby="generateLetterModalLabel" aria-hidden="true">
      <div class="col-md-12">
        <div class="modal-dialog">
            <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h5 class="modal-title" >Generate Letter</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="form-group">
                                        <div class="radio">
                                            <label class="radio-inline control-label">
                                                <input type="radio" name="download" checked value="0" /> Download
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <div class="row">
                            <div class="col-md-4 col-xs-12">
                                <div class="form-group">
                                    <div class="radio">
                                        <label class="radio-inline control-label">
                                            <input type="radio" name="download" value="1" /> Download Type
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8 col-xs-12">
                                <select name="download_type_name" id="download_type_name"
                                        class="form-control" disabled>
                                    <option value="0">Please Select</option>
                                    <option value="1">Email</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-default btn2" onclick="generateLetter()">Generate</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
            </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="securityModal" style="margin-top: 50px" tabindex="-1" aria-labelledby="securityModal" aria-hidden="true">
           <div class="col-md-12">
               <div class="modal-dialog">
                   <div class="modal-content">
                       <div class="modal-header">
                           <button type="button" class="close" data-dismiss="modal">&times;</button>
                       </div>
                       <div class="modal-body" id="securityModalBody">

                       </div>
                       <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                       </div>
                   </div>
               </div>
           </div>
       </div>
@endsection

@push('script')
    <script>
        $(document).ready(function() {
                @if($credit_report_eligibility['is_show_alert'])
                   $('#modal_body_data').text('{{$credit_report_eligibility['message']}}');
                   $('#credit_report_modal').modal('show');
                @endif
                @if(getSession('view_video_first_time'))
                   {{unSetSession('view_video_first_time')}}
                  common_helper.youtubePopup($("#popup_youtube"),`<h2 class="text-center">Congratulation! Watch this video first.</h2>`);
                @endif

        })
        const importCreditReport = async () =>{
            let response = await common_helper.globalAjaxRequest('{{route('process.ajax')}}','POST',{action:'GET_CREDIT_REPORT'});

            if(response.status){
                if(response.code == {{config('constant.OTP_SUCCESS_CODE')}}){
                    $('#securityModalBody').html(response.data.html);
                    $('#securityModal').modal('show');
                }else {
                    $('#credithtml').val(response.data.html);
                    $('#creditReportModal').modal('show');
                    $('#view-credit-report').modal('hide');
                }
            }else{
                    $('#modal_body_data').text('No Data Found.');
                    $(`#btn_credit_report_modal`).remove();
                    $(`#btn_hidden`).removeClass('hidden');
                    $('#credit_report_modal').modal('show');
            }
        }
        const creditReportRefreshDate= async () =>{
            let response = await common_helper.globalAjaxRequest('{{route('process.ajax')}}','POST',{action:'GET_CREDIT_REPORT_REFRESH_DATE'});

            creditReportModalView(response);
        }

        const creditReportModalView = (response) =>{

            if(response.status) {
                $(`#credit_report_modal`).modal('hide');
                if (response.button_type === 2) {
                    $('#btn_refresh_report').removeClass('hidden');
                }
                if (response.button_type === 1 || response.button_type === 0) {
                    $('#btn_refresh_report').remove();
                }
                $('#refresh_date').text(response.refresh_date);
                $('#view-credit-report').modal('show');
            }
        }

        const creditReportRefreshButtonContent=async ()=>{
            let response = await common_helper.globalAjaxRequest('{{route('process.ajax')}}','POST',{action:'GET_CREDIT_REPORT_REFRESH_BUTTON_CONTENT'});
            if(response.status) {
                $('#view-credit-report').modal('hide');
                $('#modal_body_data').text(response.message);
                $(`#btn_credit_report_modal`).remove();
                $(`#btn_hidden`).removeClass('hidden');
                $('#credit_report_modal').modal('show');
            }
            else {
                $('#view-credit-report').modal('hide');
                $('#modal_body_data').text('Can not find data.');
                $(`#btn_credit_report_modal`).remove();
                $(`#btn_hidden`).removeClass('hidden');
                $('#credit_report_modal').modal('show');
            }
        }
        $("input[name='download']").change(function(){
            common_helper.globalRadioButtonClickEvent($(this),1,$("#download_type_name"));
        });
        $(`#btn_credit_report_modal`).click((e)=>{
            @if($credit_report_eligibility['is_show_refresh_date'])
                $(`#credit_report_modal`).modal('hide');
                $('#btn_refresh_report').remove();
                $('#view-credit-report').modal('show');
             @else
                creditReportRefreshDate();
             @endif
        });
        const getDecision = (e) =>{
            $data = 'w'+e.value;

            $('#wave-0').val($data);
        };

        const show_hide_textbox =(e)=>{
            return common_helper.show_hide_textbox($('#show_hide_icon'),
                $('[name="phone"]'),$('[name="email"]'),$('[name="name"]'),$('[name="ssn"]'),$('[name="address"]'),$('[name="dob"]')
            );

        }


    </script>

    <script>
        var isVelocityOrRTG = false;
        var isEpicVelocity = true;
        var GENERATE_PDF_URL = '{{route('test.generate.pdf')}}';
        var GENERATED_PDF_URL='{{route('test.get.generated.pdf')}}'
        var AFFILIATE_URL = '';
        var GET_CLIENT_INFO = '{{route('test.get.letter')}}';
        var ENVIROMENT = 1
    </script>
    <script src="{{asset('/')}}js/sweetalert2/sweetalert2.min.js"></script>
    <script src="{{asset('/')}}js/unwanted_char_remove.js?1.0.8"></script>
    <script src="{{asset('/')}}js/js.input.validation.js?1.0.0"></script>

    <script src="{{asset('/')}}js/select2.full.min.js"></script>
    <script src="{{asset('/')}}js/summernote/summernote.min.js"></script>
    <script src="{{asset('/')}}js/bootstrap-multiselect.js"></script>
    <script src="{{asset('/')}}js/datepicker.js"></script>
    <script src="{{asset('/')}}js/evlg-page_111.js?1.0.6"></script>
    <script src="{{asset('/')}}js/epic_custom.js?1.0.6"></script>
    <script src="{{asset('/')}}js/epicSmartCredit.js?1.0.6"></script>
    <script src="{{asset('/')}}js/objectify.js?1.0.6"></script>
    <script src="{{asset('/')}}js/register.js?1.0.6"></script>
@endpush