@extends('layout.tokomain')
@section('activenav', '6')    
@section('head-content-title', 'Laporan')
@section('head-back-nav')
  <li class="breadcrumb-item active">Laporan</li>
@endsection
@section("container")
<style>
    .responsive{
        overflow: hidden;
        overflow-x: scroll;
    }
    td{
		font-size: 12px;
        white-space: nowrap;
	}
    th{
        text-align: center;
	}
    .right{
		text-align: right;
	}

	.center{
		text-align: center;
	}
</style>
<section class="content">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <a class="btn btn-info" href="{{ url('toko/laporan/print') }}">cetak laporan</a>    
          </div>
          <div class="card-body">
              <div class="responsive">
                  <table class="table table-bordered">
                      <thead>
                          <tr>
                              <th width="60px">ID Akun</th>
                              <th width="160px">Nama Barang</th>
                              <th width="60px">Barang Tersedia</th>
                              <th width="50px">Total Awal</th>
                              <th width="80px">Harga Awal</th>
                              <th width="50px">Total Terjual</th>
                              <th width="80px">Harga Jual</th>
                              <th width="50px">Total Pesanan</th>
                              <th width="80px">Harga Pesanan</th>
                          </tr>
                      </thead>
                      <tbody>
                          {!! html_entity_decode($laporan_persediaan) !!}
                      </tbody>
                  </table>
              </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection