<!doctype html>
<html lang="en">
<head>
<style type="text/css">

.style1 {font-family:"Times New Roman", Times, serif;font-weight:bold; font-size:10px;}
.style2 {font-family:"Times New Roman", Times, serif;font-size:12px;}
.style3 {font-family:"Times New Roman", Times, serif; font-size:16px;}
.border-atas{border-top:1px solid #000000; border-bottom:1px solid #000000;bold;}
.border-bawah{border-bottom:1px solid #000000;bold;}
.border-kiri{border-left:1px solid #000000;bold;}
.border-kanan{border-right:1px solid #000000;bold;}

</style>

</head>
<body>
<div id="tabs1">
<ul>
<li><a href="#tabs-1">Header BC 27</a></li>
<li><a href="#tabs-2">Detail BC 27</a></li>
</ul>
<div id="tabs-1">


<p>
<!-- Mulai Form BC 27 Header -->
<div id="hdrbc27">
<br />
<form class="headerbc27">
<table width="940" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td width="134" rowspan="2" class="style3" style="border-top:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;"><div align="center">BC 2.7</div></td>
    <td width="817" class="style3" style="border-top:1px #000000 solid;border-right:1px #000000 solid;"><div align="center">PEMBERITAHUAN PENGELUARAN BARANG UNTUK DI ANGKUT DARI </div></td>
  </tr>
  <tr>
    <td class="style3" style="border-right:1px #000000 solid;"><div align="center">TEMPAT PENIMBUNAN BERIKAT KE TEMPAT PENIMBUNAN BERIKAT LAINNYA</div></td>
  </tr>
</table>
<table width="940" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td colspan="9" style="border-top:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" style=";border-left:1px #000000 solid;font-family:'Times New Roman', Times, serif;font-weight:bold; font-size:10px;">&nbsp;NOMOR PENGAJUAN </td>
    <td width="11">:</td>
    <td colspan="2"><input name="CAR" id="CAR" type="text" value="<?php echo $car; ?>" style="width: 175px;" />  </td>
    <td width="147"></td>
    <td width="224">&nbsp;</td>
	<td width="6">&nbsp;</td>
	<td width="154" class="style2" style=";border-right:1px #000000 solid;">Halaman 1 dari ....</td>
  </tr>
  <tr>
    <td width="135" class="style1" style=";border-left:1px #000000 solid;">&nbsp;A.&nbsp;&nbsp;&nbsp;&nbsp;KANTOR PABEAN</td>
    <td width="39">&nbsp;</td>
    <td>:</td>
    <td width="50"><input name="KdKpbc" id="KdKpbc" class="required" type="text" style="width: 50px;" value="<?php echo $KdKpbc; ?>"/></td>
    <td width="138">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
	<td>&nbsp;</td>
	<td style=";border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" class="style1" style=";border-left:1px #000000 solid;"><blockquote>
	<p>1. Kantor asal</p>
    </blockquote></td>
    <td>:</td>
    <td><input name="KdKpbcAwas" id="KdKpbcAwas" type="text" style="width: 50px;" value="<?php echo $KdKpbcAwas; ?>" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
	<td>&nbsp;</td>
	<td style=";border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" class="style1" style=";border-left:1px #000000 solid;"><blockquote>
    <p>2. Kantor Tujuan</p>
    </blockquote></td>
    <td>:</td>
    <td><input name="KdKpbcBongkar" id="KdKpbcBongkar" type="text" style="width: 50px;" value="<?php echo $KdKpbcBongkar; ?>" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="style1" >&nbsp;D.&nbsp;&nbsp;&nbsp;TUJUAN PENGIRIMAN</span></td>
	<td>:</td>
	<td style=";border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" class="style1" style=";border-left:1px #000000 solid;">&nbsp;B.&nbsp;&nbsp;&nbsp;JENIS TPB ASAL</td>
    <td>:&nbsp;</td>
    <td colspan="2" class="style1">KAWASAN BERIKAT</td>
    <td>&nbsp;</td>
    <td colspan="3" class="style1" style="border-top:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">F.&nbsp;&nbsp;KOLOM KHUSUS BEA DAN CUKAI</td>
  </tr>
  <tr>
    <td colspan="2" style=";border-left:1px #000000 solid;"><span class="style1" style=";border-left:1px #000000 solid;">&nbsp;C.&nbsp;&nbsp;&nbsp;JENIS TPB TUJUAN</span></td>
    <td>:</td>
    <td colspan="2"><span class="style1">KAWASAN BERIKAT</span></td>
    <td>&nbsp;</td>
    <td colspan="3" style="border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td style="border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="style2" style="border-left:1px #000000 solid;">&nbsp;&nbsp;&nbsp;&nbsp;Nomor Pendaftaran</td>
	<td>:</td>
	<td style=";border-right:1px #000000 solid;"><input name="Nodaf" id="Nodaf" type="text" style="width: 50px;" value="<?php echo $Nodaf; ?>" /></td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;">&nbsp;&nbsp;&nbsp;&nbsp;Tanggal</td>
	<td>:</td>
	<td style=";border-right:1px #000000 solid;"><input name="Tgldaf" id="Tgldaf" type="text" style="width: 50px;" value="<?php echo $Tgldaf; ?>" /></td>
  </tr>
</table>
<table width="940" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td colspan="7" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">E. DATA PEMBERITAHUAN</td>
  </tr>
  <tr>
    <td colspan="4" class="style1" style=";border-left:1px #000000 solid;border-bottom:1px #000000 solid;">PENGUSAHA TPB</td>
    <td colspan="3" class="style1" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;border-bottom:1px #000000 solid;">TPB TUJUAN BARANG</td>
  </tr>
  <tr>
    <td width="148" class="style2" style=";border-left:1px #000000 solid;">1. NPWP</td>
    <td width="6">:</td>
    <td colspan="2"><input name="UsahaNPWP" id="UsahaNPWP" type="text" style="width: 175px;" value="<?php echo $UsahaNPWP; ?>" /></td>
    <td width="128" class="style2" style=";border-left:1px #000000 solid;">5. NPWP</td>
    <td width="24">:</td>
    <td width="242" style="border-right:1px #000000 solid;"><input name="PasokNPWP" id="PasokNPWP" type="text" style="width: 175px;" value="<?php echo $PasokNPWP; ?>" /></td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;">2. Nama</td>
    <td>:</td>
    <td colspan="2"><input name="UsahaNama" id="UsahaNama" type="text" style="width: 365px;" value="<?php echo $UsahaNama; ?>"  /></td>
    <td class="style2" style=";border-left:1px #000000 solid;">6. Nama</td>
    <td>:</td>
    <td style="border-right:1px #000000 solid;"><input name="PasokNama" id="PasokNama" type="text" style="width: 240px;" value="<?php echo $PasokNama; ?>" /></td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;">3. Alamat</td>
    <td>:</td>
    <td colspan="2"><input name="UsahaAlamat1" id="UsahaAlamat1" type="text" style="width: 365px;" value="<?php echo $UsahaAlamat1; ?>"   /></td>
    <td class="style2" style=";border-left:1px #000000 solid;">7. Alamat</td>
    <td>:</td>
    <td style="border-right:1px #000000 solid;"><input name="PasokAlmt1" id="PasokAlmt1" type="text" style="width: 240px;" value="<?php echo $PasokAlmt1; ?>" /></td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2"><input name="UsahaAlamat2" id="UsahaAlamat2" type="text" style="width: 365px;" value="<?php echo $UsahaAlamat2; ?>" /></td>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border-right:1px #000000 solid;"><input name="PasokAlmt2" id="PasokAlmt2" type="text" style="width: 240px;" value="<?php echo $PasokAlmt2; ?>" /></td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;">4. No Izin TPB</td>
    <td>:</td>
    <td width="234"><input name="UsahaSkep" id="UsahaSkep" type="text" style="width: 175px;" value="<?php echo $UsahaSkep; ?>" /></td>
    <td width="130">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;"><span class="style2" style=";border-left:1px #000000 solid;">8. No Izin TPB</span></td>
    <td>&nbsp;</td>
    <td style="border-right:1px #000000 solid;"><input name="PasokSkep" id="PasokSkep" type="text" style="width: 240px;" value="<?php echo $PasokSkep; ?>" /></td>
  </tr>
  <tr>
    <td colspan="4"  class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;">DOKUMEN PELENGKAP PABEAN</td>
    <td colspan="3" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
</table>
<table width="940" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td width="112" class="style2" style="border-left:1px #000000 solid;">9. Invoice</td>
    <td width="12">&nbsp;:</td>
    <td colspan="3"><input name="NoInvoice" type="text" style="width: 158px;" value="<?php echo $NoInvoice; ?>" /></td>
    <td width="17" class="style2">Tgl</td>
    <td colspan="3"><input name="TgInvoice" type="text" style="width: 88px;"  value="<?php echo $TgInvoice; ?>"  /></td>
    <td width="88" class="style2">12. Surat jalan</td>
    <td width="6">:</td>
    <td width="120" class="style2"><input name="SuratJalan" id="SuratJalan" type="text" style="width: 110px;" value="<?php echo $SuratJalan; ?>"  /></td>
    <td colspan="2" style="border-right:1px #000000 solid;" ><span class="style2">Tgl : <input name="TgSuratjalan" id="TgSuratjalan" type="text" style="width: 88px;" value="<?php echo $TgSuratjalan; ?>" /></span></td>
  </tr>
  <tr>
    <td class="style2" style="border-left:1px #000000 solid;">10. Packing List</td>
    <td>&nbsp;:</td>
    <td colspan="3"><input name="NoPackinglist" id="NoPackinglist" type="text" style="width: 158px;" value="<?php echo $NoPackinglist; ?>"/></td>
    <td class="style2">Tgl</td>
    <td colspan="3"><input name="TgPackinglist" id="TgPackinglist" type="text" style="width: 88px;"  value="<?php echo $TgPackinglist; ?>"/></td>
    <td colspan="3"><span class="style2">13. Surat Keputusan/Persetujuan</span></td>
    <td colspan="2"style="border-right:1px #000000 solid;">:<span class="style2">
      <input name="SuratKep" id="SuratKep" type="text" style="width: 158px;" value="<?php echo $SuratKep; ?>" />
    </span></td>
  </tr>
  <tr>
    <td style="border-left:1px #000000 solid;"><span class="style2" style="border-left:1px #000000 solid;">11.kontrak</span></td>
    <td>&nbsp;:</td>
    <td colspan="3"><input name="NoKontrak" id="NoKontrak" type="text" style="width: 158px;" value="<?php echo $NoKontrak; ?>"  /></td>
    <td><span class="style2">Tgl</span></td>
    <td colspan="2"><input name="TgKontrak" id="TgKontrak" type="text" style="width: 88px;" value="<?php echo $TgKontrak; ?>"  /></td>
    <td width="12">&nbsp;</td>
    <td colspan="3" class="style2">&nbsp;</td>
    <td colspan="2"style="border-right:1px #000000 solid;"><span class="style2">Tgl</span>&nbsp;<input name="TgSuratKep" id="TgSuratKep" type="text" style="width: 88px;" value="<?php echo $TgSuratKep; ?>"/></td>
  </tr>
  <tr>
    <td style="border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="45">&nbsp;</td>
    <td width="6">&nbsp;</td>
    <td width="143">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="33">&nbsp;</td>
    <td width="83">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="3"><span class="style2">14. Jenis/Nomor/tanggal dokumen lainnya</span></td>
    <td colspan="2"style="border-right:1px #000000 solid;">:<span class="style2">      <input name="SuratLain" id="SuratLain" type="text" style="width: 158px;" value="<?php echo $SuratLain; ?>" />
    </span></td>
  </tr>
  <tr>
    <td style="border-left:1px #000000 solid;">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2"style="border-right:1px #000000 solid;"><span class="style2">Tgl</span>&nbsp;<input name="TgSuratLain" id="TgSuratLain" type="text" style="width: 88px;"  value="<?php echo $TgSuratLain; ?>"/></td>
  </tr>
  <tr>
    <td colspan="14" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">RIWAYAT BARANG</td>
  </tr>
  <tr>
    <td colspan="3" class="style2" style="border-left:1px #000000 solid;">15. Nomor dan tanggal BC 2.7 asal</td>
    <td>:</td>
    <td><input name="NoBc27Asal" id="NoBc27Asal" type="text" style="width: 158px;" value="<?php echo $NoBc27Asal; ?>"/></td>
    <td>&nbsp;</td>
    <td class="style2">TGL :</td>
    <td colspan="3"><input name="TgBc27Asal" id="TgBc27Asal" type="text" style="width: 158px;" value="<?php echo $TgBc27Asal; ?>" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="88">&nbsp;</td>
    <td width="119" style="border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
    <tr>
    <td colspan="14" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">DATA PERDANGANGAN</td>
  </tr>
  <tr>
    <td colspan="3" class="style2" style="border-left:1px #000000 solid;">16. Jenis valuta asing</td>
    <td>:</td>
    <td><input name="KdVal" id="KdVal" type="text" style="width: 88px;" value="<?php echo $KdVal; ?>" /></td>
    <td>&nbsp;</td>
    <td class="style2">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2"><span class="style2" S>18. Harga Penyerahan</span></td>
    <td>:</td>
    <td><input name="NilSerah" id="NilSerah" type="text" style="width: 120px;" value="<?php echo $NilSerah; ?>" /></td>
    <td>&nbsp;</td>
    <td style="border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" class="style2" style="border-left:1px #000000 solid;">17. CIF</td>
    <td>:</td>
    <td><input name="Cif" id="Cif" type="text" style="width: 120px;" value="<?php echo $Cif; ?>"  /></td>
    <td>&nbsp;</td>
    <td class="style2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="11"class="style1" style="border-left:1px #000000 solid;border-top:1px #000000 solid;border-bottom:1px #000000 solid;">DATA PENGANGKUTAN</td>
    <td colspan="3"class="style1" style="border-right:1px #000000 solid;border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;"><blockquote>
      <p>SEGEL ( DIISI OLEH BEA DAN CUKAI )</p>
    </blockquote></td>
  </tr>
  <tr>
    <td colspan="2" class="style2" style="border-left:1px #000000 solid;">19. Jenis Sarana Angkut</td>
    <td colspan="4">:
    <input name="Moda" id="Moda" type="text" style="width: 188px;" value="<?php echo $Moda; ?>" /></td>
    <td colspan="2"><span class="style2" >19. No Polisi</span></td>
    <td>:</td>
    <td><input name="Nopol" id="Nopol" type="text" style="width: 88px;" value="<?php echo $Nopol; ?>" ></td>
    <td>&nbsp;</td>
    <td colspan="2"class="style1" style="border-left:1px #000000 solid;border-right:1px #000000 solid;border-bottom:1px #000000 solid;"><blockquote>
      <blockquote>BC Asal</blockquote>
    </blockquote></td>
    <td rowspan="2" class="style2" style="border-right:1px #000000 solid;border-bottom:1px #000000 solid;"><p>23. Catatan BC Tujuan</p></td>
  </tr>
  <tr>
    <td colspan="2" style="border-left:1px #000000 solid;">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="style2" style="border-left:1px #000000 solid;border-right:1px #000000 solid;border-bottom:1px #000000 solid;">21. No. Segel</td>
    <td class="style2" style="border-right:1px #000000 solid;border-bottom:1px #000000 solid;">22. Jenis</td>
  </tr>
      <tr>
    <td colspan="11"class="style1" style="border-left:1px #000000 solid;border-top:1px #000000 solid;border-bottom:1px #000000 solid;">Data Peti Kemas Dan pengemas</td>
   <td rowspan="3" style="border-left:1px #000000 solid;border-right:1px #000000 solid;border-bottom:1px #000000 solid;"><input name="NoSeg" id="NoSeg" type="text" style="width: 88px;" value="<?php echo $NoSeg; ?>" ></td>
    <td rowspan="3" style="border-right:1px #000000 solid;border-bottom:1px #000000 solid;"><p class="style2">TIMAH</p></td>
    <td rowspan="3" style="border-right:1px #000000 solid;border-bottom:1px #000000 solid;"><input name="CtBcTuj1" id="CtBcTuj1" value="<?php echo $CtBcTuj1; ?>" type="text" style="width: 100px;" ><input name="CtBcTuj2" id="CtBcTuj2" type="text" value="<?php echo $CtBcTuj2; ?>" style="width: 100px;" ></td>
  </tr>
  <tr>
    <td colspan="6" class="style2" style="border-left:1px #000000 solid;">24. Merek &amp; No Kemasan / Peti Kemas dan jumlah Peti Kemas</td>
    <td colspan="5" class="style2">25. Jumlah Jenis Kemasan</td>
  </tr>
  <tr>
    <td colspan="6" class="style2" style="border-left:1px #000000 solid;"><input name="MrkNoKms" id="MrkNoKms" type="text" style="width: 350px;" value="<?php echo $MrkNoKms; ?>" /></td>
    <td colspan="5"><input name="JmlJnsKms" id="JmlJnsKms" type="text" style="width: 200px;" value="<?php echo $JmlJnsKms; ?>"/></td>
  </tr>
  <tr>
    <td colspan="14" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">DATA BARANG</td>
  </tr>
  <tr>
    <td class="style2" style="border-left:1px #000000 solid;">26. Volume (m3)</td>
    <td colspan="6">:<input name="Volume" id="Volume" type="text" style="width: 188px;" value="<?php echo $Volume; ?>"/></td>
    <td colspan="2" class="style2">27. Berat Kotor (kg) :</td>
    <td colspan="3"><input name="Bruto" id="Bruto" type="text" style="width: 88px;"  value="<?php echo $Bruto; ?>"/></td>
    <td colspan="2" class="style2" style="border-right:1px #000000 solid;">28. Berat Bersih :
      <input name="Netto" id="Netto" type="text" style="width: 100px;" value="<?php echo $Netto; ?>" /></td>
  </tr>
</table>
 <table width="940" border="0" cellspacing="0" cellpadding="2">
  
        <td width="27" class="style2" style=";border-left:1px #000000 solid;border-top:1px #000000 solid;">29.</td>
        <td width="442" class="style2" style=";border-top:1px #000000 solid;border-left:1px #000000 solid;">30.</td>
    <td width="281" class="style2" style=";border-left:1px #000000 solid;border-top:1px #000000 solid;">31.</td>
    <td width="174" class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;border-top:1px #000000 solid;">32.</td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;">No.</td>
    <td class="style2" style=";border-left:1px #000000 solid;"> Uraian jumlah dan jenis barang secara lengkap, kode barang, merk, tipe, ukuran, </td>
    <td class="style2" style=";border-left:1px #000000 solid;">- Jumlah dan Jenis Satuan</td>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">- Nilai CIF </td>
  </tr>
  <tr>
    <td rowspan="3" style=";border-left:1px #000000 solid;border-bottom:1px #000000 solid;">&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;"> dan spesifikasi lain</td>
    <td class="style2" style=";border-left:1px #000000 solid;">- Berat Bersih (kg)</td>
    <td  class="style2"style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">-Harga</td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;"></td>
    <td class="style2" style=";border-left:1px #000000 solid;">- Volume</td>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">Penyerahan</td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;border-bottom:1px #000000 solid;">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;border-bottom:1px #000000 solid;">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;border-bottom:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="5" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td rowspan="5" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td rowspan="5" style=";border-left:1px #000000 solid;">&nbsp;</td>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td class="style2" style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td style=";border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
</table>
<table width="940" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td width="458" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;">&nbsp;G.&nbsp;&nbsp;&nbsp;UNTUK PEJABAT BEA DAN CUKAI</td>
    <td colspan="2" class="style1" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E.&nbsp;&nbsp;&nbsp;TANDA TANGAN PENGUSAHA TPB</td>
  </tr>
  <tr>
    <td rowspan="6" style="border-left:1px #000000 solid;border-bottom:1px #000000 solid;">&nbsp;</td>
    <td colspan="2" class="style2" style="border-left:1px #000000 solid;border-right:1px #000000 solid;">&nbsp;Dengan ini saya menyatakan bertanggung jawab atas kebenaran hal hal</td>
  </tr>
  <tr>
    <td width="44" rowspan="5" style="border-left:1px #000000 solid;border-bottom:1px #000000 solid;">&nbsp;</td>
	<td width="449" class="style2" style="border-right:1px #000000 solid;">yang diberitahukan dalam pemberitahuan pabean ini.</td>
  </tr>
  <tr>
    <td class="style2" style="border-right:1px #000000 solid;">.....,............</td>
  </tr>
  <tr>
    <td style="border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td style="border-right:1px #000000 solid;">&nbsp;</td>
  </tr>
  <tr>
    <td class="style2" style="border-bottom:1px #000000 solid;border-right:1px #000000 solid;">(<input name="nama_ttd" id="nama_ttd" type="text" style="width: 88px;" value="<?php echo $nama_ttd; ?>  "/>)</td>
  </tr>
</table>
<!-- Akhir Form BC27 -->
</form>
</div>
</p>
</div>

<div id="tabs-2">

<br />
<p>
<!--Mulai Form BC 27 Detail -->
<form class="detailbc27">
<div id="frmdetailbc27">
<div id="detailbc27">
<form name="detailformbc27">
<div id="content" style="width:900px;height:auto;" >
<div class="top" style="width:900px;height:20px;">
</div>
<div class="car" style="width:900px;height:120px;">
<div class="car_kiri" style="width:325px;height:120px;float:left;">
<fieldset id="no_urut" style="width:300px;height:127px;float:left;">
<legend> Identitas </legend>
<table cellspacing="0">
  <tbody>
    <tr>
      <td width="61" class="style1">No urut</td>
      <td width="156"><input name="NoUrut" id="NoUrut" type="text"  style="width: 50px;" />dari <input name="jmlrecord" id="jmlrecord" type="text"  style="width: 50px;" /><input name="idbcdetail" id="idbcdetail" type="hidden"  style="width: 50px;" /></td>
      <td><input name="car" id="car" type="hidden"  style="width: 50px;" /></td>
      <label for="select"></label>
      </tr>
    </tbody>
</table>
</fieldset>
</div>
<div class="car_kanan" style="width:425px;height:120px;float:left;">
<fieldset id="no_urut" style="width:400px;height:127px;float:left;">
<legend> Identitas </legend>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="85" height="27">HS / Seri :</td>
        <td><input name="NoHs" id="NoHs" type="text" style="width: 100px;height:19px;" />
          <label for="select2"></label></td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td height="17">Uraian Barang </td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td><input name="BrgUrai" id="BrgUrai" type="text" style="width: 500px;height:19px;" /></td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="130">Merk</td>
        <td width="130">Tipe</td>
        <td width="130">Spf Lain</td>
        <td width="130">Kode barang</td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="130"><input name="Merk" id="Merk" type="text" style="width: 100px;height:19px;" /></td>
        <td width="130"><input name="Tipe" id="Tipe" type="text" style="width: 100px;height:19px;" /></td>
        <td width="130"><input name="SpfLain" id="SpfLain" type="text" style="width: 100px;height:19px;" /></td>
        <td width="130"><input name="KdBrg" id="KdBrg" type="text" style="width: 100px;height:19px;" /></td>
      </tr>
    </tbody>
</table>
</fieldset>
</div>
</div>
<div class="data_pemberitahuan" style="width:859px;height:auto;">
<div class="top" style="width:900px;height:20px;">
</div>
<div class="car" style="width:900px;height:160px;">
<div class="car_kiri" style="width:570px;height:150px;float:left;">
<fieldset id="data_kemasan2"style="width:550px;height:auto;">
<legend> Harga </legend>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="135" height="24">Harga CIF</td>
        <td width="217"><input name="DCif" id="DCif" type="text" style="width: 120px;height:22px;" /></td>
        <td width="7"></td>
        <td width="6">&nbsp;</td>
        <td width="124">&nbsp;</td>
        <td width="47"></td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="135" height="24">Harga Penyerahan</td>
        <td width="176"><input name="DSerah" id="DSerah" type="text" style="width: 120px;height:22px;" /></td>
        <td width="46"></td>
        <td width="7">&nbsp;</td>
        <td width="127">&nbsp;</td>
        <td width="45"></td>
      </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="135" height="24">Volume</td>
        <td width="188"><input name="Dvol" id="Dvol" type="text" style="width: 120px;height:22px;" /></td>
        <td width="34"></td>
        <td width="7">&nbsp;</td>
        <td width="128">&nbsp;</td>
        <td width="44"></td>
      </tr>
    </tbody>
</table>
</fieldset>
</div>
<div class="car_kanan" style="width:300px;height:120px;float:left;">
<fieldset id="data_kemasan2"style="width:263px;height:auto;">
<legend>Satuan</legend>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="85" height="24">Jumlah</td>
        <td width="156"><input name="JmlSat" id="JmlSat" type="text" style="width: 120px;height:22px;" /></td>
	  </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
      <tr>
        <td width="85" height="24">Jenis</td>
        <td width="155"><input name="KdSat" id="KdSat" type="text" style="width: 120px;height:22px;" /></td>
	  </tr>
    </tbody>
</table>
<table cellspacing="0">
    <tbody>
    <tr>
        <td width="85" height="24">Netto</td>
        <td width="153"><input name="NettoDtl" id="NettoDtl" type="text" style="width: 120px;height:22px;" /></td>
	</tr>
    </tbody>
</table>
</fieldset>
</div>

</div>

</div>
</div>
</form>
</div>
</div>
</form>
<!-- Akhir Form BC 27 -->
</p>
<div id="listbc27detail">
<br />
<table id="tblbc27dtl"></table> <div id="ptblbc27dtl"></div>
</div>
</div>

<script>

	$(function() {
		$( "#tabs1" ).tabs();
			$(document).ready(function(){
			
				$("#Tgldaf").datepicker({ dateFormat: 'mm/dd/yy' });
				
				$("#TgInvoice").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgPackinglist").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgKontrak").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgSuratjalan").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgSuratKep").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgSuratLain").datepicker({dateFormat: 'mm/dd/yy' });
				$("#TgBc27Asal").datepicker({dateFormat: 'mm/dd/yy' });
					
				$( "#btnprintbc27header" ).button();
				$( "#btnprintbc27header" ).button().click( function(){
					
					var KdKpbc  = $('#KdKpbc').val();  
					var car  = $('#CAR').val();
					var KdKpbcBongkar=$('#KdKpbcBongkar').val();
					var KdKpbcAwas=$('#KdKpbcAwas').val();
					var PasokNama=$('#PasokNama').val();
					var PasokAlmt1=$('#PasokAlmt1').val();
					var Moda=$('#Moda').val();
					var KdVal=$('#KdVal').val();
					var Cif=$('#Cif').val();
					var Bruto=$('#Bruto').val();
					var Netto=$('#Netto').val();
					var NilSerah=$('#NilSerah').val();
					var Nodaf=$('#Nodaf').val();
					var Tgldaf=$('#Tgldaf').val();
					var UsahaNama=$('#UsahaNama').val();
					var UsahaNPWP=$('#UsahaNPWP').val();
					var UsahaAlamat1=$('#UsahaAlamat1').val();
					var UsahaAlamat2=$('#UsahaAlamat2').val();
					var UsahaSkep=$('#UsahaSkep').val();
					var PasokAlmt2=$('#PasokAlmt2').val();
					var PasokSkep=$('#PasokSkep').val();
					var PasokNPWP=$('#PasokNPWP').val();
					var NoInvoice=$('#NoInvoice').val();
					var TgInvoice=$('#TgInvoice').val();
					var NoPackinglist=$('#NoPackinglist').val();
					var TgPackinglist=$('#TgPackinglist').val();
					var NoKontrak=$('#NoKontrak').val();
					var TgKontrak=$('#TgKontrak').val();
					var SuratJalan=$('#SuratJalan').val();
					var TgSuratjalan=$('#TgSuratjalan').val();
					var SuratKep=$('#SuratKep').val();
					var TgSuratKep=$('#TgSuratKep').val();
					var SuratLain=$('#SuratLain').val();
					var TgSuratLain=$('#TgSuratLain').val();
					var NoBc27Asal=$('#NoBc27Asal').val();
					var TgBc27Asal=$('#TgBc27Asal').val();
					var Nopol=$('#Nopol').val();
					var MrkNoKms=$('#MrkNoKms').val();
					var JmlJnsKms=$('#JmlJnsKms').val();
					var NoSeg=$('#NoSeg').val();
					var CtBcTuj1=$('#CtBcTuj1').val();
					var CtBcTuj2=$('#CtBcTuj2').val();
					var Volume=$('#Volume').val();
					var ri_no=$('#ri_no').val();
					var ri_date=$('#ri_date').val();
					var create_date=$('#create_date').val();
					var create_by=$('#create_by').val();
					var update_date=$('#update_date').val();
					var update_by=$('#update_by').val();

                    window.open('<?php echo base_url().'pasi_exim/ct_bc27form/viewformbc27hdr_print?KdKpbc='; ?>'+KdKpbc+'&car='+car+'&KdKpbcBongkar='+KdKpbcBongkar+'&KdKpbcAwas='+KdKpbcAwas+'&PasokNama='+PasokNama+'&PasokAlmt1='+PasokAlmt1+'&Moda='+Moda+'&KdVal='+KdVal+'&Cif='+Cif+'&Bruto='+Bruto+'&Netto='+Netto+'&NilSerah='+NilSerah+'&Nodaf='+Nodaf+'&Tgldaf='+Tgldaf+'&UsahaNama='+UsahaNama+'&UsahaNPWP='+UsahaNPWP+'&UsahaAlamat1='+UsahaAlamat1+'&UsahaAlamat2='+UsahaAlamat2+'&UsahaSkep='+UsahaSkep+'&PasokAlmt2='+PasokAlmt2+'&PasokSkep='+PasokSkep+'&PasokNPWP='+PasokNPWP+'&NoInvoice='+NoInvoice+'&TgInvoice='+TgInvoice+'&NoPackinglist='+NoPackinglist+'&TgPackinglist='+TgPackinglist+'&NoKontrak='+NoKontrak+'&TgKontrak='+TgKontrak+'&SuratJalan='+SuratJalan+'&TgSuratjalan='+TgSuratjalan+'&SuratKep='+SuratKep+'&TgSuratKep='+TgSuratKep+'&SuratLain='+SuratLain+'&TgSuratLain='+TgSuratLain+'&NoBc27Asal='+NoBc27Asal+'&TgBc27Asal='+TgBc27Asal+'&Nopol='+Nopol+'&MrkNoKms='+MrkNoKms+'&JmlJnsKms='+JmlJnsKms+'&NoSeg='+NoSeg+'&CtBcTuj1='+CtBcTuj1+'&CtBcTuj2='+CtBcTuj2+'&Volume='+Volume+'&ri_no='+ri_no+'&ri_date='+ri_date+'&create_date='+create_date+'&create_by='+create_by+'&update_date='+update_date+'&update_by='+update_by);   
                    
                    
});
				$("#btnupdatebc27header").button();
				$("#btnprintbc27detail").button();
				$("#btnupdatebc27detail").button();
				$("#btnfrmdetailbc27").button();
				$("#btnlistdetailbc27").button();
	
				$("#btnupdatebc27header").click(function(){
					//function showValues() {
					//var str = $(".headerbc27").serialize();
					//return str;
					//}
						
 					$.ajax({
					    beforeSubmit: $("#idhdrbc27").validate(),
						url : "<?php echo base_url().'pasi_exim/ct_bc27/updatebc27header'; ?>",
						type : 'POST',
						dataType: 'json',
						data : $(".headerbc27").serialize(),
						
						success: function(msg){
	
							if (msg.sts == '00'){
								alert(msg.desc);
								$('#tblbc27hdr').trigger('reloadGrid');
							} else { alert(msg.sts+msg.desc);  }				
						}
					});				
					//alert(showValues());
					
				});
				
				$("#btnupdatebc27detail").click(function(){
					//function showValues() {
					//var str = $(".detailbc27").serialize();
					//return str;
					//}
		
 					$.ajax({
						url : "<?php echo base_url().'pasi_exim/ct_bc27/updatebc27detail'; ?>",
						type : 'POST',
						dataType: 'json',
						data : $(".detailbc27").serialize(),
						
						success: function(msg){
	
							if (msg.sts == '00'){
								alert(msg.desc);
								$('#tblbc27dtl').trigger('reloadGrid');
							} else { alert(msg.sts+msg.desc);  }				
						}							
					}); 
					
					//alert(showValues());
					
				});
				
				$("#frmdetailbc27").hide();
				
				$("#btnfrmdetailbc27").click(function(){
					var id = jQuery("#tblbc27dtl").jqGrid('getGridParam','selrow');
					if (id) { 
								var ret = jQuery("#tblbc27dtl").jqGrid('getRowData',id);
							} else {
								alert("Please Select Row");
								return false;
							};	
					
					var totalrecord = jQuery("#tblbc27dtl").jqGrid('getGridParam', 'records');
					var id_detail= ret.id_bc27_detail;
					var BrgUrai = ret.BrgUrai;
					var Merk = ret.Merk;
					var Tipe = ret.Tipe;
					var SpfLain = ret.SpfLain;
					var KdBrg = ret.KdBrg;
					var KdSat = ret.KdSat;
					var JmlSat = ret.JmlSat;
					var NettoDtl = ret.NettoDtl;
					var DSerah = ret.DSerah;
					var car = ret.CAR;
					
					$("#NoUrut").val(id);
					$("#BrgUrai").val(BrgUrai);
					$("#Merk").val(Merk);
					$("#Tipe").val(Tipe);
					$("#SpfLain").val(SpfLain);
					$("#KdBrg").val(KdBrg);
					$("#KdSat").val(KdSat);
					$("#JmlSat").val(JmlSat);
					$("#NettoDtl").val(NettoDtl);
					$("#DSerah").val(DSerah);
					$("#jmlrecord").val(totalrecord); 
					$("#idbcdetail").val(id_detail); 
					$("#car").val(car); 

					
					$("#frmdetailbc27").fadeIn();
					$("#listbc27detail").fadeOut();
				});
				
				$("#btnlistdetailbc27").click(function(){
				
					$("#frmdetailbc27").fadeOut();
					$("#listbc27detail").fadeIn();
				});
				
				
				
				
				$("#btnprintbc27detail").click(function(){
					$("#detailbc27").printElement();
				});
			
				jQuery("#tblbc27dtl").jqGrid({
				url:'<?php echo base_url().'pasi_exim/ct_bc27/loaddatadetail'; ?>',
				postData:{'car':$('#CAR').val()},
				mtype : "post",

				datatype: "json",
				colNames:['id','CAR','Item Name','Merk','Type','SpfLain','Item Code','Unit','Quantity','NettoDtl','Price'],
				colModel:[
					{name:'id_bc27_detail',index:'id_bc27_detail', width:60, hidden:true},
					{name:'CAR',index:'CAR', width:150},
					{name:'BrgUrai',index:'BrgUrai', width:250},
					{name:'Merk',index:'Merk', width:70,hidden:true},	
					{name:'Tipe',index:'Tipe', width:193,hidden:true},
					{name:'SpfLain',index:'SpfLain', width:95,hidden:true},
					{name:'KdBrg',index:'KdBrg', width:70},	
					{name:'KdSat',index:'KdSat', width:100},
					{name:'JmlSat',index:'JmlSat', width:95},
					{name:'NettoDtl',index:'NettoDtl', width:70,hidden:true},	
					{name:'DSerah',index:'DSerah', width:100},
	
				],
				rowNum:10,
				rowList:[10,20,30],
				pager: '#ptblbc27dtl',
				sortname: 'id_bc27_detail',
				viewrecords: true,
				sortorder: "desc",
				width: 930,
				height:200,
				jsonReader: { repeatitems : false },
				caption:"List Barang of BC 27",
				rownumbers: true,
				shrinkToFit: false,
				afterInsertRow: function(rowid, aData){

				},
				gridComplete: function(){
					var rowIDs = jQuery("#tblbc27dtl").getDataIDs(); 
					var rowData = $("#tblbc27dtl").getRowData();
				
					for (var i = 0; i < rowData.length; i++) 
					{
					   var trElement = jQuery("#"+ rowIDs[i],jQuery('#tblbc27dtl'));
					   
						switch (rowData[i].statusdok) {
							case 'DATA PROCESSED':
							   trElement.css({"color":"green"});
							break;
							
							case 'SENT TO INVENTORY CANCELED':
							   trElement.css({"color":"green"});
							break;
							
							case 'DATA SENT TO INVENTORY':
							   trElement.css({"color":"purple"});
							break;
							case 'DATA PROCESSED INVENTORY':
							   trElement.css({"color":"blue"});
							break;
							case 'APPROVED INVENTORY':
							   trElement.css({"color":"red"});
							break;
						}
					}
				},
			}); 
				
							
			jQuery("#tblbc27dtl").jqGrid('navGrid','#ptblbc27dtl',{del:false,add:false,edit:false},{},{},{},{multipleSearch:false});
			jQuery("#tblbc27dtl").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false, defaultSearch: 'cn', ignoreCase: true});
	
			});		   	
	});

</script>
</body>
</html>