@extends('investor.layout.app')
@section('css')
<style>
  .empty-label-alignment {
    padding-left: 15px;
  }

  .empty-label-value-alignment {
    padding-left: 10px;
  }

  .view-margin {
    margin-right: 20px !important;
  }

  textarea {
    height: 80px !important;
  }
  .pdf-file{
    cursor: pointer;
  }
  .paymentscontainer {
    padding: 0% 20% 0% 20% !important;
  }
  .paymentcontainer .payment {
    height: 280px !important;
  }
  .paymentscontainer .payment .notesparent {
    bottom: 50px !important;
  }
  .paymentscontainer .payment .paidtolabel {
    width: 8% !important;
    margin-top: 76px !important;
    float: left !important;
    text-align: left !important;
    margin-left: 2% !important;
  }
  .paymentscontainer .payment .paidto {
    width: 60% !important;
    height: 10% !important;
    margin-left: 2% !important;
    margin-top: 69px !important;
  }
  .paymentscontainer .payment .notesparent .notes  {
    width: 40% !important;
  }
  .paymentscontainer .payment .order {
    position: unset !important;
    background: #fff !important;
    border: solid 2px #cccccc !important;
    border-radius: 8px !important;
    color: #000 !important;
  }
  .paymentscontainer .payment .amount {
    margin-top: 13px !important;
    margin-right: -23% !important;
  }
  .paymentscontainer .payment .order,.amount,.date {
    width: 12% !important;
    height: 10% !important;
    float: right !important;
  }
  .paymentscontainer .payment .top {
    width: 8% !important;
    float: right !important;
    margin-top: 21px !important;
    margin-right: 10px !important;
    text-align: right !important;
  }
  .paymentscontainer .payment .orderlabel {
    width: 15% !important;
    float: left !important;
    margin-right: 5px !important;
    text-align: right !important;
    margin-top: 10px !important;
  }
  .paymentscontainer .payment .datelabel {
    width: 15% !important;
    float: left !important;
    margin-right: 5px !important;
    text-align: right !important;
    margin-top: 19px !important;
  }
  .paymentscontainer .payment .date {
    margin-top: 13px !important;
    position: unset !important;
    text-align: left !important;
  }
  .paymentcontainer .payment .notesparent .typecontainer,.right {
    width: 28% !important;
  }
  .paymentcontainer .payment .paidlabel {
    width: 5% !important;
    float: left !important;
    text-align: left !important;
    font: normal 12px Arial !important;
    position: unset !important;
  }

  .paymentcontainer .payment .dividerlabel {
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    font: normal 12px Arial !important;
    position: unset !important;
  }
  .paymentcontainer .payment .btnsavepayment {
    float: left !important;
    text-align: left !important;
    font: normal 12px Arial !important;
    position: unset !important;
  }
  .paymentcontainer .payment .btnlock {
    cursor: pointer !important;
    margin-left: 20px !important;
    margin-right: 10px !important;
    float: left !important;
    position: unset !important;
  }
  .paymentcontainer .payment a.calendar {
    height: 30px !important;
    width: 30px !important;
    bottom: 175px !important;
    right: 0px !important;
  }
</style>

@php

Session::forget('cart');
Session::forget('cart1');

@endphp

<link href="{{URL::asset('theme/assets/css/toastr.min.css')}}" rel="stylesheet">
<link href="{{URL::asset('theme/assets/css/sales_detail.css')}}" rel="stylesheet">

@endsection

@section('content')

