@extends('layouts.app')

@section('content')

            <section>

                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <h2 class="number">Rate Calculator</h2>
                              <ol class="breadcrumb breadcrumb-2">
                    <li>
                       <a href="../">Home</a>
                    </li>
                    <li>
                        <a href="#">Pages</a>
                    </li>
                    <li class="active">Rate Calculator</li>
                </ol>


   <div class="row">

                         <div class="col-md-6"> <div class="widget">
                                <h6 class="title">Estimate the cost of shipping</h6>
                                <hr>
                                <div id="divFormCalculator" class="calcu-form-background">
     <div class="row">
                <div class="col-xs-12">


                  <label class="calculato_label" style="padding-top:3px">Shipping To</label>

                  <select name="ship_to" id="ship_to" class="ilong"><option value="106">Jamaica</option></select>
                  </div></div>
            <div class="row">
                <div class="col-xs-6">
                  <label class="calculato_label_new">Estimated Shipping Weight</label>

                  <input type="text" name="weight_value" value="" id="weight_value" size="5" maxlength="6">
                  </div>
                   <div class="col-xs-6">
                   <label>Scale</label>
                    <select name="weight_type" id="weight_type"><option value="1">lbs</option></select>
                    </div>
                    </div>

            <!--<div class="row">
                <div class="col-xs-3">
                    <label>Length</label>
                    <input type="text" name="product_length" value="" id="product_length" size="5">
                    </div><div class="col-xs-3">
                    <label>Width</label>
                    <input type="text" name="product_width" value="" id="product_width" size="5">
                         </div><div class="col-xs-3">
                    <label>Height</label>
                    <input type="text" name="product_depth" value="" id="product_depth" size="5">
                      </div><div class="col-xs-3">
                      <label>Scale</label>
                    <select name="dimension_type" id="dimension_type"><option value="1">inch</option></select>
                     </div>
                     </div>-->
                <div class="row">
                <div class="col-xs-12">
                    <div class="calculato_label" style="font-size:14px;">Purchase Details</div>

                    <label class="calculato_label_new" style="padding-top:3px;">Item Invoice Amount (USD)</label>

                    <input type="text" name="product_cost" value="" id="product_cost" size="30" maxlength="6">
                    </div>
                    </div>
                     <div class="row">
                <div class="col-xs-12">

                    <label class="calculato_label_new">Product Name</label>


    <select id="product_name" name="product_name">
    <option selected="selected" value="">Select Product Name</option>
    <option value="22.3">A.C Part</option>
    <option value="37.3">A.C Unit</option>
    <option value="32.3">Adhesives (glue)</option>
    <option value="17.3">Aluminum</option>
    <option value="37.3">Aluminum (kitchen or household)</option>
    <option value="37.3">Audio equipment</option>
    <option value="22.3">Audio equipment (parts)</option>
    <option value="40.8">Auto Part</option>
    <option value="55.8">Auto Part (accessories)</option>
    <option value="0.8">Books (unprinted)</option>
    <option value="0.8">Books Printed</option>
    <option value="17.3">Calculator</option>
    <option value="27.3">Calendars</option>
    <option value="37.3">Candles</option>
    <option value="37.3">Carpet</option>
    <option value="37.3">Cell phone accessories</option>
    <option value="37.3">Cell phone (battery)</option>
    <option value="22.3">Cigarette paper</option>
    <option value="41.8">Cloth (silk, wool, cotton yarn)</option>
    <option value="37.3">Clothes</option>
    <option value="17.3">Coins (not being legal tender)</option>
    <option value="17.3">Computers</option>
    <option value="17.3">Computer Parts</option>
    <option value="37.3">Copper (kitchen or household)</option>
    <option value="17.3">Copper products</option>
    <option value="37.3">Dental products (tooth cleaning products)</option>
    <option value="37.3">Deodorants</option>
    <option value="37.3">Discs (CD, Tapes, diskettes)</option>
    <option value="32.3">Essential oil</option>
    <option value="30.8">Exercise/sport equipment</option>
    <option value="17.3">Fabric</option>
    <option value="22.3">Floor covering (plastic)</option>
    <option value="37.3">Floor covering (textile)</option>
    <option value="37.3">Glass</option>
    <option value="17.3">Glass (corrective spectacle)</option>
    <option value="27.3">Gloves (industrial)</option>
    <option value="37.3">Hair (human, synthetic)</option>
    <option value="37.3">Hair products</option>
    <option value="37.3">Hats</option>
    <option value="17.3">Hand Bag</option>
    <option value="37.3">Jewelry (imitation)</option>Lamp
    <option value="22.3">Lamp (parts)</option>
    <option value="37.3">Light</option>
    <option value="42.3">Light (signalling equipment)</option>
    <option value="5.8">Light (LED)</option>
    <option value="37.3">Makeup</option>
    <option value="27.3">Maps</option>
    <option value="27.3">Medical furniture</option>
    <option value="37.3">Microwave</option>
    <option value="10.8">Musical instrument</option>
    <option value="37.3">Paintings</option>
    <option value="32.3">Paints and varnishes </option>
    <option value="17.3">Paper</option>
    <option value="37.3">Perfumes</option>
    <option value="17.3">Pharmaceutical products</option>
    <option value="27.3">Pharmaceutical products containing adhesive</option>
    <option value="37.3">Photographic film</option>
    <option value="17.3">Photographic film (xray)</option>
    <option value="37.3">Photography</option>
    <option value="32.3">Plastics (buildersware)</option>
    <option value="32.3">Plastics (cups)</option>
    <option value="27.3">Plastics (office and school supplies</option>
    <option value="22.3">Plastics (sanitary ware)</option>
    <option value="32.3">Plastics (sheet, film, strips)</option>
    <option value="37.3">Plastics (tableware)</option>
    <option value="37.3">Polishes</option>
    <option value="37.3">Post cards</option>
    <option value="32.3">Printing ink</option>
    <option value="17.3">Projectors</option>
    <option value="37.3">Pumps (fuel)</option>
    <option value="17.3">Pumps (liquid)</option>
    <option value="37.3">Radio</option>
    <option value="37.3">Refrigerators</option>
    <option value="32.3">Rope</option>
    <option value="17.3">Rubber (synthetic,, tubes, hoses)</option>
    <option value="42.3">Rubber (used on cars)</option>
    <option value="37.3">Saddlery (muzzles, dog coats, saddle cloth) </option>
    <option value="17.3">Safe</option>
    <option value="22.3">Sanitary ware (steel)</option>
    <option value="17.3">Seat (Baby)</option>
    <option value="37.3">Shaving products</option>
    <option value="37.3">Shoes </option>
    <option value="27.3">Shoes (sports)</option>
    <option value="57.3">Soaps (bathe, medicated)</option>
    <option value="22.3">Soaps (industrial)</option>
    <option value="37.3">Soaps (organic)</option>
    <option value="45.8">Telephone (cellular)</option>
    <option value="22.3">Telephone (line telephone, cordless)</option>
    <option value="37.3">Television</option>
    <option value="17.3">Thread</option>
    <option value="17.3">Tools (painting)</option>
    <option value="37.3">Tools (agriculture)</option>
    <option value="17.3">Tools (hand)</option>
    <option value="37.3">Tools (household)</option>
    <option value="17.3">Tools (machining)</option>
    <option value="17.3">Tools (pnumatic)</option>
    <option value="17.3">Tools (surveying)</option>
    <option value="37.3">Toys</option>
    <option value="37.3">Umbrella</option>
    <option value="37.3">Video games</option>
    <option value="37.3">Wall paper</option>
    <option value="37.3">Watch</option>
    <option value="37.3">Watch (accessories)</option>
    <option value="22.3">Waxes (of poly)</option>
    <option value="37.3">Wood (hangers)</option>
    <option value="32.3">wood (picture frame)</option>
    <option value="37.3">Wood (tableware)</option>
</select>
                </div></div>





                 <div class="col-xs-6" style="padding-left: 0;">
                    <button id="btnCalculate" type="submit" class="btn btn-yellow ladda-button center-block btn-stBlue"><span class="ladda-label">Calculate </span></button>
                </div>



        </div>

    <script>
    $(document).ready(function() {
    $("#btnCalculate").click(function() {
        var product_cost = parseFloat($('#product_cost').val());
        var weight_value = parseFloat($('#weight_value').val());
        var product_name = parseFloat($('#product_name').val());
        var actual_weight = weight_value;
        var aweight = Math.round(actual_weight);
     if(aweight>20){
       var remng =  aweight - 20;
       var trate = (remng * 2.5)+65;
       var rate = parseFloat(trate);
       if(product_cost>50){
          var processing_fee = parseFloat(5.0) ;
          var subTotal = rate+product_cost;
          var Duty = (subTotal/100)*product_name;
          var Insurance = (product_cost/100);
       } else {
          var Duty = 0;
          var processing_fee = parseFloat(2.0) ;
          var Insurance = 0;
       }
       var GCTV = (processing_fee*16)/100;
       var GCT = parseFloat(GCTV);
       var final_rate = rate+processing_fee+GCT+Duty+Insurance;
       var Duty = Duty+Insurance;
           $('#sweight').html(weight_value);
         // $('#sdweight').html(dimension_weight.toFixed(2));
          $('#product_costs').html(product_cost.toFixed(2));
          $('#rate').html(rate.toFixed(2));
          $('#processing_fee').html(processing_fee.toFixed(2));
          $('#GCT').html(GCT.toFixed(2));
          $('#Customs').html(Duty.toFixed(2));
          $('#final_rate').html(final_rate.toFixed(2));
          $('.result').fadeIn();
     }else{
       $.ajax({
       type: 'GET',
       url: '../../../../getrate',
       data: { weight: aweight},
       success: function(data)
       {
          var rate = parseFloat(data);
          if(product_cost>50){
             var processing_fee = parseFloat(5.0) ;
             var subTotal = rate+product_cost;
             var Duty = (subTotal/100)*product_name;
             var Insurance = (product_cost/100);
          } else {
             var Duty = 0;
             var processing_fee = parseFloat(2.0) ;
             var Insurance = 0;
          }
          var GCTV = (processing_fee*16)/100;
          var GCT = parseFloat(GCTV);
          var final_rate = rate+processing_fee+GCT+Duty+Insurance;
          var Duty = Duty+Insurance;
              $('#sweight').html(weight_value);
            // $('#sdweight').html(dimension_weight.toFixed(2));
             $('#product_costs').html(product_cost.toFixed(2));
             $('#rate').html(rate.toFixed(2));
             $('#processing_fee').html(processing_fee.toFixed(2));
             $('#GCT').html(GCT.toFixed(2));
             $('#Customs').html(Duty.toFixed(2));
             $('#final_rate').html(final_rate.toFixed(2));
             $('.result').fadeIn();
       }
       });
     }




    });
    });
    </script>







                            </div>
                            </div>
                            <div class="col-md-6">
                                 <div class="result" id="result" style="display:none;">

        <div class="col-xs-12 col-sm-12 col-md-12" style="padding:0;">


          <div class="panel panel-info">
            <div class="panel-heading" style="background-color:#153f5f;">
              <h3 class="panel-title" style="color:#fff;">Estimated Cost</h3>
            </div>
            <div class="panel-body" style="padding-top:20px;">
              <div class="row">

                <div class="col-md-12 col-lg-12 ">
                  <table class="table table-user-information">
                    <tbody>

                      <tr>
                        <td>Estimated Shipping Weight</td>
                        <td><span id="sweight"></span> lbs</td>
                      </tr>
                      <!--<tr>
                        <td>Dimensional Weight</td>
                        <td><span id="sdweight"></span> lbs</td>
                      </tr>-->

                      <tr>
                        <td>Transport Charges</td>
                        <td>$<span id="rate"></span></td>
                      </tr>

                       <tr>
                        <td>Customs Fees</td>
                        <td>$<span id="Customs"></span></td>
                      </tr>

                       <tr>
                        <td>Processing Fee</td>
                        <td>$<span id="processing_fee"></span></td>
                      </tr>

                       <tr>
                        <td>General Consumption Tax </td>
                        <td>$<span id="GCT"></span></td>
                      </tr>
                      <tr>
                        <td><strong>Total (USD)</strong></td>
                        <td><strong> $<span id="final_rate">0.00</span></strong></td>


                      </tr>

                    </tbody>
                  </table>
                  <p align="center">
                  <a href="../register" class="btn btn-success">Signup</a>

                  </p>
                </div>
              </div>
            </div>
                 <div class="panel-footer">

                        <span>*The price indicated above is only an estimate of the freight and customs charges. We remind you that the final costs may vary depending on the actual customs declarations and/or other charges such as special handling on consumer commodities and a select number of import requirements on certain items (see restricted shipments for more information).</span>
                    </div>

          </div>
        </div>
        </div>
                            </div>
                            <!--end of widget-->
                    </div>

                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </section>

@endsection