<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link href="{{ asset("css/bootstrap.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ asset("css/icons/fontawesome/styles.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ asset("treegrid/css/jquery.treegrid.css")}}" rel="stylesheet" type="text/css">
	<script src="{{ asset("js/core/libraries/jquery.min.js")}}"></script>

	<style>

        @page { margin: 10px; }

          .page_break { page-break-before: always; }

          .page-number:after { content: counter(page); }

          #table-data{
          font-size: 8pt;
          margin-top: 10px;
          border: 1px solid #555;
          }
          #table-data th{
            border: 1px solid #aaa;
            border-collapse: collapse;
            border-bottom: 3px solid #ccc;
            background: #fff;
            padding: 8px 15px;
            font-size: 10pt;
          }

          #table-data td{
            border: 1px solid #ccc;
            vertical-align: top;
          }

          #table-data td.currency{
            text-align: right;
            padding-right: 5px;
          }

          #table-data td.no-border{
            border: 0px;
          }

          #table-data td.total.not-same{
             color: red !important;
             -webkit-print-color-adjust: exact;
          }

          #table-data-inside{
            font-size: 9pt;
            margin-top: 5px;
          }

          #table-data-inside td{
            padding: 5px 15px;
            border: 0px solid #333;
          }

          #table-data-inside td.lv1{
            padding: 5px 10px;
          }

          #table-data-inside td.lv2{
            padding: 5px 10px;
          }

          #table-data-inside td.lv3{
            padding: 5px 10px;
            font-style: italic;
          }

          #table-data-inside td.money{
            text-align: right;
            padding: 5px 10px;
            font-weight: bold;
          }

          #table-data-inside td.total{
            border-top: 2px solid #777; ;
          }

          #navigation ul{
            float: right;
            padding-right: 110px;
          }

          #navigation ul li{
            color: #fff;
            font-size: 15pt;
            list-style-type: none;
            display: inline-block;
            margin-left: 40px;
          }

           #form-table{
              font-size: 8pt;
            }

            #form-table td{
              padding: 5px 0px;
            }

            #form-table .form-control{
              height: 30px;
              width: 90%;
              font-size: 8pt;
            }

      </style>

      <style type="text/css" media="print">
        @page { size: portrait; }
        #navigation{
            display: none;
          }

          .page-break { display: block; page-break-before: always; }
      </style>