<div class="center-wrapper">

  <div class="center-inner clearfix" style="margin-right:0;">

    <nav class="finder-breadcrumb">

      <ol class="breadcrumb">

        <li class="breadcrumb-item">

          <a href="{{route('investor.investments')}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon">

              <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />

              <path d="M0 0h24v24H0z" fill="none" />

            </svg> Investments</a>

        </li>

        <li class="breadcrumb-item current" aria-current="page">

          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon">

            <path d="M0 0h24v24H0z" fill="none" />

            <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" />

          </svg> View @if($businessdata->client->pre==1)Mr. @elseif($businessdata->client->pre==2) Mrs. @elseif ($businessdata->pre==3) Ms. @elseif ($businessdata->pre==4) N/a @endif {{ucfirst($businessdata->client->name)}} {{ucfirst($businessdata->client->middlename)}} {{ucfirst($businessdata->client->lastname)}} {{ucfirst($businessdata->client->suffix)}}
        </li>

        <li class="breadcrumb-item"><a href="javascript:history.go(-1)" class="back"><i class="fa fa-angle-left" aria-hidden="true"></i> Back</a></li>

      </ol>

    </nav>



    <div class="finder-sales-view-tab clearfix">

      <ul class="sales-view-tab-navi clearfix">

        <li style="width:34% !important;"><a href="#clientinfo" class="active" id="clientinfoactive">{{ __('sale_details.investor_investment_info') }}</a></li>
        <li style="width:33% !important;"><a href="#uploaddoc" id="uploaddocactive" class="">{{ __('sale_details.uploaded_documents') }}</a></li>
        <li style="width:33% !important;"><a href="#paymentsinfo" id="paymentsactive" class="">{{ __('sale_details.payments') }}</a></li>

      </ul>

      <div class="sales-view-tab-container" id="clientinfo" style="display:block;">

        <div class="row">

          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

            <div class="details-heads clearfix">

              <span class="name">@if($businessdata->client->pre==1)Mr. @elseif($businessdata->client->pre==2) Mrs. @elseif ($businessdata->pre==3) Ms. @endif {{ucfirst($businessdata->client->name)}} {{ucfirst($businessdata->client->middlename)}} {{ucfirst($businessdata->client->lastname)}} {{ucfirst($businessdata->client->suffix)}}</span>

              @if($businessdata->status == '0')

              <span class="status-sec pending">{{ __('sale_details.processing') }}</span>

              @elseif($businessdata->status == '1')

              <span class="status-sec pending">{{ __('sale_details.waiting_on_funds') }}</span>

              @elseif($businessdata->status == '2')

              <span class="status-sec ac-required">{{ __('sale_details.action_required') }}</span>

              @elseif($businessdata->status == '3')

              <span class="status-sec cancelled">{{ __('sale_details.matured') }}</span>

              @elseif($businessdata->status == '4')

              <span class="status-sec cancelled">{{ __('sale_details.cancelled') }}</span>

              @elseif($businessdata->status == '6' || $businessdata->status == '5')

              <span class="status-sec closed">{{ __('sale_details.effective') }}</span>

              @elseif($businessdata->status == '7')

              <span class="status-sec" style="color:blue;">{{ __('sale_details.renewal') }}</span>

              @elseif($businessdata->status == '8')

              <span class="status-sec pending">{{ __('sale_details.waiting_for_documents') }}</span>

              @elseif($businessdata->status == '9')

              <span class="status-sec pending">{{ __('pagination.waiting_on_maturity') }}</span>

              @elseif($businessdata->status == '10')

              <span class="status-sec pending">{{ __('pagination.waiting_for_add_funds') }}</span>

              @elseif($businessdata->status == '11')

              <span class="status-sec pending">{{ __('pagination.waiting_on_custodian') }}</span>

              @elseif($businessdata->status == '12')

              <span class="status-sec red">{{__('pagination.waiting_on_verification')}}</span>

              @endif

            </div>

            <div class="row sales-view-details">

              <div id="changeseries-status" class="modal fade modal-common-box" role="dialog">
                <div class="modal-dialog">

                  <!-- Modal content-->

                  <div class="modal-content clearfix">

                    <div class="modal-body clearfix">

                      <div class="close-modal" data-dismiss="modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">

                          <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />

                          <path d="M0 0h24v24H0z" fill="none" />

                        </svg></div>

                      <span class="heads">Social Security Number</span>

                      <div class="changesale-status-select">

                        <h2 class="headersocial" style="text-align: center; font-weight: bold; font-size: 28px;"> {{ $businessdata->social }}
                        </h2>

                      </div>

                    </div>

                  </div>


                </div>

              </div>

              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <hr class="fline">

              </div>

              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <label class="headblc">{{ __('sale_details.investor_information') }}</label>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.investor_created') }}: </label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <div class="text">
                  <span>
                    {{ date('d-m-Y', strtotime($businessdata->client->created_at))}}
                  </span>
                  <span style="display: none;">

                  </span>

                </div>

              </div>



              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.social_security_number_or_tax_id') }}: </label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <div class="text">
                  <span id="hiddenEINVal">
                    XX-XXX{{substr($businessdata->client->social,-4)}}
                  </span>
                  <span id="hiddenSSNVal">
                    XXX-XX-{{substr($businessdata->client->social,-4)}}
                  </span>
                  <span id="ShowVal" style="display: none;">
                    {{ $businessdata->client->social }}
                  </span>
                  <button type="button" id="series" class="generate socialnumber">Show</button>
                </div>
              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.phone') }}:</label>

              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{ CommonHelper::phoneNumberFormatStatic($businessdata->client->phone) }}</span>

              </div>

              @if($businessdata->client->phone1 != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.alternate_phone') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{CommonHelper::phoneNumberFormatStatic($businessdata->client->phone1)}}</span>

              </div>

              @endif


              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"><label class="text">{{ __('sale_details.transaction_correspndence') }}:</label></div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                @if($businessdata->client->correspondence1 == 1)
                <span class="text"> mail </span>
                @elseif($businessdata->client->correspondence1 == 2)
                <span class="text"> Email </span>
                @elseif($businessdata->client->correspondence1 == 3)
                <span class="text">Both </span>
                @elseif($businessdata->client->correspondence1 == 4)
                <span class="text"> Docusign </span>

                @else
                <span class="text"> Not Selected </span>
                @endif
              </div>
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"><label class="text">{{ __('sale_details.statement_correspndence') }}:</label></div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                @if($businessdata->client->correspondence2 == 1)
                <span class="text"> mail </span>
                @elseif($businessdata->client->correspondence2 == 2)
                <span class="text"> Email </span>
                @elseif($businessdata->client->correspondence2 == 3)
                <span class="text">Both </span>
                @elseif($businessdata->client->correspondence2 == 4)
                <span class="text"> Docusign </span>

                @else
                <span class="text"> Not Selected </span>
                @endif
              </div>

              <div class="clearfix"></div>
              @if($businessdata->client->email != '')
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <label>{{ __('sale_details.email') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->client->email}}</span>

              </div>
              @endif

              @if($businessdata->client->email1 != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.alternate_email') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->client->email1}}</span>

              </div>

              @endif



              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.birthday') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->client->birthday}}</span>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.address') }}:</label>

              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <span class="text">
                  @if($businessdata->client->address != '')
                  {{$businessdata->client->address}},
                  @endif
                  @if($businessdata->client->address1 != '')
                  {{$businessdata->client->address1}},
                  @endif
                  @if($businessdata->client->city != '' || $businessdata->client->state != '' || $businessdata->client->pincode != '' )
                  {{$businessdata->client->city}}, {{$businessdata->client->state}}
                  {{$businessdata->client->pincode}},
                  {{$businessdata->client->country}}
                  @endif
                </span>
              </div>
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.accredited') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{($business->accredited == 1) ? 'Yes' : 'No'}}</span>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.send_email_investor_portal') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{($business->email_sent == 1) ? 'Yes' : 'No'}}</span>

              </div>

              <div class="clearfix"></div>
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                    <label>{{ __('sale_details.verify') }}:</label>

                </div>

                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                    <span class="text">{{$business->getAccreditationVerificationMode()}}</span>

                </div>
                <div class="clearfix"></div>
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                    <label>{{ __('sale_details.date_last_verified') }}:</label>

                </div>

                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                    <span class="text">{{CommonHelper::displayDateMDY($business->last_verified_at)}}</span>

                </div>

              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <hr class="fline">

              </div>

              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <label class="headblc">{{ __('sale_details.investment_information') }}</label>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.investment_id') }}: </label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text" id="saleid">{{$businessdata->id}}</span>

              </div>



              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <label>{{ __('sale_details.investment_submitted') }}: </label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{date(' m/d/Y',strtotime($businessdata->created_at))}}</span>

              </div>

              <div class="clearfix"></div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.investment_amount') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text" id="amount">{{$businessdata->amount}}</span>

              </div>

              <div class="clearfix"></div>
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.investment_type') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->type}}</span>

              </div>



              @if($businessdata->type == 'Qualified' && $businessdata->custodian > '0')



              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.custodian_name') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                @if($businessdata->custodian =='1')

                <span class="text">Forge Trust</span>

                @elseif($businessdata->custodian =='2')

                <span class="text">Mainstar Trust Group</span>

                @elseif($businessdata->custodian =='3')

                <span class="text">Provident Trust</span>

                @elseif($businessdata->custodian =='4')

                <span class="text">IRA Club</span>

                @elseif($businessdata->custodian =='5')

                <span class="text">Accuplan</span>

                @elseif($businessdata->custodian =='6')

                <span class="text">CamaPlan</span>

                @elseif($businessdata->custodian =='7')

                <span class="text">STRATA Trust</span>

                @elseif($businessdata->custodian =='8')

                <span class="text">Goldstar</span>

                @elseif($businessdata->custodian =='9')

                <span class="text">{{__('sale_details.other')}}</span>

                @endif

              </div>

              @if($businessdata->custodian == '6')
              <div class="row empty-label-alignment">
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                  <label>{{ __('sale_details.ein_of_ira') }}:</label>
                </div>
                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 empty-label-value-alignment">
                  <span class="text">{{$businessdata->ein_of_ira}}</span>
                </div>
              </div>
              @endif

              @endif

              @if($businessdata->type == 'Qualified' && $businessdata->account_type > '0')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.account_type') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                @if($businessdata->account_type =='1')

                <span class="text">Traditional IRA</span>

                @elseif($businessdata->account_type =='2')

                <span class="text">Roth IRA</span>

                @elseif($businessdata->account_type =='3')

                <span class="text">Inherited IRA</span>

                @elseif($businessdata->account_type =='4')

                <span class="text">Solo 401(k)</span>

                @elseif($businessdata->account_type =='5')

                <span class="text">SEP IRA</span>

                @elseif($businessdata->account_type =='6')

                <span class="text">{{__('sale_details.hsa')}}</span>

                @elseif($businessdata->account_type =='7')

                <span class="text">{{__('sale_details.pension_plan')}}</span>

                @endif

              </div>


              @endif

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.advisor_to_record') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{ $businessdata->username($businessdata->usertype,$businessdata->userid) }}</span>

              </div>

              @if($businessdata->account_number != '' && $businessdata->type == 'Qualified')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.account_number') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->account_number}}</span>

              </div>
              @endif


              @if($businessdata->fundsreceived != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.funds_received') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->fundsreceived}}</span>

              </div>

              @endif


              @if($businessdata->effectivedate != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.effective_date') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->effectivedate}}</span>

              </div>
              @endif

              @if($businessdata->first_payment_date != '')
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <label>{{ __('sale_details.first_payment_date') }}:</label>
              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <span class="text">{{$businessdata->first_payment_date}}</span>
              </div>
              @endif


              @if($businessdata->maturitydate != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.maturity_date') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->maturitydate}}</span>

              </div>

              @endif


              @if($businessdata->last_payment_date != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.final_payment_date') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->last_payment_date}}</span>

              </div>
              @endif
              @if($businessdata->status == 3 || $businessdata->status == 7)
              @if($businessdata->funds_returned_date != '' && $businessdata->funds_returned_date != NULL)

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.funds_returned') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->funds_returned_date}}</span>

              </div>
              @endif

              @if($businessdata->amount_returned != '' && $businessdata->amount_returned != NULL && $businessdata->amount_returned != '0')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.amount_returned') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">${{CommonHelper::convertAmountToCurrency($businessdata->amount_returned)}}</span>

              </div>
              @endif

              @if($businessdata->funds_renewed_date != '' && $businessdata->funds_renewed_date != NULL)

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.funds_renewed') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->funds_renewed_date}}</span>

              </div>
              @endif

              @if($businessdata->amount_renewed != '' && $businessdata->amount_renewed != NULL && $businessdata->amount_renewed != '0')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.amount_renewed') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">${{CommonHelper::convertAmountToCurrency($businessdata->amount_renewed)}}</span>

              </div>
              @endif
              @endif
              @if($businessdata->term != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.term') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                @if(is_null($businessdata->term_criteria))
                <span class="text">{{($businessdata->term == 'equity') ? $businessdata->term : $businessdata->term . ' Months' }} </span>
                @else
                <span class="text">{{$businessdata->term_criteria}}</span>
                @endif

              </div>

              @endif


              @if($businessdata->parent_fund != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.parent_fund') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->parent_fund}}</span>

              </div>

              @endif


              @if($businessdata->feeder_fund != '')

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.feeder_fund') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->getFeederFundName($businessdata->feeder_fund)}}</span>

              </div>

              @endif

              @if($businessdata->parent_renew_id != NULL && ($businessdata->status == '7' || $businessdata->parent_maturity_date))
              <div class="row empty-label-alignment">
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                  <label>{{ __('sale_details.parent_maturity_date') }}:</label>

                </div>

                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 empty-label-value-alignment">

                  <span class="text">{{$businessdata->parent_maturity_date}}</span>

                </div>
              </div>

              @endif

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.nature_of_subscriber') }}:</label>

              </div>


              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->subsciberNature ? $businessdata->subsciberNature->name : 'N/A'}}</span>

              </div>

              @if($businessdata->subscriber_nature_id == 5)

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.joint_investor_name') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->joint_investor_name ? $businessdata->joint_investor_name : 'N/A'}}</span>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.joint_investor_ssn') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->joint_investor_ssn ? $businessdata->joint_investor_ssn : 'N/A'}}</span>

              </div>

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.joint_investor_dob') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->joint_investor_dob ? $businessdata->joint_investor_dob : 'N/A'}}</span>

              </div>

              @endif
              @if($businessdata->term != 'equity')

              @if(strpos($businessdata->term_criteria, 'Monthly') !== false || strpos($businessdata->term_criteria, '9 Months') !== false)

              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.return_per_annum') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{$businessdata->return1}} %</span>

              </div>



              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.monthly_interest') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">${{number_format($businessdata->monthly_interest,2)}}</span>

              </div>

              @endif



              @if(strpos($businessdata->term_criteria, 'Balloon') !== false)
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_detail.balloon_return') }}:</label>

              </div>

              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">{{ $balloon }} %</span>

              </div>


              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_detail.balloon_interest') }}:</label>

              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text"> ${{number_format($balloonInterest,2)}} </span>

              </div>

              @endif
              @endif
              @if($businessdata->type == 'Non-Qualified')
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('brand.investor_receive_payment') }}</label>

              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text">
                  @if($businessdata->payment_type == '2')
                  {{__('sale_details.direct_deposite')}}
                  @elseif($businessdata->payment_type == '3')
                  {{__('sale_details.check')}}
                  @endif
                </span>

              </div>
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">

                <label>{{ __('sale_details.trustee_name') }}:</label>

              </div>
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                <span class="text"> 
                  {{$businessdata->trustee_name}}
                </span>

              </div>
              @endif

            </div>

          </div>

        </div>

      </div>
    </div>



    <div class="sales-view-tab-container" id="paymentsinfo">
      <div class="paymentscontainer">
        <!--<a href="javascript:sendPayments()" id="btnSavePayments"></a>-->
        <div class="paymentamountscontainer">
          <label>{{ __('sale_details.interest_balance_remaining') }}: <span id="balance"></span></label>
          <label>{{ __('sale_details.interest_payments_to_date') }}: <span id="accrued"></span></label>
        </div>

        <label id="uploadcomplete">{{ __('sale_details.update_complete') }}</label>
        <div class="paymentcontainer hr"></div>
        <div id="paymentcontainer" class="paymentcontainer"></div>
      </div>
    </div>



    <div class="sales-view-tab-container" id="uploaddoc">

      <div class="row">

        <!--regular uploads-->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

          <div class="sed-heading">{{__('sale_details.uploaded_documents')}}</div>
          <ul class="sale-pdf-list">
            @foreach($businessdata->folder as $folder)
              <li>
                @php $url = route('investor.salesDetailFolderDetails',[$businessdata->id,$folder]); @endphp
                <div class="pdf-file" onclick="onDirect('{{ $url }}')">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="pdfico" style="fill:#555;">

                    <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>

                    <path d="M0 0h24v24H0z" fill="none"/>

                  </svg>

                  <span class="head">{{ucfirst($folder->name)}}</span>
                </div>   
              </li>
            @endforeach
            @foreach($businessdata->upperFilInvestor as $filedata)

            @php $extensions = (explode('.', $filedata->image)); $ext=end($extensions); @endphp

            <li>

              @if($ext=='ai' || $ext=='xlsx' || $ext=='csv')

              <a href="#" data-toggle="modal" data-target="#myModal" class="pdfvew" t> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon">
                  <path d="M0 0h24v24H0z" fill="none" />
                  <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" />
                </svg>View</a>
              @else
              <a href="{{asset('file/'.$filedata->image)}}" class="pdfvew view-margin" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon">
                  <path d="M0 0h24v24H0z" fill="none" />
                  <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" />
                </svg>View</a>
              @endif
              <div class="doc-checkbox-div hide">
                <input type="checkbox" data-file="{{ route('investor.download', $filedata->image )}}" value="{{$filedata->id}}" class="doc-id-checkbox" name="docId">
              </div>


              <div class="pdf-file">

                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 505 505" style="enable-background:new 0 0 505 505;" xml:space="preserve" width="24" height="24" class="pdfico">
                  <path fill="none" d="M0 0h24v24H0z" />
                  <circle style="fill:#2B3B4E;" cx="252.5" cy="252.5" r="252.5" />
                  <polygon style="fill:#FFFFFF;" points="325.6,86.1 325.6,139.7 379.1,139.7 379.1,418.9 125.9,418.9 125.9,86.1 " />
                  <polygon style="fill:#E6E9EE;" points="325.6,86.1 379.1,139.7 325.6,139.7 " />
                  <g>
                    <rect x="153" y="265.5" style="fill:#84DBFF;" width="199" height="12.2" />
                    <rect x="153" y="234" style="fill:#84DBFF;" width="199" height="12.2" />
                    <rect x="153" y="202.4" style="fill:#84DBFF;" width="199" height="12.2" />
                    <rect x="153" y="297" style="fill:#84DBFF;" width="199" height="12.2" />
                    <rect x="153" y="328.5" style="fill:#84DBFF;" width="199" height="12.2" />
                    <rect x="153" y="360" style="fill:#84DBFF;" width="93.8" height="12.2" />
                  </g>

                </svg>

                <span class="head">@if($filedata->display_name!=''){{$filedata->display_name}} @else {{$filedata->image}}@endif</span>

                <span class="upcname"><i>Uploaded by:</i> {{$filedata->username($filedata->usertype,$filedata->userid)}}</span>

                <span class="upcdate"><i>Uploaded on:</i> {{date('h:i a, d M Y',strtotime($filedata->created_at))}}</span>
              </div>


            </li>

            @endforeach
            <div id="myModal" class="modal fade" role="dialog">
              <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">{{ config('global.brand_name3') }}</h4>
                  </div>
                  <div class="modal-body">
                    <p style="text-align:center;font-size: 18px;"><b>Preview Unavailable</b></p>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('sale_details.close') }}</button>
                  </div>
                </div>

              </div>
            </div>



          </ul>

        </div>

      </div>

    </div>


  </div>

