@extends('layouts.app')

@section('title', 'Pembayaran')

@section('content')
<div class="main-content">
  <section class="section">

    <div class="section-header">
      <h1>Detail Pembayaran</h1>
    </div>

    <div class="section-body">
      <div class="row">

        {{-- ================= LEFT SIDE : DETAIL PENGAJUAN ================= --}}
        <div class="col-md-7">
          <div class="card">
            <div class="card-header">
              <h4>Pengajuan Penerbitan #{{ $pengajuan->kode_invoice }}</h4>
            </div>

            <div class="card-body">

              <table class="table table-borderless">
                <tr>
                  <th width="40%">Nama Paket</th>
                  <td>{{ $pengajuan->paket->nama }}</td>
                </tr>
                <tr>
                  <th>Total Tagihan Awal</th>
                  <td>
                    Rp {{ number_format($pengajuan->pembayaran->sum('jumlah'),0,',','.') }}
                  </td>
                </tr>
                <tr>
                  <th>Status Pengajuan</th>
                  <td>
                    <span class="badge badge-info">
                      {{ $pengajuan->status->label ?? '-' }}
                    </span>
                  </td>
                </tr>
              </table>

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


        {{-- ================= RIGHT SIDE : LIST TAGIHAN ================= --}}
        <div class="col-md-5">
          <div class="card card-primary">
            <div class="card-header">
              <h4>Daftar Tagihan</h4>
            </div>

            <div class="card-body">

              @forelse($pengajuan->pembayaran as $index => $pembayaran)

                <div class="mb-4 p-3 border rounded 
                    {{ $index == 0 && $pembayaran->status == 'pending' ? 'border-primary' : '' }}">

                  {{-- Badge Invoice Aktif --}}
                  @if($index == 0)
                    <span class="badge badge-primary mb-2">Tagihan Aktif</span>
                  @endif
                  <h6>{{ $pembayaran->kode_pembayaran }}</h6>

                  <p class="mb-1">
                    Jumlah:
                    <strong>
                      Rp {{ number_format($pembayaran->jumlah,0,',','.') }}
                    </strong>
                  </p>

                  <p class="mb-2">
                    Status:
                    @if($pembayaran->status == 'pending')
                      <span class="badge badge-warning">Menunggu Pembayaran</span>
                    @elseif($pembayaran->status == 'paid')
                      <span class="badge badge-info">Menunggu Verifikasi Pembayaran</span>
                    @elseif($pembayaran->status == 'confirm')
                      <span class="badge badge-success">Lunas</span>
                    @else
                      <span class="badge badge-secondary">
                        {{ ucfirst($pembayaran->status) }}
                      </span>
                    @endif
                  </p>

                  {{-- ================= UPLOAD HANYA UNTUK INVOICE TERBARU ================= --}}
                  @if($index == 0 && $pembayaran->status == 'pending')

                    <div class="alert alert-light">
                      <strong>Bank Syariah Indonesia (BSI)</strong><br>
                      7304278198<br>
                      a.n Andus Edukasi Indonesia
                    </div>

                    <form action="{{ route('pembayaran.upload', $pembayaran->id) }}"
                          method="POST"
                          enctype="multipart/form-data">
                      @csrf

                      <div class="form-group">
                        <label>Upload Bukti Transfer</label>
                        <input type="file"
                               name="bukti_pembayaran"
                               class="form-control"
                               required>
                               <small>*Format bukti bayar jpg/jpeg/png</small>
                      </div>
                      

                      <button type="submit" class="btn btn-primary btn-block">
                        Upload Bukti Pembayaran
                      </button>
                    </form>

                  @endif

                  {{-- ================= LIHAT BUKTI ================= --}}
                  @if($pembayaran->bukti_pembayaran)
                    <hr>
                    <a href="{{ asset('storage/'.$pembayaran->bukti_pembayaran) }}"
                       target="_blank"
                       class="btn btn-success btn-sm">
                      Lihat Bukti Pembayaran
                    </a>
                  @endif

                </div>

              @empty
                <div class="alert alert-warning">
                  Belum ada tagihan.
                </div>
              @endforelse

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

      </div>
    </div>

  </section>
</div>
@endsection