@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">Neraca Saldo</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">Neraca Saldo</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('neraca_saldo.index') }}" class="form-inline flex-wrap mb-3">
          <label class="mr-2">Per s.d.</label>
          <input type="date" name="tanggal_akhir" class="form-control mr-2 mb-1" value="{{ request('tanggal_akhir', now()->format('Y-m-d')) }}">
          <button type="submit" class="btn btn-primary mb-1">Tampilkan</button>
        </form>

        @if (request()->filled('tanggal_akhir'))
          @php
              $filterQs = http_build_query(array_filter(request()->only(['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('neraca_saldo.pdf') }}{{ $filterQs ? '?' . $filterQs : '' }}" data-base="{{ route('neraca_saldo.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>

          <p class="text-muted">Posisi per tanggal: {{ request('tanggal_akhir') }}</p>

          @php
              $selisih = abs($totalSaldoDebit - $totalSaldoKredit);
          @endphp
          <div class="alert {{ $selisih < 0.01 ? 'alert-success' : 'alert-danger' }} py-2">
            @if ($selisih < 0.01)
              <i class="fas fa-check-circle"></i> Neraca saldo seimbang.
            @else
              <i class="fas fa-times-circle"></i> Neraca saldo TIDAK seimbang (selisih {{ rupiah($selisih) }}).
            @endif
          </div>

          <div class="table-responsive">
            <table class="table table-bordered table-striped">
              <thead class="bg-secondary text-white text-center">
                <tr>
                  <th rowspan="2" style="vertical-align:middle">Kode</th>
                  <th rowspan="2" style="vertical-align:middle">Nama Akun</th>
                  <th colspan="2">Mutasi Debit - Kredit</th>
                  <th colspan="2">Saldo Akhir</th>
                </tr>
                <tr>
                  <th>Debit</th><th>Kredit</th><th>Debit</th><th>Kredit</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($rows as $row)
                  <tr>
                    <td>{{ $row->kode }}</td>
                    <td>{{ $row->nama }}</td>
                    <td class="text-right">{{ $row->total_debit > 0 ? rupiah($row->total_debit) : '-' }}</td>
                    <td class="text-right">{{ $row->total_kredit > 0 ? rupiah($row->total_kredit) : '-' }}</td>
                    <td class="text-right">{{ $row->saldo_debit > 0 ? rupiah($row->saldo_debit) : '-' }}</td>
                    <td class="text-right">{{ $row->saldo_kredit > 0 ? rupiah($row->saldo_kredit) : '-' }}</td>
                  </tr>
                @endforeach
              </tbody>
              <tfoot class="font-weight-bold bg-light">
                <tr>
                  <td colspan="2" class="text-right">Total</td>
                  <td class="text-right">{{ rupiah($totalDebitMutasi) }}</td>
                  <td class="text-right">{{ rupiah($totalKreditMutasi) }}</td>
                  <td class="text-right">{{ rupiah($totalSaldoDebit) }}</td>
                  <td class="text-right">{{ rupiah($totalSaldoKredit) }}</td>
                </tr>
              </tfoot>
            </table>
          </div>
        @else
          <p class="text-center text-muted my-4">Pilih tanggal untuk menampilkan neraca saldo.</p>
        @endif
      </div>
    </div>
  </div>
</section>
</div>
@endsection