@extends('layouts.main')
@section('content')
  @push('style')
    <link rel="stylesheet" href="{{asset('assets/css/auto_style.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/toastr.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/datatables/datatables.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/themify-icons.css')}}">
  @endpush

  <div class="preloader" id="preloader" >
    <div class="loading">
      <img src="{{ asset('assets/img/loading-buffering.gif') }}" width="80">
      <p>Harap Tunggu</p>
    </div>
  </div>
  <div class="content__header content__boxed overlapping">
    <div class="content__wrap">
      <!-- Breadcrumb -->
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item"><a href="{{ route('index-dashboard') }}">Home</a></li>
          <li class="breadcrumb-item" aria-current="page">{{ $titleMenu }}</li>
          <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
        </ol>
      </nav>
      <!-- END : Breadcrumb -->
      <h1 class="page-title mb-0 mt-2">{{ $titleMenu }} {{$title}}</h1>
      <p class="lead"></p>
    </div>
  </div>

  <div class="content__boxed">
  <div class="content__wrap">
    <div class="row">
      <div class="col-sm-12 mt-2">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title fs-4">List Data Faktur</h5>
            <div class="card-header toolbar">
                <div class="toolbar-start">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs card-header-tabs" role="tablist">
                      <li class="nav-item" role="presentation">
                        <button class="nav-link active"
                            style="padding:8px 50px"
                            data-bs-toggle="tab"
                            data-bs-target="#tab-all"
                            type="button">
                            All
                        </button>
                      </li>
                      <li class="nav-item" role="presentation">
                        <button class="nav-link"
                            style="padding:8px 50px"
                            data-bs-toggle="tab"
                            data-bs-target="#tab-detail"
                            type="button">
                            Detail
                        </button>
                      </li>
                    </ul>
                </div>
            </div>
            <div class="tab-content mt-3">
              <div class="tab-pane fade show active" id="tab-all">
                  @include('purchaseorder::invoice-summary.invoice-all')
              </div>
              <div class="tab-pane fade" id="tab-detail">
                  @include('purchaseorder::invoice-summary.invoice-detail')
              </div>

          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@include('purchaseorder::invoice-summary.js')

@endsection