</div>

<!--  center-inner -->

</div>

</div>


<!--  center-inner -->
@endsection
@section('js')
<script src="{{URL::asset('theme/assets/js/toastr.min.js')}}"></script>

<script type="text/javascript" src="{{asset('assets/js/sale_detail.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/balloon_coupon.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/generate_advisor_coupon.js')}}"></script>
<script>
  //check if any files are uploaded
  var filecount = parseInt( {{sizeof($businessdata -> file)}} );
  var fileuploadedcount = 0;
  if (filecount > 0) {
    //enable the publish publish buttons
    $('.publishbuttons').show();
  }
</script>
<script type="text/javascript" src="{{ asset('theme/assets/js/sale-view.js') }}"></script>
<script>
  $(document).ready(function() {
    var amount12 = $("#amount").text();
    var str = amount12.toString().split('.');
    if (str[0].length >= 4) {
      //add comma every 3 digits befor decimal
      str[0] = str[0].replace(/(\d)(?=(\d{3})+$)/g, '$1,');
    }


    var afterjoin = str.join('.');
    $("#amount").text('$' + afterjoin);
  });
</script>
<script>
  function refreshPage() {
    window.location.reload();
  }

  function isEIN(elementValue) {
    var patternEIN = /^\d{2}\-?\d{7}$/;
    return patternEIN.test(elementValue);
  }


  function isSSN(elementValue) {
    var ssnPattern = /^[0-9]{3}\-?[0-9]{2}\-?[0-9]{4}$/;
    return ssnPattern.test(elementValue);
  }

  $(document).ready(function() {
    //check to see what type of id is found
    var ssn = $.trim($('#ShowVal').html());
    var isSocial = isSSN(ssn);
    var isBusinessId = isEIN(ssn);
    if (isSocial) {
      $('#hiddenEINVal').hide();
      $('#hiddenSSNVal').show();
    } else if (isBusinessId) {
      $('#hiddenEINVal').show();
      $('#hiddenSSNVal').hide();
    }
    $("#series").click(function() {
      if (isSocial) {
        $('#hiddenSSNVal').toggle();
      } else if (isBusinessId) {
        $('#hiddenEINVal').toggle();
      }
      //$('#hiddenVal').toggle();
      $('#ShowVal').toggle();
      $("#series").text($("#series").text() == 'Show' ? 'Hide' : 'Show');
    });


    //init click event on all checkboxes
    $('.checkbox').on('click', function(e) {
      //get the parent element
      var cb = $(this).parent().children()[1];
      if ($(cb).is(":checked")) {
        $(cb).prop('checked', false);
      } else {
        $(cb).prop('checked', true);
      }

      //check the status again
      if ($(cb).is(":checked") && !$(cb).prop('disabled')) {
        $(this).addClass('checked');
      } else {
        $(this).removeClass('checked');
      }
    });

    //init the toggle switch
    $('.switch').on('click', function(e) {
      $($('.errorlabel').children()[0]).html("");
      var cb = $(this).children()[1];
      var toggle = $(this).children()[0];

      if ($(cb).is(":checked")) {
        $(cb).prop('checked', false);
      } else {
        $(cb).prop('checked', true);
      }

      //check the status again
      if ($(cb).is(":checked")) {
        $(toggle).removeClass('left');
        $(toggle).addClass('right');

        //show the recipients container
        $('.recipientsrow').show();
      } else {
        $(toggle).removeClass('right');
        $(toggle).addClass('left');

        //hide the recipients container
        $('.recipientsrow').hide();
      }

    });
  });

  //check if the documents refresh docs query string has been passed
  $(document).ready(function() {
    var documentsRefreshValue = (new URL(location.href)).searchParams.get('refreshdocs');

    if (documentsRefreshValue != null) {

      document.getElementById("uploaddoc").style.display = "block";
      document.getElementById('clientinfo').style.display = "none";
      document.getElementById('uploaddocactive').classList.add("active");
      document.getElementById('paymentsactive').classList.remove("active");
      document.getElementById("clientinfoactive").classList.remove("active");
      window.history.replaceState(null, null, window.location.pathname);
    }
  });
