@php
use App\Models\InventoryPeminjamanDetailBarang;
@endphp
<div>
  <!-- Page -->
  <div class="page">
    <div class="page-header">
      <h1 class="page-title">Data Peminjaman Barang</h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="">Home</a></li>
        <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
        <li class="breadcrumb-item active">Data Peminjaman Barang</li>
      </ol>

      <div class="page-header-actions">
        <button type="button" data-target="#tambah" data-toggle="modal"
          class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip" data-original-title="Tambah">
          <i class="icon md-hospital" aria-hidden="true"></i> 
        </button>
        <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
          data-original-title="Refresh">
          <i class="icon md-refresh-alt" aria-hidden="true"></i>
        </button>
      </div>

    </div>

    <div class="page-content container-fluid">
      <div class="row">
        <div class="col-xl-12">
          <!-- Panel Kitchen Sink -->
          <div class="panel">
            <header class="panel-heading">
              <h3 class="panel-title">
                Data Peminjaman Barang
                @if (session()->has('pesan'))
                <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                @endif
                <span class="panel-desc">
                  {{ env('CORP_BRAND') }}
                </span>
              </h3>
            </header>

            <div class="panel-body">
              <div class="row">
                <div class="form-group form-material col-md-1 col-lg-1">
                  <label class="form-control-label">Data</label>
                  <select class="form-control" wire:model.live="cek_limit" required>
                    <option>10</option>
                    <option>50</option>
                    <option>100</option>
                    <option>250</option>
                    <option>500</option>
                  </select>
                </div>
                <div class="form-group form-material col-md-1 col-lg-1">
                  <label class="form-control-label">Order</label>
                  <select class="form-control" wire:model.live="cek_urutan" required>
                    <option value="DESC">Z-A</option>
                    <option value="ASC">A-Z</option>
                  </select>
                </div>
                <div class="form-group form-material col-md-2 col-lg-2">
                  <label class="form-control-label">By</label>
                  <select class="form-control" wire:model.live="cek_order_by" required>
                    <option value="inventory_peminjaman_perangkat.created_at">Created at</option>                    
                  </select>
                </div>
                <div class="form-group form-material col-md-8 col-lg-8">
                  <label class="form-control-label">Kata Kunci</label>
                  <div class="input-group">
                    <input type="text" wire:model.defer="cek_keyword" placeholder="Ketik Kata Kunci Pencarian ..."
                      class="form-control" required>
                    <span class="input-group-append">
                      <button wire:click.prevent="search" type="submit" class="btn btn-primary"><i
                          class="icon md-search" aria-hidden="true"></i></button>
                    </span>
                    <span class="input-group-append">
                      <button wire:click.prevent="clear_search" type="submit" class="btn btn-primary"><i
                          class="icon md-refresh" aria-hidden="true"></i></button>
                    </span>
                  </div>
                </div>
              </div>

              <hr>
              <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap data-tablesaw-mode-switch>
                <thead>
                  <tr>
                    <th>No</th>                    
                    <th>PIC Warhouse</th>
                    <th>Peminjam</th>
                    <th>Tgl. Peminjaman</th>
                    <th>Keterangan</th>                    
                    <th>Status Peminjaman</th>
                    <th>Barang Dipinjam</th>                    
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($InventoryPeminjamanBarang as $row)
                    <tr>
                      <td>{{ $loop->index + 1 }}</td>
                      <td>{{ $row->pic_warehouse ?? '-' }}</td>
                      <td>{{ $row->nama_peminjam }}</td>
                      <td>{{ tgl_indo($row->tgl_peminjaman) }}</td>
                      <td>{{ $row->keterangan }}</td>
                      <td>                       
                        <button class="btn
                          @if ($row->approval_warehouse === 'Pending') btn-warning
                          @elseif ($row->approval_warehouse === 'Accepted' ) btn-success
                          @elseif ($row->approval_warehouse === null) btn-warning
                          @endif"
                          @if (Auth::user()->level == 'Warehouse' || Auth::user()->level == 'Super Admin')
                            wire:click="Approval({{ $row->id_inventory_peminjaman_barang }})"
                          @else
                            disabled
                          @endif>
                          {{ $row->approval_warehouse ?? 'Pending' }}
                        </button>
                      </td>

                      <td>
                        <button wire:click.prevent="show({{ $row['id_inventory_peminjaman_barang'] }})" type="button"
                          data-target="#show_detail" data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round"
                          data-toggle="tooltip" data-original-title="Delete">
                          <i class="icon md-eye" aria-hidden="true"></i>
                          @php
                              $count = InventoryPeminjamanDetailBarang::where('id_inventory_peminjaman_barang', $row->id_inventory_peminjaman_barang)->count();
                          @endphp
                          {{ $count }} Barang
                        </button>
                      </td>

                      <td>
                        <a href="/report/peminjaman-barang/{{$row->id_inventory_peminjaman_barang}}">
                          <button" type="button"
                            class="btn btn-sm btn-icon btn-primary btn-round"                        
                            data-toggle="tooltip" data-original-title="Delete">
                            <i class="icon md-print" aria-hidden="true"></i>
                          </button>
                        </a>
                        <button wire:click.prevent="show({{ $row['id_inventory_peminjaman_barang'] }})" type="button"
                          data-target="#delete" data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round"
                          @if ($row->approval_warehouse == 'Accepted')                            
                            disabled
                          @endif
                          data-toggle="tooltip" data-original-title="Delete">
                          <i class="icon md-delete" aria-hidden="true"></i>
                        </button>
                        
                      </td>

                    </tr>
                  @endforeach
                </tbody>
              </table>
              <hr>
              <hr>
              {{ $InventoryPeminjamanBarang->links() }}
            </div>
          </div>
          <!-- End Panel Kitchen Sink -->
        </div>
      </div>
    </div>
  </div>
  <!-- End Page -->

  
  <!-- Start Modal Form Tambah -->
  <div wire:ignore.self class="modal fade" id="tambah" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Form Peminjaman
          @if (session()->has('pesan'))
          <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
          @endif
        </h4>
      </div>
      <div class="modal-body">

        <form wire:submit="store" enctype="multipart/form-data">
          <div class="row">
            
            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Keperluan Peminjaman</label>
              <textarea class="form-control" wire:model.live="keterangan" rows="2" @if(!empty($disable_form)) disabled @endif required></textarea>
            </div>            

            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Nama Barang</label>
              <select class="form-control" wire:model.defer='id_acc_penyusutan'>
                  <option value="" >Pilih Nama Barang</option>                  
                  @foreach ($barang as $key => $value)
                      <option value="{{ $value->id_acc_penyusutan }}">{{ $value->nama_aktiva . ' - ' . $value->lokasi_aktiva}}</option>
                  @endforeach
              </select>
            </div>

            <div class="col-md-6 form-group form-material">
              <label class="form-control-label">Tgl. Peminjaman</label>
              <input type="date" wire:model.defer="tgl_peminjaman"
                  class="form-control" required>
            </div>
        
            <div class="col-md-6 form-group form-material">
              <label class="form-control-label">Tgl. Dikembalikan</label>
              <input type="date" wire:model.defer="tgl_dikembalikan"
                  class="form-control" required>
            </div>

            <div class="col-md-6 mb-4 float-right">
              <button type="submit" class="btn btn-primary btn-block">Tambah</button>
            </div>
            <div class="col-md-6 float-left">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>

            <br>

            <div class="col-md-12">
              <table class="table-bordered table">
                <tr>
                  <th>No</th>                
                  <th>Nama Barang</th>
                  <th>Tgl. Peminjaman</th>
                  <th>Tgl. Dikembalikan</th>
                  <th>Action</th>
                </tr>
                <tbody>
                  @if(!empty($list_barang_dipinjam))
                    @foreach ($list_barang_dipinjam as $row)
                      <tr>
                        <td>{{ $loop->index + 1}}</td>
                        <td>{{ $row->nama_barang . ' ' . $row->lokasi_barang }}</td>
                        <td>{{ tgl_indo($row->tgl_peminjaman) }}</td>
                        <td>{{ tgl_indo($row->tgl_dikembalikan) }}</td>
                        <td>
                          <button wire:click.prevent="destroy({{ $row['id_inventory_peminjaman_detail_perangkat'] }})" type="button"
                          class="btn btn-sm btn-icon btn-primary btn-round"
                          data-toggle="tooltip" data-original-title="Delete">
                          <i class="icon md-delete" aria-hidden="true"></i>
                        </button>
                        </td>
                      </tr>
                    @endforeach
                  @endif
                </tbody>
              </table>
            </div>

          </div>
        </form>

      </div>
    </div>
  </div>
  <!-- End Modal Form Tambah -->


  <!-- Start Modal Form Delete -->
  <div wire:ignore.self class="modal fade" id="delete" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Konfirmasi Hapus Peminjaman
          @if (session()->has('pesan'))
          <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
          @endif
        </h4>

      </div>
      <div class="modal-body">
        <form wire:submit.prevent="destroy({{$id_inventory_peminjaman_barang}})" enctype="multipart/form-data">
          <div class="row">            
            
            <div class="modal-body col-md-12">
              <p>Apakah Anda yakin ingin menghapus data ini?</p>
              <strong>Keterangan:</strong> {{ $keterangan }}                             
            </div>
            @if(!empty($id_inventory_peminjaman_barang))
            <div class="col-md-6">
              <button type="submit" class="btn btn-danger btn-block">Hapus</button>
            </div>
            @endif
            <div class="col-md-6">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>

          </div>
        </form>
      </div>
    </div>
  </div>
  
