
@extends('layouts.app')
@section('styles')
  <link href="{{ asset('public/css/datepicker.css') }}" rel="stylesheet">
  <link href="{{ asset('public/css/evlg-page.css') }}" rel="stylesheet">
  <link href="{{ asset('public/js/summernote/summernote.css') }}" rel="stylesheet">
  <link href="{{ asset('public/css/bootstrap-multiselect.css') }}" rel="stylesheet">

@endsection
@section('content')
<div class="container">
   <div class="row">
      <div class="col-md-12">
         <div class="panel panel-default panel-frm">
            <div class="panel-heading">
               <h1>Epic-Velocity Template Letter</h1>
               <p>The EV-TLG is the Credit Repair Champion’s and the Metro 2 Compliance Academy’s Official Template Letter Generator Attack Wave System Software! </p>
            </div>
            <div class="panel-body">
               @if (session('status'))
               <div class="alert alert-success">
                  {{ session('status') }}
               </div>
               @endif
               <div class="clearfix"></div>
               <form method="POST" action="{{ url('/lg/generate-pdf') }}" accept-charset="UTF-8" enctype="multipart/form-data" id="lg-form">
                  <div class="row">
                     {{ csrf_field() }}
                     <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  text-center">
                                <span class="glyphicon glyphicon-play-circle video-icon" title="Need Help" onclick="alert('Vidoes coming soon!')"></span>
                                <div class="col-md-4 col-md-offset-1 ">
                                  <div class="form-group">
                                    <label>Select Client</label>
                                    <!-- <input id="today" type="text" class="form-control" name="today"  required autofocus > -->
                                    <select name="client_id" onchange="getClientLetters()" class="form-control" id="client_id">
                                        <option value="">Please select</option>
                                        @if(!empty($users))
                                            @foreach ($users as $key => $obj)
                                              <option value="{{$obj->id}}">{{$obj->firstname}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <input type="hidden" name="client_name" id="client_name" value="">
                                    <input type="hidden" name="date_time" id="date_time" value="">
                                 </div>
                               </div>

                                <div class="col-md-2  ">
                                 <div class="form-group">
                                    <label>Wave/Round/Attack Number</label>
                                    <!-- <input id="today" type="text" class="form-control" name="today"  required autofocus > -->
                                    <select name="choose_wave"  class="form-control" id="choose_wave">
                                      <option value="1">Wave 1</option>
                                      <option value="2">Wave 2</option>
                                      <option value="3">Wave 3</option>
                                      <option value="4">Wave 4</option>
                                      <option value="5">Wave 5</option>
                                      <option value="6">Wave 6</option>

                                    </select>

                                  </div>
                                </div>
                                <div class="col-md-4  ">
                                 <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('{{ url("/lg/edit/") }}')" class="form-control" id="choose_work"></select>
                                    <div id="client-loader" style="display: none;" >
                                      <img   src="{{ asset('public/images/ajax-loader.gif') }}"> <span>&nbsp;&nbsp;&nbsp;Analysing Report and Generating Content</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <br>
                              <div class="col-md-6  ">
                                 <div class="form-group">
                                    <label>Today’s Date is</label>
                                    <input id="today" type="text" class="form-control" name="today"  required autofocus >
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                 <div class="form-group">
                                    <label>Credit Report Data Resource or Monitoring</label>
                                    <input id="cr_resource" type="text" class="form-control" name="cr_resource"  >
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                <div class="form-group">
                                    <label><span class="req-span">*</span>Name (at least First and Last Name)</label>
                                    <input id="name" type="text" class="form-control" name="name"  required  >
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                <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" type="text" class="form-control" name="address"    placeholder="">
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                <div class="form-group">
                                    <label>Date of Birth</label>
                                    <input id="dob" type="text" class="form-control datepicker" name="dob"    placeholder="">
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                <div class="form-group">
                                    <label>Social Security Number (last four ONLY displayed on ANY DOCUMENT)</label>
                                    <input id="ssn" type="text" class="form-control" name="ssn" maxlength="12" placeholder="" required >
                                 </div>
                              </div>
                              <div class="col-md-6  ">
                                <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" 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  ">
                                  <div class="col-md-4 ">
                                      <div class="form-group">
                                          <label class="check-btn" style="color:red;"><input type="checkbox" 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  ">
                                  <div class="col-md-4  ">
                                      <div class="form-group">
                                          <label >Number of Inquiries/letter &nbsp;</label>
                                          <input type="number" name="num_of_inquiry" min="1" max="25" value="5">
                                       </div>
                                  </div>
                                  <div class="col-md-4  ">
                                      <div class="form-group">
                                          <label >Number of Account/letter &nbsp;</label>
                                          <input type="number" name="num_of_account" min="1" max="25" value="4">
                                       </div>
                                  </div>
                              </div>

                           </div>
                           <div class="row text-center">
                             @if(1)
                               <input type="submit" name="save" value="Generate Document" id="generate-pdf" class="btn btn-success btn2" readonly="readonly">
                               <div id="client-loader2" style="display: none;" >
                                 <img   src="{{ asset('public/images/ajax-loader.gif') }}"> <span>&nbsp;&nbsp;&nbsp;Please wait Generating Letters</span>
                               </div>
							 @endif
                           </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 main-content" id="main-content-0">
                                  <fieldset class="add-nother" >

                                    <legend class="add-nother">
                                      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" 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" name="info_item[file][]" class="" id="content_file_0">
                                                </div>
                                                <div class="col-md-1" 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>
                                            <div class="col-md-8">
                                              <div class="form-group" style="clear: both;" >
                                                  <label>DEROGATORY Decisions</label>
                                                  <select name="info_item[wave][]" id="wave-0" class="form-control" onchange="showDtype(this,0)" required="">
                                                      <option value="">Please select template</option>
                                                      @if(Auth::user()->can('Wave1'))
                                                      <option value="w1" >I want to use a Wave 1 attack for this content box's items ( Day 1-19)</option>
                                                      @else
                                                      <option value="w1" disabled="disabled">I want to use a Wave 1 attack for this content box's items ( Day 1-19)</option>
                                                      @endif
                                                       @if(Auth::user()->can('Wave2'))
                                                      <option value="w2" >I want to use a Wave 2 attack for this content box's items (Day 20-39)</option>
                                                      @else
                                                      <option value="w2" disabled="disabled" >I want to use a Wave 2 attack for this content box's items (Day 20-39)</option>
                                                      @endif
                                                       @if(Auth::user()->can('Wave3'))
                                                      <option value="w3" >I want to use a Wave 3 attack for this content box's items (Day 40-59)</option>
                                                      @else
                                                      <option value="w3" disabled="disabled">I want to use a Wave 3 attack for this content box's items (Day 40-59)</option>
                                                      @endif
                                                       @if(Auth::user()->can('Wave4'))
                                                      <option value="w4" >I want to use a Wave 4 attack for this content box's items (Day 60-79)</option>
                                                      @else
                                                      <option value="w4" disabled="disabled">I want to use a Wave 4 attack for this content box's items (Day 60-79)</option>
                                                      @endif
                                                       @if(Auth::user()->can('Wave5'))
                                                      <option value="w5" >I want to use a Wave 5 attack for this content box's items (Day 80-99)</option>
                                                      @else
                                                      <option value="w5" disabled="disabled">I want to use a Wave 5 attack for this content box's items (Day 80-99)</option>
                                                      @endif
                                                       @if(Auth::user()->can('Wave6'))
                                                      <option value="w6" >I want to use a Wave 6+ attack for this content box's items (Day 100-119)</option>
                                                      @else
                                                      <option value="w6" disabled="disabled">I want to use a Wave 6+ attack for this content box's items (Day 100-119)</option>
                                                      @endif

                                                      <option value="w7" >I want to use a RANDOM WAVE # Attack for this content box's  item (Day ??)</option>
                                                   </select>
                                              </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" >
                                         <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 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">
                                    <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 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">
                                  <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 class="col-md-12 img-content" id="img-content-1">
                                    <div class="col-md-offset-3 col-md-6">

                                      <input type="file" name="img_bottom[]"  class="form-control no-bdr"></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 class="row text-center" style="margin-top: 20px;">
                                  <div class="col-md-8 col-md-offset-4">
                                    <div class="col-md-2 ">
                                      <div class="form-group">
                                          <label class="check-btn"  title="Generate Audit Letters Only"><input type="checkbox" name="audit_only" value="1" >&nbsp;<strong>Audit Only</strong><span class="cr"></span></label>
                                       </div>
                                    </div>
                                    <div class="col-md-2 ">
                                        <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-2 ">
                                        <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>

                                  @if(Auth::user()->can('Generate-letters') && $not_expired)
                                    <input type="submit" name="save" value="Generate Document" id="generate-pdf" class="btn btn-success btn2" readonly="readonly">
                                    <div id="client-loader2" style="display: none;" >
                                      <img   src="{{ asset('public/images/ajax-loader.gif') }}"> <span>&nbsp;&nbsp;&nbsp;Please wait Generating Letters</span>
                                    </div>
                                  @else
                                  <input type="button" name="save" value="Generate Document" id="generate-pdf" class="btn btn-success btn2"  onclick="alert('Access to generate and or save your above-created documents is currently unavailable, please purchase a subscription to gain immediate access without losing your work.');">
                                  @endif
                              </div>
                           </div>

                        </div>
                     </div>
                  </div>
               </form>
            </div>
            <div class="row" style="clear: both;">
                <div class="view-html" id="view-html">

              </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>
</div>
@section('scripts')
<script src="{{ asset('public/js/select2.full.min.js') }}"></script>
<script src="{{ asset('public/js/summernote/summernote.min.js') }}"></script>
<script src="{{ asset('public/js/bootstrap-multiselect.js') }}"></script>


<script src="{{ asset('public/js/datepicker.js') }}"></script>
<script src="{{ asset('public/js/evlg-page.min.js?1.21') }}"></script>

@endsection
@endsection

