 
<div class="container">
    <div class="calculatorSection__heading">
        <h1>Deal Calculator</h1>
    </div>

    <div class="row">
    	<form id="clculatorForm">
            <input type="hidden" id="ajax_url" value="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-admin/admin-ajax.php">
    	<input type="hidden" name="action" value="bfg_calculator_ajax">	
        <div class="col-md-6">
            <div class="formGroup">

                <div class="formHolder">
                    <label for="">Purchase Price
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="purchase_price" value="350000" id="purchase_price" class="formControl formattedNumberField" class="">
                    </div>
                </div>

                <div class="formHolder">
                    <label for="">Rehab Budget
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="rehab_budget" id="rehab_budget" value="90000" class="formControl formattedNumberField">
                    </div>
                </div>

                <div class="formHolder">
                    <label for="">After Repair Value (ARV)
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="arv" id="arv" value="575000" class="formControl formattedNumberField">
                    </div>
                </div>

               <!--  <div class="formHolder">
                    <label for="">Down payment
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="down_payment" id="down_payment" class="formControl formattedNumberField">
                    </div>
                       <div class="formHolder__inner rangeSliderHolder">
                        <span class="rangeSlider__left">10%</span>
                        <span class="rangeSlider__Right">90%</span>
                        <input type="range" name="dowm_pay_percent" id="payment_range" min="10" max="90" step="1" value="10" unit='%'>
                        <output class="output"></output>

                    </div>
                </div> -->
                   <!-- downpayment new section -->
                <div class="formHolder">
                    <label for="">Down payment
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam
                                culpa
                            </span>
                        </a>
                    </label>
                    <div class="downpaymentHolder">
                        <ul>
                            <li class="downpaymentHolder__btnHolder">
                                <a href="javascript:void();" data-tag="DollarPayment" class="activelink">$</a>
                            </li>
                            <li class="downpaymentHolder__btnHolder">
                                <a href="javascript:void();" data-tag="percentagePayment">%</a>
                            </li>
                        </ul>

                        <input type="hidden" name="down_pay_type" id="down_pay_type" value="DollarPayment">
                        <div class="downpaymentHolder__dolar downpaymentOptn" id="DollarPayment">
                            <div class="formHolder__inner haveIcon">
                                 <input type="text" name="down_payment" id="down_payment" class="formControl formattedNumberField">
                            </div>
                        </div>
                        <div class="downpaymentHolder__percent downpaymentOptn hide" id="percentagePayment">
                            <div class="formHolder__inner rangeSliderHolder">
                                <span class="rangeSlider__left">10%</span>
                                <span class="rangeSlider__Right">90%</span>
                                <input type="range" name="dowm_pay_percent" id="payment_range" min="10" max="90" step="1" value="10" unit='%'>
                                <output class="output"></output>
                            </div>
                        </div>

                    </div>


                </div>


                <!-- downpayment new section ends here -->


                <div class="formHolder">
                    <label for="">Project Turnaround Time (months)
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner rangeSliderHolder">
                    	<input type="hidden" id="project_turnaround_time" value="">
                        <input type="range" name="project_turnaround" id="project_turnaround" min="1" max="12" step="1" value="2">
                        <span class="rangeSlider__left">1</span>
                        <span class="rangeSlider__Right">12</span>
                        <output class="output"></output>

                    </div>

                </div>

                <div class="formHolder">
                    <label for=""> Interest Rate $
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <!-- <div class="formHolder__inner haveIcon">
                        <input type="text" name="interest_rate" id="interest_rate" class="formControl" class="">
                    </div> -->
                       <div class="formHolder__inner rangeSliderHolder">
                       	<input type="hidden" name="interest_rate" id="interest_rate" >
                        <input type="range" id="irp" name="interest_rate_percent" min="7" max="13" step="0.25" value="10" unit='%'>
                        <span class="rangeSlider__left">7%</span>
                        <span class="rangeSlider__Right">13%</span>
                        <output class="output"></output>
                    </div>
                </div>
                <div class="formHolder">
                    <label for="">Real Estate Broker Fee (%)
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner rangeSliderHolder">
                        <input type="range" name="broker_fee" id="broker_fee" min="0" max="6" step="1" value="0" unit='%'>
                        <span class="rangeSlider__left">0%</span>
                        <span class="rangeSlider__Right">6%</span>
                        <output class="output"></output>

                    </div>
                </div>

              <!--   <div class="formHolder">
              
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="points" id="points" class="formControl" class="">
                    </div>

                </div> -->
                <div class="formHolder">
                          <label for="points_range"> Points (loan Origination)
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner rangeSliderHolder">
                        <input type="range" name="points_percent" id="points_range" min="0" max="6" step="0.25" value="2" unit='%'>
                        <span class="rangeSlider__left">0%</span>
                        <span class="rangeSlider__Right">6%</span>
                        <output class="output"></output>
                    </div>
                </div>


                <div class="formHolder">
                    <label for="">Property Taxes
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                    <div class="formHolder__inner haveIcon">
                        <input type="text" name="property_taxes" id="property_taxes" class="formControl formattedNumberField">
                    </div>
                </div>

                <div class="formHolder">
                    <label for="">State Recording & Transfer Tax
                        <a href="javascript:void(0)" class="formHolder__tooltip">
                            <img src="http://www.illuminexdesigns.com/brooklynfundinggroup/wp-content/themes/brooklynfunding/image/info.svg" alt="">
                            <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas eaque
                                voluptatem sed, a pariatur repudiandae sit officia ullam atque quisquam culpa
                            </span>
                        </a>
                    </label>
                <!--     <div class="formHolder__inner haveIcon">
                        <input type="text" name="transfer_tax" id="transfer_tax" class="formControl" class="">
                    </div> -->
                      <div class="formHolder__inner rangeSliderHolder">
                        <input type="range" name="transfer_tax" id="transfer_tax" min="0" max="6" step="0.5" value="2" unit='%'>
                        <span class="rangeSlider__left">0%</span>
                        <span class="rangeSlider__Right">6%</span>
                        <output class="output"></output>
                    </div>
                </div>
                 
                <div class="calcBtnHolder">
                    <input type="submit" value="Submit" class="calculatoSubmitBtn">
                </div>

            </div>

        </div>
       </form>
        <div class="col-md-6" id="details_loan" style="display:none;">
            <div class="dealSummaryHolder">
                <div class="dealSummaryHolder__heading">
                    <h2>Deal Summary</h2>
                </div>
                <div class="dealSummaryHolder__topCntnt">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="dealSummryBox">
                                <label for="">Total Project Cost:</label>
                                <div class="dealSummryBox__cnttnt" id="total_cost">$ </div>
                            </div>
                            <div class="dealSummryBox">
                                <label for="">Net Profit:</label>
                                <div class="dealSummryBox__cnttnt" id="net_profit">$ </div>
                            </div>
                            <div class="dealSummryBox">
                                <label for="">Estimated Cash to Close:</label>
                                <div class="dealSummryBox__cnttnt" id="estimated_cash">$ </div>
                            </div>

                        </div>
                        <div class="col-md-6" id="chartMain">
                            <div class="chartHolder">
                                <h4>Return on Project Cost:</h4>
                                <div id="myChart"></div>
                            </div>
                        </div>
                        <div class="cllearfix"></div>


                    </div>

                </div>
                <div class="moreLoneDetail">
                    <div class="moreLoneDetail__box">
                        <h3>Loan Details:</h3>
                        <span>
                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px"
                                height="451.847px" viewBox="0 0 451.847 451.847"
                                style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve">

                                <g>
                                    <path
                                        d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751
                                c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0
                                c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z" />
                                </g>
                            </svg>
                        </span>
                    </div>

                    <div class="moreLoneDetail__slideCntnt">
                        <div class="dealSummryBox">
                            <label for="">Purchase & Rehab Cost:</label>
                            <div class="dealSummryBox__cnttnt" id="rehab_Cost">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Loan Amount:</label>
                            <div class="dealSummryBox__cnttnt" id="loan_Cost">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Loan To Value (LTV):</label>
                            <div class="dealSummryBox__cnttnt" id="ltv">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Monthly Interest Payment:</label>
                            <div class="dealSummryBox__cnttnt" id="monthly_intrest">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Points Cost:</label>
                            <div class="dealSummryBox__cnttnt" id="points_cost">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Total Interest Cost:</label>
                            <div class="dealSummryBox__cnttnt" id="toal_intrest">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Real Estate Broker's Fee:</label>
                            <div class="dealSummryBox__cnttnt" id="broker_fee_txt">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Approx. Property Insurance:</label>
                            <div class="dealSummryBox__cnttnt" id="property_insurence">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">Approx. Title Insurance:</label>
                            <div class="dealSummryBox__cnttnt" id="title_insurence">$ </div>
                        </div>
                        <div class="dealSummryBox">
                            <label for="">State, Recording, Transfer Tax:</label>
                            <div class="dealSummryBox__cnttnt" id="state_transfer_tax">$ </div>
                        </div>
                    

                    </div>
                     
                </div>
                   <div class="text-right">
                            <button class="calculatoSubmitBtn" data-toggle="modal" data-target="#emailPopup">Email Result</button>
                        </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>

