<?php echo $header; ?>
<div class="container">
  <ul class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php } ?>
  </ul>
  <?php if ($error_warning) { ?>
  <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?></div>
  <?php } ?>
  <div class="row"><?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>
  
      <div class="col-sm-10">
      <p><center><h2>Jual Beli Emas,Transfer & Tukar valuta Asing</h2></center></p></div>
      <div><p><center><h4>Transfer,valuta Asing,Emas</h4></p></center></div>
      <p><?php echo $text_description; ?></p>
   <form action="<?php echo $action; ?>" form name="SumForm" method="post" enctype="multipart/form-data" class="form-horizontal">
        <div class="form-group required">
          <label class="col-sm-2 control-label" for="input-to-name"><?php echo $entry_to_name; ?></label>
          <div class="col-sm-10">
            <input type="text" name="to_name" value="<?php echo $to_name; ?>" id="input-to-name" class="form-control" />
            <?php if ($error_to_name) { ?>
            <div class="text-danger"><?php echo $error_to_name; ?></div>
            <?php } ?>
          </div>
        </div>
        <div class="form-group required">
          <label class="col-sm-2 control-label" for="input-to-email"><?php echo $entry_to_email; ?></label>
          <div class="col-sm-10">
            <input type="text" name="to_email" value="<?php echo $to_email; ?>" id="input-to-email" class="form-control" />
            <?php if ($error_to_email) { ?>
            <div class="text-danger"><?php echo $error_to_email; ?></div>
            <?php } ?>
          </div>
        </div>
        <div class="form-group required">
          <label class="col-sm-2 control-label" for="input-from-name"><?php echo $entry_from_name; ?></label>
          <div class="col-sm-10">
            <input type="text"  name="from_name" value="<?php echo $from_name; ?>" id="input-from-name" class="form-control" />
            <?php if ($error_from_name) { ?>
            <div class="text-danger"><?php echo $error_from_name; ?></div>
            <?php } ?>
          </div>
        </div>
        <div class="form-group required">
          <label class="col-sm-2 control-label" for="input-from-email"><?php echo $entry_from_email; ?></label>
          <div class="col-sm-10">
            <input type="text" name="from_email" value="<?php echo $from_email; ?>" id="input-from-email" class="form-control" />
            <?php if ($error_from_email) { ?>
            <div class="text-danger"><?php echo $error_from_email; ?></div>
            <?php } ?>
          </div>
        </div>
         <div class="form-group required">
          <label class="col-sm-2 control-label" for="input-from-billing"><?php echo $entry_from_billing; ?></label>
          <div class="col-sm-10">
     <input type="text" name="from_billing" value="<?php echo $from_billing; ?>" id="input-from-billing" class="form-control" />
            <?php if ($error_from_billing) { ?>
            <div class="text-danger"><?php echo $error_from_billing; ?></div>
            <?php } ?>
          </div>
        </div>
   <div class="form-group required">
    <label class="col-sm-2 control-label" for="input-from-destinations"><?php echo $entry_from_destinations; ?></label>
      <div class="col-sm-10">
<input type="text" name="from_destinations" value="<?php echo $from_destinations; ?>" id="input-from-destinations" class="form-control" />
<?php if ($error_from_destinations) { ?>
            <div class="text-danger"><?php echo $error_from_destinations; ?></div>
            <?php } ?>
          </div>
        </div>   
        <div class="form-group">
          <label class="col-sm-2 control-label" for="input-message"><span data-toggle="tooltip" title="<?php echo $help_message; ?>"><?php echo $entry_message; ?></span></label>
          
          
          <div class="col-sm-10">
            <textarea name="message" cols="13" rows="1" id="input-message" class="form-control"><?php echo $message; ?></textarea>
           </div>
