[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/peminjaman/resources/views/student/borrowing/main/ [ Home ]
File: index.blade.php
@extends('layouts.app')

@section('title', 'Peminjaman Saya Hari Ini')
@section('description', 'Halaman Daftar Peminjaman Saya Hari Ini')

@section('content')
<section class="row">
  <div class="col-12">
    @include('utilities.alert')
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">@yield('title')</h4>
      </div>
      <div class="card-body">
        <div class="alert alert-warning" role="alert">
          <i class="bi bi-exclamation-circle"></i>
          Data di bawah hanya akan tampil data peminjaman pada hari ini saja. Jika ingin melihat riwayat data peminjaman
          yang sudah anda pinjam bisa pergi ke menu riwayat peminjaman pada daftar menu.

          <div class="fw-bold pt-3">
            Diharapkan setiap peminjaman yang sudah selesai mohon lakukan pengubahan data pada tombol Pengembalian.
          </div>
        </div>

        <x-button-group-flex>
          <button type="button" class="btn btn-success" data-bs-toggle="modal"
            data-bs-target="#availableCommodityModal">
            <i class="bi bi-collection-fill"></i>
            Daftar Komoditas Yang Tersedia
          </button>

          <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addBorrowingModal">
            <i class="bi bi-plus-circle-fill"></i>
            Tambah Peminjaman
          </button>
        </x-button-group-flex>

        <div class="table-responsive">
          <table class="table datatable">
            <thead>
              <tr>
                <th scope="col">#</th>
                <th scope="col">Nama Mahasiswa</th>
                <th scope="col">Komoditas</th>
                <th scope="col">Tanggal</th>
                <th scope="col">Jam Pinjam</th>
                <th scope="col">Jam Kembali</th>
                <th scope="col">Petugas</th>
                <th scope="col">Aksi</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($borrowings as $borrowing)
              <tr>
                <th scope="row">{{ $loop->iteration }}</th>
                <th>
                  <span class="badge text-bg-primary" data-bs-toggle="tooltip" data-bs-placement="top"
                    data-bs-title="{{ $borrowing->student->identification_number }}">{{
                    $borrowing->student->name }}</span>
                </th>
                <td>{{ $borrowing->commodity->name }}</td>
                <td>{{ $borrowing->getDateFormatted() }}</td>
                <td>
                  <span class="badge text-bg-secondary">
                    <i class="bi bi-clock-fill"></i>
                    {{ $borrowing->time_start }}
                  </span>
                </td>
                <td>
                  @if($borrowing->time_end === NULL)
                  <span class="badge text-bg-info" data-bs-toggle="tooltip" data-bs-placement="top"
                    data-bs-title="Sedang dipinjam">
                    <i class="bi bi-clock"></i></span>
                  @else
                  <span class="badge text-bg-secondary">
                    <i class="bi bi-clock-fill"></i>
                    {{ $borrowing->time_end }}
                  </span>
                  @endif
                </td>
                <td>
                  @if($borrowing->officer_id !== NULL)
                  <span class="badge text-bg-success" data-bs-toggle="tooltip" data-bs-placement="top"
                    data-bs-title="Sudah divalidasi oleh {{ $borrowing->officer->name }}">
                    <i class="bi bi-check-circle"></i>
                  </span>
                  @else
                  <span class="badge text-bg-warning" data-bs-toggle="tooltip" data-bs-placement="top"
                    data-bs-title="Belum divalidasi oleh petugas!">
                    <i class="bi bi-exclamation-circle"></i>
                  </span>
                  @endif
                </td>
                <td>
                  <div class="btn-group gap-1">
                    <button type="button" class="btn btn-sm btn-success showBorrowingButton" data-bs-toggle="modal"
                      data-id="{{ $borrowing->id }}" data-bs-target="#detailBorrowingModal">
                      <i class="bi bi-eye-fill"></i>
                    </button>

                    @if($borrowing->time_end === NULL)
                    <button type="button" class="btn btn btn-sm btn-warning" data-bs-toggle="modal"
                      data-bs-target="#returnBorrowingModal">
                      <i class="bi bi-check-circle-fill"></i>
                    </button>

                    @push('modal')
                    @include('student.borrowing.main.modal.return-borrowing')
                    @endpush
                    @endif

                    @if($borrowing->time_end === NULL)
                    <button type="button" class="btn btn-sm btn-success editBorrowingButton" data-bs-toggle="modal"
                      data-id="{{ $borrowing->id }}" data-bs-target="#editBorrowingModal">
                      <i class="bi bi-pencil-fill"></i>
                    </button>
                    @endif
                  </div>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection

@push('modal')
@include('student.borrowing.main.modal.create')
@include('student.borrowing.main.modal.show')
@include('student.borrowing.main.modal.edit')
@include('student.borrowing.main.modal.available-commodity')
@endpush

@push('script')
@include('student.borrowing.script')
@endpush