@extends('layouts.backapp')

@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
  <div class="kt-portlet__head kt-portlet__head--lg">
      <div class="kt-portlet__head-label">
          <span class="kt-portlet__head-icon">
              <i class="kt-font-brand flaticon2-list-1"></i>
          </span>
          <h3 class="kt-portlet__head-title">
              Tabel Mutasi
          </h3>
      </div>
      @can('create', $menus['mutations.index'])
      <div class="kt-portlet__head-toolbar">
          <div class="kt-portlet__head-wrapper">
              <div class="kt-portlet__head-actions">
                  <a href="{{ route('mutations.create') }}" class="btn btn-bold btn-label-brand btn--sm">
                      Tambah
                  </a>
              </div>
          </div>
      </div>
      @endcan
  </div>

  <div class="kt-portlet__body">
      <div class="table-responsive">
          <!--begin: Datatable -->
          <table class="table table-striped table-bordered table-hover" id="mutations-table" data-url="{{ route('mutations.index') }}">
            <thead>
                <tr>
                    <th>No.</th>
                    <th>No. Mutasi</th>
                    <th>Tanggal</th>
                    <th>Dari Dealer</th>
                    <th>Ke Dealer</th>
                    <th>Dibuat Oleh</th>
                    <th>Total Item</th>
                    <th>Status</th>
                    <th>Aksi</th>
                </tr>
            </thead>
          </table>
          <!--end: Datatable -->
      </div>
  </div>
</div>  
@endsection

@section('javascripts')
<script src="{{ mix('js/warehouse_management/mutations/index.js') }}"></script>
@endsection