</head>
<body style="background: #555;">
	<div class="col-md-12" id="navigation" style="background: rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px #444; position: fixed; z-index: 2;">
        <div class="row">
          <div class="col-md-7" style="background: none; padding: 15px 15px; color: #fff; padding-left: 120px;">
            CV. Ketjubung
          </div>
          <div class="col-md-5" style="background: none; padding: 10px 15px 5px 15px">
            <ul>
              <li><i class="fa fa-print" style="cursor: pointer;" id="print" data-toggle="tooltip" data-placement="bottom" title="Print Laporan"></i></li>
            </ul>
          </div>
        </div>
    </div>

    <div class="col-md-10 col-md-offset-1" style="background: white; padding: 10px 15px; margin-top: 80px;">
  
        <table width="100%" border="0" style="border-bottom: 1px solid #333;">
          <thead>
            <tr>
              <th style="text-align: left; font-size: 14pt; font-weight: 600">Laporan Neraca Perbandingan Dalam {{ ucfirst('cv. ketjubung') }} </th>
            </tr>

            <tr>
              <th style="text-align: left; font-size: 12pt; font-weight: 500">PT Jawa Pratama Mandiri</th>
            </tr>

            <tr>
              <th style="text-align: left; font-size: 8pt; font-weight: 500; padding-bottom: 10px;">(Angka Disajikan Dalam Rupiah, Kecuali Dinyatakan Lain)</th>
            </tr>
          </thead>
        </table>

        <table width="100%" border="0" style="font-size: 8pt;">
          <thead>
            <tr>
              <td style="text-align: left; padding-top: 5px;">
                Laporan Per Tahun 2018 dan 2019
              </td>
              
            </tr>
          </thead>
        </table>

        <table id="table-data" width="90%" border="0" style="min-height: 45px; margin: 15px auto;">
          <thead>
            <tr>
              <th width="30%" class="text-center" style="border-right: 1px solid #ccc; font-size: 10pt;">Keterangan</th>
              <th width="15%" class="text-center" style="border-right: 1px solid #ccc; font-size: 10pt;">
                2019
              </th>
              <th width="15%" class="text-center" style="border-right: 1px solid #ccc; font-size: 10pt;">
                2019
              </th>
              <th width="10%" class="text-center" style="border-right: 1px solid #ccc; font-size: 10pt;">Net Change</th>
              <th width="15%" class="text-center" style="border-right: 1px solid #ccc; font-size: 10pt;">Net Value</th>
            </tr>
          </thead>

          <tbody>
            
            <tr>
              <td colspan="5" class="text-center" style="padding: 10px 0px 8px 0px; background: #eee;">Aktiva</td>
            </tr>

            <tr class="" id="">

                <td style="border-right: 1px solid #ccc; padding: 8px 20px; font-weight: bold;">
                  Ini untuk keterangan misalnya
                </td>

                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

            </tr>

            <tr>
                <td style="font-weight: bold; padding: 9px 20px; border-bottom: 2px solid #333;" class="text-left">Total Aktiva</td>
                <td style="padding: 8px 20px; border-bottom: 2px solid #333;background:#eee;font-weight: bold" class="text-right">
                  {{ number_format(100000, 2) }}
                </td>
                <td style="padding: 8px 20px; border-bottom: 2px solid #333;background:#eee;font-weight: bold" class="text-right">
                  {{ number_format(100000, 2) }}
                </td>
                <td style="border-bottom: 2px solid #333;">&nbsp;</td>
                <td style="border-bottom: 2px solid #333;">&nbsp;</td>
              </tr>

              <tr>
                <td colspan="5" class="text-center" style="padding: 10px 0px 8px 0px; background: #eee;">Passiva</td>
              </tr>

              <tr class="" id="">

                    <td style="border-right: 1px solid #ccc; padding: 8px 20px; font-weight: bold;">
                      Ini keterangan
                    </td>

                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>

                  </tr>

              <tr>
                <td style="font-weight: bold; padding: 9px 20px; border-bottom: 2px solid #333;" class="text-left">Total passiva</td>
                <td style="padding: 8px 20px; border-bottom: 2px solid #333;background: #eee;font-weight: bold;" class="text-right">
                  {{ number_format(100000, 2) }}
                </td>
                <td style="padding: 8px 20px; border-bottom: 2px solid #333;background: #eee;font-weight: bold;" class="text-right">
                  {{ number_format(100000, 2) }}
                </td>
                <td style="border-bottom: 2px solid #333;">&nbsp;</td>
                <td style="border-bottom: 2px solid #333;">&nbsp;</td>
              </tr>
            
          </tbody>

          <tfoot>
            {{-- <tr>
              <td>
                <table width="100%" style="font-size: 9pt;">
                  <tr>
                    <td style="font-weight: bold; padding: 5px 10px; font-weight: bold" width="50%">TOTAL AKTIVA</td>
                    <td style="font-weight: 600; padding: 5px 10px;" class="text-right">
                      {{ ($total_aktiva >= 0) ? number_format($total_aktiva, 2) : "( ".number_format(str_replace("-", "", $total_aktiva), 2)." )" }}
                    </td>
                  </tr>
                </table>
              </td>

              <td>
                <table width="100%" style="font-size: 9pt;">
                  <tr>
                    <td style="font-weight: bold; padding: 5px 10px; font-weight: bold" width="50%">TOTAL PASIVA</td>
                    <td style="font-weight: 600; padding: 5px 10px;" class="text-right">
                      {{ ($total_pasiva >= 0) ? number_format($total_pasiva, 2) : "( ".number_format(str_replace("-", "", $total_pasiva), 2)." )" }}
                    </td>
                  </tr>
                </table>
              </td>
            </tr> --}}
          </tfoot>

        </table>

        <table id="table" width="100%" border="0" style="font-size: 8pt; margin-top: 4px;">
          <thead>
            <tr>
              
            </tr>
          </thead>
        </table>

    </div>

    <script type="text/javascript">
        $(document).ready(function(){


          baseUrl = '{{ url('/') }}';

          // script for neraca

          $('#print').click(function(evt){
            evt.preventDefault();

            window.print();
          })

        })
      </script>
</body>
</html>