@extends('layouts.thema')

@section('content')

    <div class="row">
      <div class="col-12 mb-3">
          <h5>
              Saldo Sekolah {{$school->name}}
          </h5>
      </div>

        <!-- TOTAL SALDO -->
        <div class="col-lg-4">
            <div class="card stat-card bg-primary text-white">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <div class="stat-title">Total Saldo</div>
                            <div class="stat-value">Rp {{ number_format($school->saldo / 1000000, 1, ',', '.') }} Jt</div>
                            <small>Saldo sekolah</small>
                        </div>
                        <div class="col-4 text-end">
                            <i class="ti ti-wallet stat-icon"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- TOTAL REQUEST -->
        <div class="col-lg-4">
            <div class="card stat-card bg-success text-white">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <div class="stat-title">Total Request</div>
                            <div class="stat-value">Rp {{ number_format($TotalRequest / 1000000, 1, ',', '.') }} Jt</div>
                            <small>Pengajuan barang</small>
                        </div>
                        <div class="col-4 text-end">
                            <i class="ti ti-list-check stat-icon"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- TOTAL BELANJA -->
        <div class="col-lg-4">
            <div class="card stat-card bg-danger text-white">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <div class="stat-title">Total Belanja</div>
                            <div class="stat-value">Rp {{ number_format($TotalBelanja / 1000000, 1, ',', '.') }} Jt</div>
                            <small>Total pengeluaran</small>
                        </div>
                        <div class="col-4 text-end">
                            <i class="ti ti-shopping-cart stat-icon"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
      <div class="container-fluid">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title fw-semibold mb-4">Data Pengajuan Pengadaan Barang Sekolah {{$school->name}}</h5>
            <table id="myTable" class="table table-striped table-bordered" style="width:100%">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Barang</th>
                        <th>Deskripsi</th>
                        <th width="85">Nominal</th>
                        <th>Status</th>
                        <th>Prioritas</th>
                        <th width="89">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                  @foreach($data as $a)
                    <tr>
                      <td>{{$loop->iteration}}.</td>
                      <td>{{$a->name}}</td>
                      <td>{{$a->description}}</td>
                      <td>Rp {{ number_format($a->amount, 0, ',', '.') }}</td>
                      <td>
                        @if($a->status=='APPROVED')
                          <span class="badge bg-primary rounded-3 fw-semibold">{{$a->status}}</span>
                        @elseif($a->status=='REJECTED')
                          <span class="badge bg-danger rounded-3 fw-semibold">{{$a->status}}</span>
                        @else
                          <span class="badge bg-dark rounded-3 fw-semibold">{{$a->status}}</span>
                        @endif
                      </td>
                      <td>
                        @if($a->priority=='MEDIUM')
                          <span class="badge bg-primary rounded-5 fw-semibold">{{$a->priority}}</span>
                        @elseif($a->priority=='HIGH')
                          <span class="badge bg-danger rounded-5 fw-semibold">{{$a->priority}}</span>
                        @else
                          <span class="badge bg-warning rounded-5 fw-semibold">{{$a->priority}}</span>
                        @endif
                      <td>
                        <button type="submit" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target="#viewModal{{$a->id}}"><span><i class="ti ti-list-check fs-3"></i></span></button>
                      </td>
                    </tr>


                    <!-- Modal view-->
                    <div class="modal fade" id="viewModal{{$a->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Detail Data Pengajuan</h5>
                            <button type="button" class="close btn btn-dark btn-sm" data-dismiss="modal" aria-label="Close">x</button>
                          </div>
                          <div class="modal-body">

                            <div class="row">
                              <b class="col-sm-3">Nama Barang</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{$a->name}}</p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Deskripsi</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{$a->description}}</p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Nominal</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">Rp {{ number_format($a->amount, 0, ',', '.') }}</p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Status</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">
                                @if($a->status=='APPROVED')
                                  <span class="badge bg-primary rounded-3 fw-semibold">{{$a->status}}</span>
                                @elseif($a->status=='REJECTED')
                                  <span class="badge bg-danger rounded-3 fw-semibold">{{$a->status}}</span>
                                @else
                                  <span class="badge bg-dark rounded-3 fw-semibold">{{$a->status}}</span>
                                @endif
                              </p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Prioritas</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">
                                @if($a->priority=='MEDIUM')
                                  <span class="badge bg-primary rounded-5 fw-semibold">{{$a->priority}}</span>
                                @elseif($a->priority=='HIGH')
                                  <span class="badge bg-danger rounded-5 fw-semibold">{{$a->priority}}</span>
                                @else
                                  <span class="badge bg-warning rounded-5 fw-semibold">{{$a->priority}}</span>
                                @endif
                              </p>
                            </div>

                            <hr>
                            <div class="row">
                              <b class="col-sm-3">Validator</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{ $a->approved->name ?? '-' }}</p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Tgl Validasi</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{$a->approved_at}}</p>
                            </div>

                            <div class="row">
                              <b class="col-sm-3">Catatan</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{$a->approved_note}}</p>
                            </div>
                              @if($a->status=='APPROVED')
                              <hr>
                              <div class="row">
                                <b class="col-sm-3">Status Pembelian</b>
                                <p class="col-sm-1">:</p>
                                <p class="col-sm-8">
                                @if($a->buy_status=='PURCHASED')
                                  <span class="badge bg-primary rounded-5 fw-semibold">{{$a->buy_status}}</span>
                                @else
                                  <span class="badge bg-dark rounded-5 fw-semibold">{{$a->buy_status}}</span>
                                @endif
                                </p>
                              </div>

                              <div class="row">
                                <b class="col-sm-3">Pembeli</b>
                                <p class="col-sm-1">:</p>
                                <p class="col-sm-8">{{ $a->buying->name ?? '-' }}</p>
                              </div>

                              <div class="row">
                                <b class="col-sm-3">Tgl Pembelian</b>
                                <p class="col-sm-1">:</p>
                                <p class="col-sm-8">{{$a->buy_at}}</p>
                              </div>

                              <div class="row">
                              <b class="col-sm-3">Bukti Pembelian</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">@if($a->buy_file) <a href="{{asset('bukti/'.$a->buy_file)}}" target="_blank" class="btn btn-outline-primary btn-sm">Lihat Bukti</a> @endif</p>
                            </div>
                            @endif
                            

                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                          </div>
                        </div>\
                      </div>
                    </div>
                  @endforeach
                </tbody>
            </table>

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

@endsection