</div>
    <!-- Modal -->
<div class="modal fade" id="emailPopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
     <form id="mailSubmit">
      <div class="modal-body">
          <div class="container" style="width:auto;">
    <table id="myTable" class=" table order-list">
    <thead>
        <tr>
            <td>Email</td>
        </tr>
    </thead>
    <tbody>
          <tr>
            
            <td  >
                <input required type="text" name="user_fname"  class="form-control" placeholder="Enter First Name"/>
            </td>
        </tr>
         <tr>
            
            <td  >
                <input type="text" name="user_lname"  class="form-control" placeholder="Enter Last Name"/>
            </td>
        </tr>
        <tr>

            <td  >
                <input required type="email" name="user_email"  class="form-control" placeholder="Enter Email Address"/>

            </td>
             <td>
                <input type="button" class="btn btn-primary" id="addrow" value="Add Email" />
            </td>
            <td class="col-sm-2"><a class="deleteRow"></a>

            </td>
        </tr>
        
    </tbody>
    <tfoot>
        <tr>
            <td>
            <input type="hidden" name="action" value="bfg_send_calculation_email">
            <button type="submit" class="calculatoSubmitBtn send_email_calc">Email Result</button>
        </td>
        </tr>
        <tr>
        </tr>
    </tfoot>
</table>
<div class="alert alert-success" role="alert" style="display:none;">
  Email Send Successfully. Please check your email.
</div>
<div class="alert alert-danger" role="alert" style="display:none;">
  Smoething went wrong.
</div>
</div>
      
      
       
    </div>
</form>
  </div>
</div>
</div>

{"id":23616,"date":"2021-06-05T11:28:08","date_gmt":"2021-06-05T11:28:08","guid":{"rendered":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/?page_id=23616"},"modified":"2021-07-13T18:53:12","modified_gmt":"2021-07-13T18:53:12","slug":"calculator","status":"publish","type":"page","link":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/calculator\/","title":{"rendered":"Deal Calculator"},"content":{"rendered":"<section class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12  col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"last-paragraph-no-margin\">\n<\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":23699,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/pages\/23616"}],"collection":[{"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/comments?post=23616"}],"version-history":[{"count":42,"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/pages\/23616\/revisions"}],"predecessor-version":[{"id":23756,"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/pages\/23616\/revisions\/23756"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/media\/23699"}],"wp:attachment":[{"href":"http:\/\/www.illuminexdesigns.com\/brooklynfundinggroup\/wp-json\/wp\/v2\/media?parent=23616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}