</div>
</div> 
<p></p>
<h1>Kurs Mata Uang dipesanantar.com</h1>
<div class="form-group">
<div class="col-sm-10">
<table bgcolor="#F09" align="center">
<td><b>Tukar Mata Uang: </b> </td>
<div class="col-sm-10">
<td><input div id="harga"  name="harga" onFocus="startCalc();" onBlur="stopCalc();" /></td>
</div>
</tr>
</div>
<tr>
</div>
<div>
<td><input type="hidden" value="1" name="jumlah" onFocus="startCalc();" onBlur="stopCalc();" /></td>
</tr>
</div>
<div>
<tr>
<td><input type="hidden" value="1" % name="diskon" onFocus="startCalc();" onBlur="stopCalc();"  /></td>
</div>
<div>
<tr>
<td><?php echo $entry_amount; ?></td>
</tr>

<p>   </p>
   




   <p> Silahkan pilih mata uang lalu isi nilai mata uang.</p>




   <form>      <label>From:</label>      <select id="from">         <option value="USD">USD</option>         <option value="EUR">EUR</option>         <option value="JPY">YEN</option>               </select>      <label>To:</label>      <select id="to">         <option value="USD">USD</option>         <option value="EUR">EUR</option>         <option value="JPY">YEN</option>         <option value="IDR">IDR</option>      </select>      <label></label>      
   
<div><button type="button" class="btn btn-primary" id="convert">Convert</button></div>      
<div class="col-sm-10">
<div>Total Anda Menerima:</div>
<p id="result" name="amount" class="form-control" size="5" ></p>
<td><b>Total Bayar: </b> </td>
<div class="col-sm-3">
<td><input type="text" id="amount" name="amount" value="" for="input_amount" id="input-result" class="form-control" size="5" readonly> </td>
</div>
</tr></div>
      <script>
      var total = ""+ formatNumber($total * 12000+10000)+"";
      });</script>
      <script>
            const convert = document.getElementById("convert");      const result = document.getElementById("result");      const from = document.getElementById("from");      const to = document.getElementById("to");      const harga = document.getElementById("harga");      convert.addEventListener("click", function() {         let fromCurrency = from.value;         let toCurrency = to.value;         let amt = harga.value;         fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`)         .then(response => {               return response.json();         })         .then(data => {            let rate = data.rates[toCurrency];            let total = rate * amt / 2;            result.innerHTML = `${total}           ${toCurrency}`;         });      });   </script><p></p>
</div>
</table>
</div>          
        <div class="buttons clearfix">
          <div class="pull-right"> <?php echo $text_agree; ?>
            <?php if ($agree) { ?>
            <input type="checkbox" name="agree" value="1" checked="checked" />
            <?php } else { ?>
            <input type="checkbox" name="agree" value="1" />
            <?php } ?>
            &nbsp;
            <input type="submit" value="<?php echo $button_continue; ?>" class="btn btn-primary" />
          </div>
        </div>

      
 



</form>

<p>   </p>

<script>

function startCalc(){

interval = setInterval("calc()",1);}

function calc(){

one = document.SumForm.harga.value;

two = document.SumForm.jumlah.value;

three = document.SumForm.diskon.value;

document.SumForm.amount.value = (one * 1) * (1 * two) * (three * 1 );}

function stopCalc(){

clearInterval(interval);}

</script>


      <?php echo $content_bottom; ?></div>
    <?php echo $column_right; ?></div>
</div>
<script>
function formatNumber (num) {
      return num.toString().replace(/(\d)(?=(\d{1})+(?!\d))/g, "$1")
    }
    </script>
    <script type="text/javascript"><!--
$('select[name=\'billing\']').on('change', function() {
        $.ajax({
                url: 'index.php?route=account/payment/voucher&billing=' + this.value,
                dataType: 'json',
                beforeSend: function() {
                        $('select[name=\'billing\']').after(' <i class="fa fa-circle-o-notch fa-spin"></i>');
                },
                complete: function() {
                        $('.fa-spin').remove();
                }
             });
});
</script>
<?php echo $footer; ?>