</script>

<script>
  @if(Session::get('deletefile') == '1')

  document.getElementById("uploaddoc").style.display = "block";

  document.getElementById('clientinfo').style.display = "none";

  document.getElementById('uploaddocactive').classList.add("active");

  document.getElementById('paymentsactive').classList.add("active");

  document.getElementById("clientinfoactive").classList.remove("active");
  @php
  Session::forget('deletefile');
  @endphp
  @endif

  $(document).ready(function() {

    $(".qualified-radio input[type='radio']").on("change", function() {

      if ($(this).val() == "Qualified") {

        $("#qualified").show();

        $("#Non-Qualified").hide();

      } else {

        $("#Non-Qualified").show();

        $("#qualified").hide();

      }

    });

    $(".sales-view-tab-navi li a").on("click", function(event) {

      event.preventDefault();

      var hashidn = $(this).attr('href');

      $(".sales-view-tab-navi li a").removeClass("active");

      $(".sales-view-tab-container").hide();

      $(this).addClass("active");

      $(hashidn + ".sales-view-tab-container").show();

    });

  });
</script>

<script>
  //formatting closure
  var formatter = new Intl.NumberFormat('en-US', {
    style: 'currency',
    currency: 'USD',
    minimumFractionDigits: 2
  });
  //this function will check for non-numeric charrss
  function validateInput(input) {
    //get the input value
    var val = input.value;

    //check for invalid chars
    var invalidChars = "~`!@#$%^&*()_-+={[}]|\:;\"'<,>?/'}`qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM";
    for (var i = 0; i < invalidChars.length; i++) {
      if (val.indexOf(invalidChars.substr(i, 1)) != -1) {
        console.log("Found invalid char...removing");
        //remove it
        val = val.replace(invalidChars.substr(i, 1), "");
      }
    }

    //reset the value
    console.log("Replacing value - " + val);
    input.value = val;
  }
  //this function will add a new row to the payment container
  function addPaymentRow(obj, index) {

    //add a new blank row
    var payment = document.createElement('div');
    payment.classList.add("payment");
    payment.classList.add('new');

    //add the child elements to the row
    var toplabel = document.createElement('label');
    toplabel.innerHTML = 'Amount';
    toplabel.classList.add('top');
    var input = document.createElement('input');
    input.type = "text";
    input.classList.add('amount');
    var hiddeninput = document.createElement('input');
    hiddeninput.style.opacity = "0.0";
    hiddeninput.style.width = "10%";
    hiddeninput.style.float = "right";
    hiddeninput.type = "text";
    var label = document.createElement('label');
    label.classList.add('date');
    var btnCalendar = document.createElement('a');
    btnCalendar.classList.add("calendar");
    var btnSave = document.createElement('a');
    btnSave.classList.add('save');
    var order = document.createElement('label');
    order.classList.add('order');
    order.innerHTML = index;
    var notescontainer = document.createElement('div');
    notescontainer.classList.add('notesparent');
    var notes = document.createElement('textarea');
    notes.classList.add('notes');
    var type = document.createElement('input');
    notescontainer.appendChild(notes);
    notescontainer.appendChild(type);
    type.classList.add('type');
    var noteslabel = document.createElement('label');
    noteslabel.innerHTML = 'Notes';
    noteslabel.classList.add('left');
    var typelabel = document.createElement('label');
    typelabel.classList.add('right');
    typelabel.innerHTML = 'Type';
    notescontainer.appendChild(noteslabel);
    notescontainer.appendChild(typelabel);
    payment.appendChild(toplabel);
    payment.appendChild(order);
    payment.appendChild(input);
    payment.appendChild(label);
    payment.appendChild(btnCalendar);
    payment.appendChild(btnSave);
    payment.appendChild(hiddeninput);
    payment.appendChild(notescontainer);

    //add the payment values
    input.value = formatter.format(obj.amount);
    var rawDate = moment(obj.date_paid);
    var month = ((((rawDate.month() + 1) + '').length < 2) ? "0" + (rawDate.month() + 1) : (rawDate.month() + 1))
    var day = (((rawDate.date() + 1) + '').length < 2) ? "0" + rawDate.date() : rawDate.date();
    var datePaid = rawDate.year() + "-" + month + "-" + day;
    label.innerHTML = datePaid;

    //init the hidden input to use the date picker
    $(hiddeninput).datepicker({
      dateFormat: 'yy-mm-dd',
      onSelect: function(dateText, inst) {
        $(this).change();
      }
    });
    $(hiddeninput).on('changeDate', function() {
      console.log("Date Selected - " + this.value);
      var rawDate = moment(this.value);
      var month = ((((rawDate.month() + 1) + '').length < 2) ? "0" + (rawDate.month() + 1) : (rawDate.month() + 1))
      var day = (((rawDate.date() + 1) + '').length < 2) ? "0" + rawDate.date() : rawDate.date();
      label.innerHTML = rawDate.year() + "-" + month + "-" + day;
      $('.datepicker').hide();
    });

    //set date label click event
    btnCalendar.addEventListener('click', function() {
      $(hiddeninput).focus();
    });

    //set the input event listeners
    input.addEventListener('keyup', function() {
      console.log("Launching check on input");
      validateInput(input);
    });
    input.addEventListener('blur', function() {
      console.log("Launching formatting on input");
      validateInput(input);
      input.value = formatter.format(input.value);
    });
    //add the new row
    document.getElementsByClassName('paymentcontainer')[1].appendChild(payment);
  }

  //this function will add a new row to the payment container
  var issingletransaction = false;

  //this function will delete the selected payment
  function deletePayment(id) {
    console.log("Deleting payment - " + id);
    //get data
    var payments = Array.from(document.getElementsByClassName('payment'));
    if (payments.length > 0) {
      //set banner
      var uploadcomplete = document.getElementById('uploadcomplete');
      uploadcomplete.style.display = 'none';

      //init the payment delete request
      var request = {
        id: id
      }

      //perform the post
      $.post('/investor/delete-client-payment', {
          _token: '{{ csrf_token() }}',
          data: JSON.stringify(request)
        })
        .done(function(data) {
          console.log("Payments delete response - " + JSON.stringify(data));
          uploadcomplete.style.display = 'block';
          //populate payments data
          getpaymentsdata();
        });
    }
  }

  /**
   * This function will send the client payment data 
   * @incrementIndex extra increment in coupon nodes because of extra element added on runtime
   */
  function sendPayment(e, paymentmade,incrementIndex = 0) {
    console.log("Sending payment data - " + paymentmade);
    //get the parent
    var parent = e.target.parentNode;
    if (parent == undefined) {
      parent = e.parentNode;
    }
    var id = e.target.id;
    if (id == undefined) {
      id = e.id;
    }
    id = id.split('_')[1];

    //get data
    var uploadcomplete = document.getElementById('uploadcomplete');
    uploadcomplete.style.display = 'none';
    var paymentsData = [];
    var payment = {
      id: id,
      amount: parent.childNodes[11 + incrementIndex].value,
      date: parent.childNodes[9 + incrementIndex].innerHTML,
      notes: parent.childNodes[16 + incrementIndex].childNodes[2].value,
      type: parent.childNodes[16 + incrementIndex].childNodes[3].childNodes[0].value,
      paid_to: parent.childNodes[4 + incrementIndex].value,
      random_coupon_state: parent.childNodes[14 + incrementIndex].value,
      payment_id: parent.childNodes[15 + incrementIndex].value
    }
    /*if(paymentmade) {
      payment.payment_made = 1;
    }*/
    paymentsData.push(payment);

    //init the sale payments request
    var request = {
      saleid: document.getElementById('saleid').innerHTML,
      payments: paymentsData
    }

    //perform the post
    $.post('/investor/add-client-payments', {
        _token: '{{ csrf_token() }}',
        data: JSON.stringify(request)
      })
      .done(function(data) {
        console.log("Payments updated - " + JSON.stringify(data));
        uploadcomplete.style.display = 'block';
        if (paymentmade) {
          //populate payments data
          getpaymentsdata();
        }
      });
  }

  //this function will compile the payments
  function accruePaymentsNeeded(term, amount, apr) {
    console.log("Processing accrual for " + amount + ', ' + term + ', ' + apr);
    if (term != null && term != undefined && term != 'equity') {
      apr = (apr != null) ? apr : 8.5;
      //calculate payment
      var calculatedPayment = (parseFloat(amount) * apr / 100) / 12 * term;
      //iterate using the term value and add payment amounts
      for (var t = 0; t < parseInt(term); t++) {
        //create all payments according
        var payment = {
          amount: calculatedPayment,
          date_paid: ''
        };
        addPaymentRow(payment);
      }
    }
  }

  //this function will sort by populated date for payments
  function comparedates(a, b) {
    //get the date child node values
    var dateA = a.childNodes[1].innerHTML;
    var dateB = b.childNodes[1].innerHTML;

    //parse the dates, then return
    dateA = new Date(dateA);
    dataB = new Date(dateB);
    return dateA - dateB;
  }

  //this function will calculate pro-rate prior to first payment date
  function getFirstProRateAmount(effectivedate, monthlyinterest) {
    //get the days in the month
    var daysinmonth = daysInMonth(effectivedate.month(), effectivedate.year());
    //subtract the date from the amount of days to get the difference in days
    var daysdiff = ((parseInt(daysinmonth) - parseInt(effectivedate.date())));
    //perform the calculation
    return ((parseFloat(monthlyinterest) / 30) * daysdiff);
  }

  //this function will calculate the pro-rate prior to the last payment date
  function getLastProRateAmount(apr, term, amount, ytd, monthlyinterest) {
    //perform the calculation and return
    var interestRate = ((apr / 100) + 1);
    return ((parseFloat(interestRate) / (12 * parseInt(term))) * ((parseFloat(amount) - ytd)) - parseFloat(monthlyinterest));
  }

  //this util function will get the days in a month
  function daysInMonth(month, year) {
    return new Date(year, month, 0).getDate();
  }

  function percentage(num, per) {
    return (num / 100) * per;
  }

  //this function will get all payment data
  function getpaymentsdata() {
    $.get('/investor/get-client-payments', {
      _token: '{{ csrf_token() }}',
      saleid: document.getElementById('saleid').innerHTML
    }, function(data) {

      //cycle through the payments
      var data = JSON.parse(data);

      //extract the business details, then check if an effective date and first payment date are scheduled
      var businessdetails = data.businessdetails[0];
      var payments = data.clientpayments;
      var balloon = data.balloon;
      var balloonInterest = data.balloonInterest;
      var totalPaidToDate = 0;
      var custodian = data.custodian;
      if (businessdetails.effectivedate != null && businessdetails.first_payment_date != null && businessdetails.return1 != null && businessdetails.monthly_interest != null && businessdetails.term_criteria.indexOf("Monthly") >= 0) {
        console.log("Found effetive and first payment dates");
        //parse the dates
        var effectivedate = moment(businessdetails.effectivedate); //new Date(businessdetails.effectivedate);
        var firstpaymentdate = moment(businessdetails.first_payment_date); //new Date(businessdetails.first_payment_date);
        var datepaymentmade = moment(businessdetails.first_payment_date); //new Date(businessdetails.first_payment_date);
        var lastpaymentdate = moment(businessdetails.last_payment_date); //new Date(businessdetails.last_payment_date);
        var term = parseInt(businessdetails.term);
        var apr = parseFloat(businessdetails.return1);
        var monthlyinterest = parseFloat(businessdetails.monthly_interest);


        //perform calculations
        var percentageAmount = (parseFloat(businessdetails.amount) * parseFloat(apr)); //percentage(parseFloat(businessdetails.amount), parseFloat(apr));
        console.log("Interest Percent Calculated - " + percentageAmount);
        var originalTotalAmount = (((percentageAmount / 100) / 12) * term);
        var totalPaidAmount = originalTotalAmount;
        var calculatedpayment = totalPaidAmount / term;
        var startProRateAmount = ((firstpaymentdate.month() + 1) >= 1 && firstpaymentdate.year() >= 2020) ? calculatedpayment : calculatedpayment + getFirstProRateAmount(effectivedate, calculatedpayment);
        var endProRateAmount = ((firstpaymentdate.month() + 1) >= 1 && firstpaymentdate.year() >= 2020) ? calculatedpayment : (originalTotalAmount - ((calculatedpayment * (term - 2)) + startProRateAmount));
        

        //recalculate total amount with first and last months missing
        totalPaidAmount = ((totalPaidAmount / term) * (term - 2));
        totalPaidAmount = totalPaidAmount + startProRateAmount + endProRateAmount + data.balloonInterest;

        //dump all payment data, then re-add
        document.getElementsByClassName('paymentcontainer')[1].innerHTML = '';

        console.log("Adding pre-processed and default payments");
        for (var t = 0; t < term; t++) {
          //check if a date paid is fouund
          var pay = (function() {
            //cycle through the existing list of payments
            for (var p in payments) {
              //get the db payment
              var payment = payments[p];
              var datepaid = moment(payment.date_paid.replace(/ /g, "T"));

              //console.log("Date Paid Value - " + datepaid);
              var datePaidDate = datepaid.date();
              var datePaymentMadeDate = datepaymentmade.date();
              var datePaidMonth = datepaid.month();
              var datePaymentMadeMonth = datepaymentmade.month();
              var datePaidYear = datepaid.year();
              var datePaymentMadeYear = datepaymentmade.year();
              //console.log("Date Paid Month - " + datePaidMonth + "; Date Paid Year - " + datePaidYear);
              //console.log("Date Payment Made Month - " + datePaymentMadeMonth + "; Date Payment Made Year - " + datePaymentMadeYear);
              //compare dates
              if (datePaidDate == datePaymentMadeDate && datePaidMonth == datePaymentMadeMonth && datePaidYear == datePaymentMadeYear) {
                payments.splice(p , 1);
                return payment;
              }
            }
            return null;
          })();
          var found = (pay != null);
          if (pay == null) {
            console.log("Payment has not been made. Adding payment data...");
            var month = (datepaymentmade.month() + 1) + "";
            var day = datepaymentmade.date() + "";
            month = month.length < 2 ? "0" + month : month;
            day = day.length < 2 ? "0" + day : day;
            pay = {
              amount: (t == 0) ? startProRateAmount : (t == (term - 1)) ? endProRateAmount : calculatedpayment,
              date_paid: datepaymentmade.year() + "-" + month + "-" + day,
              notes: '',
              paid_to: '',
              type: '',
              random_coupon_state: t + 1 + "_" + businessdetails.term_criteria,
              id: -1,
              custodian: custodian,
              investment_type: businessdetails.type
            };
          }
          //else if(parseInt(pay.payment_made) != 0) {
          else {
            console.log("Payment made already...adding payment to total");
            totalPaidToDate = totalPaidToDate + parseFloat(pay.amount);
          }

          //check if the payment object has populated values for payment type and/or submitte
          if (pay.notes == null || pay.notes == undefined || pay.notes == '') {
            var note = '{{urldecode($businessdata->getPaymentDataItem($businessdata->id, "notes"))}}';
            pay.notes = note.replace('&amp;', '&');
          }
          if (pay.paid_to == null || pay.paid_to == undefined || pay.paid_to == '') {
            var paidto = (businessdetails.pay_to == null) ? "" : businessdetails.pay_to;
            pay.paid_to = paidto.replace('&amp;', '&');
          }
          if ((pay.type == null || pay.type == undefined || pay.type == '') && businessdetails.type == "Non-Qualified") {
            var type = '{{urldecode($businessdata->getPaymentDataItem($businessdata->id, "type"))}}';
            pay.type = type.replace('&amp;', '&');
          }
          //removing randomly re-generated coupons that are modified
          var flagRemoveRandomCoupon = false;
          for (var index in payments) {
            if(payments[index].random_coupon_state == t+1 + "_" + businessdetails.term_criteria){
              flagRemoveRandomCoupon = true;
            }
          }
          if(!flagRemoveRandomCoupon){
            if(t == term - 1){
              addPopulatedPaymentRow(pay, (t + 1), found,balloonInterest,true);
            }
            else{
              addPopulatedPaymentRow(pay, (t + 1), found,0,true);
            }
          }
          //increment datepaymentmade 1 month
          datepaymentmade.set('month', datepaymentmade.month() + 1);
        }
        for (var p = 0; p < payments.length; p++) {
              //get the db payment
              var payment = payments[p];
              payment.paid_to = (payment.paid_to == null || payment.paid_to == "")?businessdetails.pay_to:payment.paid_to;
              addPopulatedPaymentRow(payment, (term + p + 1 ), true,0);
              totalPaidToDate = totalPaidToDate + parseFloat(payments[p].amount);
        }

        //do a quick sort on the payments
        var payobjs = Array.from(document.getElementsByClassName('payment'));
        //payobjs.sortBy(function(o) {var dateA = o.childNodes[1].innerHTML; return new Date(dateA);});
        payobjs = (function() {
          var oldestdate = moment();
          var newpayobjs = [];
          //cycle through the pay objects
          for (var p = 0; p < payobjs.length; p++) {
            //grab the date from the payment object
            var paid = payobjs[p];
            var paymentdate = moment(paid.childNodes[1].innerHTML);
            //compare the date between oldest and current payment date
            if (paymentdate > oldestdate) {
              if (newpayobjs.length == 0) {
                newpayobjs.push(paid);
              } else {
                newpayobjs.splice(0, paid);
              }
              oldestdate = paymentdate;
            } else {
              newpayobjs.push(paid);
            }
          }
          return newpayobjs;
        })();
        //dump all payment data, then re-add
        document.getElementsByClassName('paymentcontainer')[1].innerHTML = '';
        for (var p = 0; p < payobjs.length; p++) {
          var pay = payobjs[p];
          document.getElementsByClassName('paymentcontainer')[1].appendChild(pay);
        }
        //add final balances to the UI
        var finalUnPaidAmount = parseFloat(totalPaidAmount) - parseFloat(totalPaidToDate);
        $('#balance').text(formatter.format(0));
        $('#accrued').text(formatter.format(0));
        if(!isNaN(finalUnPaidAmount )){
          if(finalUnPaidAmount < 0){
            finalUnPaidAmount = 0;
          }
          $('#balance').text(formatter.format(finalUnPaidAmount));
          $('#accrued').text(formatter.format(totalPaidToDate));
        }

      }
      /////checking for term equtiy or balloon
      else if (businessdetails.effectivedate != null && (businessdetails.term == 'equity' || businessdetails.term_criteria.indexOf("Balloon") >= 0)) {
        //parse the dates
        var effectivedate = moment(businessdetails.effectivedate); 
        var firstpaymentdate = moment(businessdetails.first_payment_date); 
        var datepaymentmade = moment(businessdetails.first_payment_date); 
        var lastpaymentdate = moment(businessdetails.last_payment_date); 

        //dump all payment data, then re-add
        document.getElementsByClassName('paymentcontainer')[1].innerHTML = '';
        
          //check if a date paid is fouund
          var pay = (function() {
            //cycle through the existing list of payments
            for (var p = 0; p < payments.length; p++) {
              //get the db payment
              var payment = payments[p];
              payment.paid_to = (payment.paid_to == null || payment.paid_to == "")?businessdetails.pay_to:payment.paid_to;
              addPopulatedPaymentRow(payment, (p+1 ), true,0);
              var datepaid = moment(payment.date_paid.replace(/ /g, "T"));
              var datePaidMonth = datepaid.month();
              var datePaymentMadeMonth = datepaymentmade.month();
              var datePaidYear = datepaid.year();
              var datePaymentMadeYear = datepaymentmade.year();
              totalPaidToDate = totalPaidToDate + parseFloat(payment.amount);

            }
            return (payments.length == 0) ? null : 1;
          })();
          if (pay == null) {
            generateDefaultPaymentCoupon(businessdetails,balloonInterest);
          }
          $('#accrued').text(formatter.format(totalPaidToDate));
          //increment datepaymentmade 1 month
          datepaymentmade.set('month', datepaymentmade.month() + 1);

        //do a quick sort on the payments
        var payobjs = Array.from(document.getElementsByClassName('payment'));
        payobjs = (function() {
          var oldestdate = moment();
          var newpayobjs = [];
          //cycle through the pay objects
          for (var p = 0; p < payobjs.length; p++) {
            //grab the date from the payment object
            var paid = payobjs[p];
            var paymentdate = moment(paid.childNodes[1].innerHTML);
            //compare the date between oldest and current payment date
            if (paymentdate > oldestdate) {
              if (newpayobjs.length == 0) {
                newpayobjs.push(paid);
              } else {
                newpayobjs.splice(0, paid);
              }
              oldestdate = paymentdate;
            } else {
              newpayobjs.push(paid);
            }
          }
          return newpayobjs;
        })();
        //dump all payment data, then re-add
        document.getElementsByClassName('paymentcontainer')[1].innerHTML = '';
        for (var p = 0; p < payobjs.length; p++) {
          var pay = payobjs[p];
          document.getElementsByClassName('paymentcontainer')[1].appendChild(pay);
        }
        //add final balances to the UI
        var finalUnPaidAmount = parseFloat({{$balloonInterest}}) - parseFloat(totalPaidToDate);
        if(finalUnPaidAmount < 0 ){
          finalUnPaidAmount = 0;
        }
        $('#balance').text(formatter.format(0));
        $('#accrued').text(formatter.format(0));
        if(!isNaN(finalUnPaidAmount )){
          $('#balance').text(formatter.format(finalUnPaidAmount));
        }
        if(!isNaN(totalPaidToDate )){
          $('#accrued').text(formatter.format(totalPaidToDate));
        }

      }
      sortUsingDate($('#paymentcontainer'), "div", "label.date");
      //check if we have a saved upload doc url
      if (typeof(Storage) !== 'undefined') {
        var redirectUrl = localStorage.getItem('uploadurl');
        if (redirectUrl != null && redirectUrl != undefined && redirectUrl != '') {
          $('#uploaddocactive').trigger('click');
          localStorage.removeItem('uploadurl');
        }
      }
    });

  }

  //this closure will sort the payments by date using 'sortBy'
  (function() {
    if (typeof Object.defineProperty === 'function') {
      try {
        Object.defineProperty(Array.prototype, 'sortBy', {
          value: sb
        });
      } catch (e) {}
    }
    if (!Array.prototype.sortBy) Array.prototype.sortBy = sb;

    function sb(f) {
      for (var i = this.length; i;) {
        var o = this[--i];
        this[i] = [].concat(f.call(o, o, i), o);
      }
      this.sort(function(a, b) {
        for (var i = 0, len = a.length; i < len; ++i) {
          if (a[i] != b[i]) return a[i] < b[i] ? -1 : 1;
        }
        return 0;
      });
      for (var i = this.length; i;) {
        this[--i] = this[i][this[i].length - 1];
      }
      return this;
    }
  })();
  /**
   * sort coupons using date ascending
   * @params parent is the id of parent container
   * @params chilsSelector is then child element
   * @params is date element on which sorting is being made
   */
  function sortUsingDate(parent, childSelector, keySelector) {
    var items = parent.children(childSelector).sort(function(a, b) {
        var vA = $(keySelector, a).text();
        var vB = $(keySelector, b).text();
        return (vA < vB) ? -1 : (vA > vB) ? 1 : 0;
    });
    parent.append(items);
    parent.children(childSelector).each(function (index) {
      $(this).find(".order").text(index+1);
    });
  }
  $(document).ready(function() {
    //populate payments data
    $("#btnAddPayment").on('click', function() {
      var payment = {amount:0,notes:"",type:"",paid_to:"",date_paid:new Date().toISOString().split('T')[0]};
      var index = 0;
      addPopulatedPaymentRow(payment, (index ), false,0);
      $("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
    });
    getpaymentsdata();

    //init checklist
    $('.checklist').click(function(event) {
      var saleid = document.getElementById('saleid').innerHTML; //document.getElementById("saleid").value;
      event.preventDefault();

      var id = $(this).data('id');
      if (document.getElementById(id).checked != true) {

        document.getElementById(id).checked = true;

        var ids = id.replace("checklist", "");


        var path = ('{{url('/')}}');
        $.ajax({
          url: path + "/admin/salechecklist",
          method: "POST",
          data: {
            "_token": "{{ csrf_token() }}",
            "checklistid": ids,
            "saleid": saleid
          },
          success: function(data) {
            console.log("Checklist updated - " + JSON.stringify(data));
          }
        });
      } else {

        document.getElementById(id).checked = false;
        var ids = id.replace("checklist", "");
        var path = $('#base_url').val();
        $.ajax({
          url: path + "/admin/saleunchecklist",
          method: "POST",
          data: {
            "_token": "{{ csrf_token() }}",
            "checklistid": ids,
            "saleid": saleid
          },
          success: function(data) {
            console.log("Checklist updated - " + JSON.stringify(data));
          }
        });
      }
    });
  });
  function onDirect(val)
  {
    window.location.href = val;
  }
</script>

@endsection