@extends('layouts.thema')

@section('content')

      <div class="container-fluid">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title fw-semibold mb-4">Data Pengajuan yang sudah disetujui</h5>
            <table id="myTable" class="table table-striped table-bordered" style="width:100%">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Sekolah</th>
                        <th>Nama Barang</th>
                        <th>Deskripsi</th>
                        <th width="85">Nominal</th>
                        <th>Status</th>
                        <th>Pembelian</th>
                        <th width="89">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                  @foreach($data as $a)
                    <tr>
                      <td>{{$loop->iteration}}.</td>
                      <td>{{$a->school->name}}</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->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
                      <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">
                        <form action="{{url('keuangan/pengajuan/edit')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="id" value="{{$a->id}}">
                        <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 Sekolah</b>
                              <p class="col-sm-1">:</p>
                              <p class="col-sm-8">{{$a->school->name}}</p>
                            </div>

                            <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>
                            <hr>

                            @if($a->buy_status=='PROCESS')
                            <div class="form-group mb-3 row">
                              <label for="buy_status" class="col-sm-3 col-form-label">Status Pembelian</label>
                              <div class="col-sm-9">
                                <select id="buy_status" name="buy_status" class="form-control" required>
                                  <option value="" selected disabled>-- Pilih --</option>
                                  <option value="PURCHASED">PURCHASED</option>
                                </select>
                              </div>
                            </div>

                            <div class="form-group mb-3 row">
                              <label for="buy_file" class="col-sm-3 col-form-label">Bukti Pmebelian</label>
                              <div class="col-sm-9">
                                <input type="file" class="form-control" id="buy_file" name="buy_file" required>
                              </div>
                            </div>
                            @else

                            <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">
                            @if($a->buy_status=='PROCESS')
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            @else
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            @endif
                          </div>
                        </div>
                        </form>
                      </div>
                    </div>
                  @endforeach
                </tbody>
            </table>

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

@endsection