@extends('layouts.main')
@section('content')
<div class="content-wrapper">
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Buku Besar</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item"><a href="#">Akuntansi</a></li>
            <li class="breadcrumb-item active">Buku Besar</li>
          </ol>
        </div>
      </div>
    </div>
  </div>

<section class="content">
  <div class="container-fluid">
    <div class="card">
      <div class="card-body">
        <form method="GET" action="{{ route('buku_besar.index') }}" class="form-inline flex-wrap mb-3">
          <select name="coa_account_id" class="form-control mr-2 mb-1" required>
            <option value="">-- Pilih Akun --</option>
            @foreach ($coas as $coa)
              <option value="{{ $coa->id }}" {{ request('coa_account_id') == $coa->id ? 'selected' : '' }}>
                {{ $coa->kode }} - {{ $coa->nama }}</option>
            @endforeach
          </select>
          <input type="date" name="tanggal_awal" class="form-control mr-2 mb-1" value="{{ request('tanggal_awal') }}">
          <span class="mr-2">s/d</span>
          <input type="date" name="tanggal_akhir" class="form-control mr-2 mb-1" value="{{ request('tanggal_akhir') }}">
          <button type="submit" class="btn btn-primary mb-1">Tampilkan</button>
        </form>

        @if ($selectedCoa)
          @php
              $filterQs = http_build_query(array_filter(request()->only(['coa_account_id', 'tanggal_awal', 'tanggal_akhir'])));
          @endphp
          <div class="mb-2 text-right d-flex justify-content-end align-items-center" style="gap:6px;">
            <select id="paperSize" class="form-control form-control-sm" style="width:auto;">
              <option value="a4">A4</option><option value="a5">A5</option>
              <option value="letter">Letter</option><option value="legal">Legal</option>
            </select>
            <select id="paperOrientation" class="form-control form-control-sm" style="width:auto;">
              <option value="portrait">Portrait</option><option value="landscape">Landscape</option>
            </select>
            <a id="pdfLink" href="{{ route('buku_besar.pdf') }}{{ $filterQs ? '?' . $filterQs : '' }}" data-base="{{ route('buku_besar.pdf') }}{{ $filterQs ? '?' . $filterQs : '' }}" class="btn btn-danger btn-sm"><i class="fas fa-file-pdf"></i> Export PDF</a>
          </div>
          <script>
            (function () {
              function sync() {
                var s = document.getElementById('paperSize').value, o = document.getElementById('paperOrientation').value, a = document.getElementById('pdfLink'), b = a.getAttribute('data-base');
                a.href = b + (b.indexOf('?') >= 0 ? '&' : '?') + 'paper=' + s + '&orientation=' + o;
              }
              document.getElementById('paperSize').addEventListener('change', sync);
              document.getElementById('paperOrientation').addEventListener('change', sync);
              sync();
            })();
          </script>

          <h5>{{ $selectedCoa->kode }} - {{ $selectedCoa->nama }}
            <small class="text-muted">({{ ucfirst($selectedCoa->tipe) }})</small>
          </h5>
          <p class="text-muted">Periode: {{ request('tanggal_awal', '-') }} s/d {{ request('tanggal_akhir', '-') }}</p>

          <div class="table-responsive">
            <table class="table table-bordered table-striped">
              <thead class="bg-secondary text-white">
                <tr>
                  <th width="12%">Tanggal</th>
                  <th width="15%">No Jurnal</th>
                  <th>Deskripsi / Keterangan</th>
                  <th width="12%" class="text-right">Debit</th>
                  <th width="12%" class="text-right">Kredit</th>
                  <th width="14%" class="text-right">Saldo</th>
                </tr>
              </thead>
              <tbody>
                <tr class="bg-light font-weight-bold">
                  <td colspan="5">Saldo Awal</td>
                  <td class="text-right">{{ rupiah(abs($saldoAwal)) }} {{ $saldoAwal >= 0 ? 'D' : 'K' }}</td>
                </tr>
                @forelse ($rows as $row)
                  <tr>
                    <td>{{ \Carbon\Carbon::parse($row['jurnal']->getRawOriginal('tanggal'))->format('d-m-Y') }}</td>
                    <td>{{ $row['jurnal']->no_jurnal }}</td>
                    <td>
                      {{ $row['jurnal']->deskripsi }}
                      @if ($row['keterangan'])
                        <br><small class="text-muted">{{ $row['keterangan'] }}</small>
                      @endif
                    </td>
                    <td class="text-right">{{ $row['debit'] > 0 ? rupiah($row['debit']) : '-' }}</td>
                    <td class="text-right">{{ $row['kredit'] > 0 ? rupiah($row['kredit']) : '-' }}</td>
                    <td class="text-right">{{ rupiah($row['saldo']) }} {{ $row['posisi'] }}</td>
                  </tr>
                @empty
                  <tr><td colspan="6" class="text-center text-muted">Tidak ada mutasi pada periode ini.</td></tr>
                @endforelse
              </tbody>
              <tfoot class="font-weight-bold bg-light">
                <tr>
                  <td colspan="3" class="text-right">Total Mutasi</td>
                  <td class="text-right">{{ rupiah($totalDebit) }}</td>
                  <td class="text-right">{{ rupiah($totalKredit) }}</td>
                  <td class="text-right">{{ rupiah(abs($saldoAwal + $totalDebit - $totalKredit)) }} {{ ($saldoAwal + $totalDebit - $totalKredit) >= 0 ? 'D' : 'K' }}</td>
                </tr>
              </tfoot>
            </table>
          </div>
        @else
          <p class="text-center text-muted my-4">Pilih akun dan periode untuk menampilkan buku besar.</p>
        @endif
      </div>
    </div>
  </div>
</section>
</div>
@endsection