function kalzakat() {
ob_start(); ?>

 <div class="row m-0">

<?php
$harga_beras = 10000;
$harga_emas = 800000;
 ?>

<form style="width: 100%;">
    <div class="row m-0 py-2 ">
      <div class="row" style="width: 100%;">
       <div class="col-sm-6">
           <div class="row m-0 py-2 align-items-center">
     <label for="static" class="col-sm-3 p-1 col-form-label">Harga Beras</label>
     <div class="col-sm-9 p-1">
        <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text">Rp</div>
        </div>
        <input type="text" class="form-control bg-white font-weight-bold" readonly id="inlineFormInputGroup" 
        placeholder="<?php echo number_format( $harga_beras ,0 , ',','.' ); ?>">
   <div class="input-group-append">
    <span class="input-group-text">/kg</span>
  </div>
      </div>
     </div>
     </div>
     </div>
     
      <div class="col-sm-6">
          <div class="row m-0 py-2 align-items-center">
     <label for="static" class="col-sm-3 p-1 col-form-label">Harga Emas</label>
      <div class="col-sm-9 p-1">
        <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text">Rp</div>
        </div>
        <input type="text" class="form-control bg-white font-weight-bold" readonly id="inlineFormInputGroup" 
        placeholder="<?php echo number_format( $harga_emas ,0 , ',','.' ); ?>">
    <div class="input-group-append">
    <span class="input-group-text">/gram</span>
  </div>
      </div>
     </div>
     </div>
    </div>
    </div>
    </div>
  
</form> 


<div id="accordion" class="accordion w-100">
<div class="card">
    <div class="card-header position-relative" id="headingOne">
      <h5 class="mb-0">
        <div class="pointer" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Zakat Harta (Maal)<i class="fa fa-angle-double-down position-absolute fa-lg" aria-hidden="true" style="right: 20px;"></i>
        </div>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">

        <form action="" method="post" name="Kalkulator" id="zakatcalc" class="formzakat">
                <div>
                    <label for="static" class="col-sm-12 col-form-label keterangan"><blockquote>
Nisab: 85 x <?php echo $harga_emas;?> = Rp. <span class="min-harta d-none"><?php echo 85*$harga_emas;?></span> <span><?php $minharta = 85*$harga_emas;  echo number_format( $minharta ,0 , ',','.' ); ?></span> 
                   </blockquote> </label>
                </div>
                
<div class="row py-2 align-items-center">                
                <label for="static" class="col-sm-6 col-form-label">a. Uang Tunai, Tabungan, Deposito atau sejenisnya</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control autocoma" id="inlineFormInputGroup" name="fa" onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
<div class="row py-2 align-items-center">                 
                 <label for="static" class="col-sm-6 col-form-label">b. Saham atau surat-surat berharga lainnya</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control autocoma" id="inlineFormInputGroup" name="fb" onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
<div class="row py-2 align-items-center">                  
                 <label for="static" class="col-sm-6 col-form-label">c. Real Estate (tidak termasuk rumah tinggal yang dipakai sekarang)</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control autocoma" id="inlineFormInputGroup" name="fc" onchange="calc_zakat()" value="0">
                  </div>
                 </div>
  </div>                
                 
<div class="row py-2 align-items-center">                  
                 <label for="static" class="col-sm-6 col-form-label">d. Emas, Perak, Permata atau sejenisnya</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control autocoma" id="inlineFormInputGroup" name="fd" onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>

<div class="row py-2 align-items-center">                   
                 <label for="static" class="col-sm-6 col-form-label">e. Mobil (lebih dari keperluan pekerjaan anggota keluarga)</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control autocoma" id="inlineFormInputGroup" name="fe" onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
                 
 <div class="row py-2 align-items-center">                 
                 <label for="static" class="col-sm-6 col-form-label">f. Jumlah Harta Simpanan (A+B+C+D+E)</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control hartasimpanan autocoma" id="inlineFormInputGroup" name="ff"  readonly onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
 <div class="row py-2 align-items-center">                 
                 <label for="static" class="col-sm-6 col-form-label">g. Hutang Pribadi yg jatuh tempo dalam tahun ini</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control hutang autocoma" id="inlineFormInputGroup" name="fg"  onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
<div class="row py-2 align-items-center">                 
                 <label for="static" class="col-sm-6 col-form-label">h. Harta simpanan kena zakat(F-G, jika nisab)</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control kenazakat autocoma" id="inlineFormInputGroup" name="fh" readonly onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div>                 
                 
<div class="row py-2 align-items-center ifzakat">
                 <label for="static" class="col-sm-6 col-form-label"><b>I. JUMLAH ZAKAT ATAS SIMPANAN YANG WAJIB DIBAYARKAN PER TAHUN (2,5% x H)</b></label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control akhir" id="inlineFormInputGroup" name="z1" readonly onchange="calc_zakat()" value="0">
                  </div>
                 </div>
</div> 

<div class="row py-2 ifzakat align-items-center">                 
                 <label for="static" class="col-sm-6 col-form-label"><b>J. JUMLAH ZAKAT ATAS SIMPANAN YANG WAJIB DIBAYARKAN PER BULAN</b></label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control vkbulan" id="inlineFormInputGroup" name="zb1" readonly onchange="calc_zakat()" value="0">
                  </div>
                 </div> 
</div>                  
        </form>
         </div>
      </div>
</div>
<div class="card">
    <div class="card-header position-relative" id="headingTwo">
      <h5 class="mb-0">
        <div class="pointer" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Zakat Pertanian<i class="fa fa-angle-double-down position-absolute fa-lg" aria-hidden="true" style="right: 20px;"></i>
        </div>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
      <div class="card-body">
        <form action="" method="post" name="Kalkulator" id="zakatcalcpertanian" class="formzakat">
                <div>
                    <label for="static" class="col-sm-12 col-form-label keterangan"><blockquote>
Nisab: 653 x <span id="riceValue"><?php echo $harga_beras; ?></span> = Rp.<span class="nisab d-none"><?php echo $harga_beras*653;?></span> <span class=""><?php $nisab = $harga_beras*653; echo number_format( $nisab ,0 , ',','.' );?></span> 
                    </blockquote></label>
                </div>
                
<div class="row py-2 align-items-center">                
                <label for="static" class="col-sm-6 col-form-label">A. Jenis pengairan </label>
                 <div class="form-check col-sm-6 pl-sm-4 ml-sm-0 ml-5 pl-0">
                     <div class="py-1">
                      <input class="form-check-input pointer" onclick="calc_zakat_pertanian('5')" type="radio" name="pengairan" id="exampleRadios1" value="5" checked>
                      <label class="form-check-label pointer" for="exampleRadios1">
                        Buatan
                      </label>
                    </div>
                    <div class="py-1">
                      <input class="form-check-input pointer" onclick="calc_zakat_pertanian('10')" type="radio" name="pengairan" id="exampleRadios2" value="10">
                      <label class="form-check-label pointer" for="exampleRadios2">
                        Air Hujan
                      </label>
                    </div>
                    </div>
</div>                    
<div class="row py-2 align-items-center">                 
                <label for="static" class="col-sm-6 col-form-label">B. Pendapatan hasil panen</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control pendapatanbertani autocoma" id="inlineFormInputGroup" name="pendapatanpertanian"  onchange="calc_zakat_pertanian()" value="0">
                  </div>
                 </div>
</div>                    
<div class="row py-2 align-items-center">                  
                 <label for="static" class="col-sm-6 col-form-label"> C. Biaya produksi (biaya pengolahan lahan, ongkos buruh, pembelian bibit, pupuk, obat-obatan) </label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control kenazakatperatanian autocoma" id="inlineFormInputGroup" name="biayaproduksi"  onchange="calc_zakat_pertanian()" value="0">
                  </div>
                 </div>
</div>                    
<div class="row py-2 align-items-center">                  
                 <label for="static" class="col-sm-6 col-form-label"> D. Hasil bersih panen (B dikurangi C, jika B > nisab)</label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text">Rp</div>
                    </div>
                    <input  class="form-control hasiltanitotal" id="inlineFormInputGroup" name="hasiltani" readonly onchange="calc_zakat_pertanian()" value="0">
                  </div>
                 </div>
</div>                    
<div class="row py-2 ifzakat2 align-items-center">                  
                 <label for="static" class="col-sm-6 col-form-label"><b>  I. Jumlah zakat pertanian yang wajib dibayarkan (<span class="persentase">5</span>% x D)  </b></label>
                 <div class="col-sm-6">
                    <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text" id="hasil">Rp</div>
                    </div>
                    <input  class="form-control jumlahzakatharusdibayar" id="hasil" name="jumlahzakatharusdibayar" readonly onchange="calc_zakat_pertanian()" value="0">
                  </div>
                 </div>
</div>                    
        </form>
      </div>
    </div>
</div>

</div>
			
    <script>
    jQuery(document).ready(function ($) {
        calc_zakat = function(){
        var hasil = $('#zakatcalc').serializeArray();
        var isi = Number(0);
        var hartasimpanan = Number(0);
          $.each(hasil, function(i, field){
            isi += Number(field.value);
            if(field.name == 'fa' || field.name == 'fb' || field.name == 'fc' || field.name == 'fd' || field.name == 'fe') {
                hartasimpanan += Number(field.value.replace(/,/g, ''));
            }
          });
          $(".fieldzakat").val(isi);
          var simpanharta = String(hartasimpanan).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
          $(".hartasimpanan").val(simpanharta);
          var kenazakat = hartasimpanan-($(".hutang").val().replace(/,/g, ''));
           var kenazakat2 = String(kenazakat).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
          if (kenazakat<=$(".min-harta").text()) {
              $(".kenazakat").val(kenazakat2);
              $(".akhir").val('Tidak Kena Zakat');
              $(".vkbulan").val('Tidak Kena Zakat');
              $(".ifzakat").removeClass('kenazakataktiv');
          }else {
              var checkedNew = String(kenazakat*(2.5/100)).split('.')[0];
              var vvkbulan = String(kenazakat*(2.5/100/12)).split('.')[0];
            $(".ifzakat").addClass('kenazakataktiv');
            $(".kenazakat").val(String(kenazakat).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
            $(".akhir").val(String(checkedNew).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
            $(".vkbulan").val(String(vvkbulan).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
          }
          
        }
    });
    
    
     jQuery(document).ready(function ($) {
        calc_zakat_pertanian = function(data=5){
            $(".persentase").text(data);
             //alert(data); 
        
            var hasiltani = ($(".pendapatanbertani").val().replace(/,/g, ''))-($(".kenazakatperatanian").val().replace(/,/g, ''));
            var hasiltani2 = String(hasiltani).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            $(".hasiltanitotal").val(hasiltani2);
            if (hasiltani <=$(".nisab").text()) {
                $(".jumlahzakatharusdibayar").val('Tidak Kena Zakat'); 
                 $(".ifzakat2").removeClass('kenazakataktiv2');
            } else {
                var zakatpertanian = (($(".persentase").text()/100)*hasiltani);
                var zakatpertanian2 = String(zakatpertanian).split('.')[0];
                var zakatpertanian3 = String(zakatpertanian2).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
              $(".ifzakat2").addClass('kenazakataktiv2');
             $(".jumlahzakatharusdibayar").val(zakatpertanian3);   
            }
            // if (hasiltani>=$(".nisab").val()){
            //     $(".jumlahzakatharusdibayar").val(($(".persentase").text()/100)*hasiltani);
            // }

          };
     });
    </script> 
  <style>   
  .pointer {
    cursor: pointer;
}  
   </style>  
		</div>
<?php return ob_get_clean(); }
add_shortcode('kalzakat', 'kalzakat');