<!-- Start Modal Form Show -->
<div wire:ignore.self class="modal fade" id="show_detail" tabindex="-1" data-keyboard="false" data-backdrop="static"
aria-labelledby="TambahData" aria-hidden="true">
  <div class="modal-dialog modal-simple modal-content modal-lg">
    <div class="modal-header">
      <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">x</span>
      </button>
      <h4 class="modal-title" id="exampleFormModalLabel">Form Peminjaman
        @if (session()->has('pesan'))
        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
        @endif
      </h4>
    </div>
    <div class="modal-body">
      
        <div class="row">
          
          <div class="col-md-12 form-group form-material">
            <label class="form-control-label">Keperluan Peminjaman</label>
            <textarea class="form-control" wire:model.live="keterangan" rows="2" @if(!empty($disable_form)) disabled @endif required></textarea>
          </div>            
        
          <br>
          <div class="col-md-12"><h4 class="form-control-h4">Data Barang Dipinjam</h4></div>
          <div class="col-md-12">
            <table class="table-bordered table">
              <tr>
                <th>No</th>                
                <th>Nama Barang</th>
                <th>Tgl. Peminjaman</th>
                <th>Tgl. Dikembalikan</th>
                <th>Status</th>
                <th>Action</th>
              </tr>
              <tbody>
                @if(!empty($list_barang_dipinjam_show))
                  @foreach ($list_barang_dipinjam_show as $row)
                    <tr>
                      <td>{{ $loop->index + 1 }}</td>
                      <td>{{ $row->nama_barang . ' ' . $row->lokasi_barang }}</td>
                      <td>{{ tgl_indo($row->tgl_peminjaman) }}</td>
                      <td>{{ tgl_indo($row->tgl_dikembalikan) }}</td>
                      <td>
                        <button class="btn
                          @if ($row->status_barang === 'Belum Dikembalikan') btn-warning
                          @elseif ($row->status_barang === 'Sudah Dikembalikan' || $row->status_barang === 'Disetujui') btn-success
                          @elseif ($row->status_barang === null) btn-warning
                          @endif"
                          @if (Auth::user()->level == 'Warehouse')
                            wire:click="toggleStatus({{ $row->id_inventory_peminjaman_detail_barang }})"
                          @else
                            disabled
                          @endif>
                          {{ $row->status_barang ?? 'Belum Dikembalikan' }}
                        </button>
                      </td>
                      <td>
                        <button wire:click.prevent="destroy_barang({{ $row->id_inventory_peminjaman_detail_barang }})" type="button"
                        class="btn btn-sm btn-icon btn-primary btn-round"
                        @if ($approval_warehouse == 'Accepted')
                            disabled
                        @endif
                        data-toggle="tooltip" data-original-title="Delete">
                        <i class="icon md-delete" aria-hidden="true"></i>
                      </button>
                      </td>
                    </tr>
                  @endforeach
                @endif

              </tbody>
            </table>
          </div>

          <div class="col-md-12 float-left">
            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
              class="btn btn-secondary btn-block">Close</button>
          </div>

        </div>
    
    </div>
  </div>
</div>
<!-- End Modal Form Show -->

</div>