@extends('layouts.header')

@section('content')
<span class="heading">Main</span>
<ul class="list-unstyled">
          <li><a href="tables.html"> <i class="icon-grid"></i>Tables </a></li>
          <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>Example dropdown </a>
            <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
              <li><a href="#">Page</a></li>
              <li><a href="#">Page</a></li>
              <li><a href="#">Page</a></li>
            </ul>
          </li>
</ul>
</nav>
<div class="content-inner">
<!-- Page Header-->
<header class="page-header">
  <div class="container-fluid">
    <h2 class="no-margin-bottom">Tables</h2>
  </div>
</header>
<!-- Breadcrumb-->
<div class="breadcrumb-holder container-fluid">
  <ul class="breadcrumb">
    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
    <li class="breadcrumb-item active">Tables</li>
  </ul>
</div>

<section class="tables">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-close">
            <div class="dropdown">
              <button type="button" id="closeCard3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle"><i class="fa fa-ellipsis-v"></i></button>
              <div aria-labelledby="closeCard3" class="dropdown-menu dropdown-menu-right has-shadow"><a href="#" class="dropdown-item remove"> <i class="fa fa-times"></i>Close</a><a href="#" class="dropdown-item edit"> <i class="fa fa-gear"></i>Edit</a></div>
            </div>
          </div>
          <div class="card-body">
            <div class="table-responsive">
              <table class="table table-striped table-hover">
                <thead>
                  <tr>
                    <th>Nama Produk</th>
                    <th>Harga</th>
                    <th>Status</th>
                    <th>Jumlah Barang</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($woos as $woo)
                  <tr>
                    <th>{{$woo['name']}}</th>
                    <th>{{$woo['regular_price']}}</th>
                    <th>{{$woo['status']}}</th>
                    <th>{{$woo['stock_quantity']}}</th>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <nav aria-label="...">
          <ul class="pagination">
            <li class="page-item">
              <a class="page-link" href="http://localhost/larawoo/public/product?posts_per_page={{ $params['per_page']}}&page={{ $previous }}" tabindex="-1">{{ $previous }}</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="http://localhost/larawoo/public/product?posts_per_page={{ $params['per_page']}}&page={{ $firstpage }}" tabindex="-1">{{ $firstpage }}</a>
            </li>
            <li class="page-item active">
              <a class="page-link" href="http://localhost/larawoo/public/product?posts_per_page={{ $params['per_page']}}&page={{ $current }}" <span class="sr-only">{{ $current }}</span></a>
            </li>
            <li class="page-item">
              <a class="page-link" href="http://localhost/larawoo/public/product?posts_per_page={{ $params['per_page']}}&page={{ $lastpage }}">{{ $lastpage }}</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="http://localhost/larawoo/public/product?posts_per_page=10&page={{ $next }}">{{ $next }}</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</section>
@endsection