@extends('layouts.main')
@section('content')
<style>
  .nowrap th, .nowrap td { white-space: nowrap; }
</style>
<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">Jurnal Umum</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="{{ route('akuntansi.jurnal.index') }}">Akuntansi</a></li>
            <li class="breadcrumb-item active">Jurnal Umum</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
              <form method="GET" action="{{ route('akuntansi.jurnal.index') }}" class="form-inline flex-wrap">
                <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') }}">
                <select name="source" class="form-control mr-2 mb-1">
                  <option value="">- Sumber -</option>
                  <option value="otomatis" {{ request('source') == 'otomatis' ? 'selected' : '' }}>Otomatis</option>
                  <option value="manual" {{ request('source') == 'manual' ? 'selected' : '' }}>Manual</option>
                </select>
                <select name="kategori" class="form-control mr-2 mb-1">
                  <option value="">- Jenis -</option>
                  <option value="umum" {{ request('kategori') == 'umum' ? 'selected' : '' }}>Jurnal Umum</option>
                  <option value="penyesuaian" {{ request('kategori') == 'penyesuaian' ? 'selected' : '' }}>Penyesuaian</option>
                </select>
                <input type="text" name="q" class="form-control mr-2 mb-1" placeholder="No jurnal / deskripsi" value="{{ request('q') }}">
                <button type="submit" class="btn btn-primary mb-1">Filter</button>
              </form>
              @if (auth()->check() && auth()->user()->hasPermission('akuntansi.jurnal.create'))
              <a href="{{ route('akuntansi.jurnal.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Input Jurnal Manual</a>
              @endif
            </div>
          </div>
          <div class="card-body table-responsive">
            <table id="JurnalTable" class="table table-bordered table-striped table-hover w-100 nowrap">
              <thead class="bg-secondary text-white">
                <tr>
                    <th>No Jurnal</th>
                    <th>Tanggal</th>
                    <th>Deskripsi</th>
                    <th>Sumber</th>
                    <th>Jenis</th>
                    <th>Nilai (D = K)</th>
                    <th>Aksi</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($jurnals as $j)
                  <tr>
                    <td>{{ $j->no_jurnal }}</td>
                    <td>{{ $j->tanggal }}</td>
                    <td>{{ \Illuminate\Support\Str::limit($j->deskripsi, 60) }}</td>
                    <td>
                      @if ($j->source === 'manual')
                        <span class="badge badge-secondary">Manual</span>
                      @else
                        <span class="badge badge-info">Otomatis</span>
                      @endif
                    </td>
                    <td>
                      @if (($j->kategori ?? 'umum') === 'penyesuaian')
                        <span class="badge badge-warning">Penyesuaian</span>
                      @else
                        <span class="badge badge-light border">Umum</span>
                      @endif
                    </td>
                    <td>{{ rupiah($j->details->sum('debit')) }}</td>
                    <td>
                      <div class="dropdown">
                        <button class="btn btn-sm btn-light border dropdown-toggle" type="button" data-toggle="dropdown">
                          <i class="fas fa-bars"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                          <a href="{{ route('akuntansi.jurnal.show', $j->id) }}" class="dropdown-item text-info"><i class="fa fa-eye"></i> Lihat</a>
                          @if ($j->source === 'manual')
                            <form action="{{ route('akuntansi.jurnal.destroy', $j->id) }}" method="POST" style="display:inline;" id="form-jurnal-hapus-{{ $j->id }}">
                              @csrf
                              @method('DELETE')
                              <button type="button" class="dropdown-item text-danger btn-hapus-jurnal" data-id="{{ $j->id }}"><i class="fas fa-trash"></i> Hapus</button>
                            </form>
                          @endif
                        </div>
                      </div>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
</div>
<script>
$(document).ready(function () {
    $('#JurnalTable').DataTable({
      autoWidth: false,
      pageLength: 25,
      lengthMenu: [10, 15, 25, 50, 100],
      language: {
        search: "Cari:",
        lengthMenu: "Tampilkan _MENU_ baris per halaman",
        zeroRecords: "Data tidak ditemukan",
        info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
        infoEmpty: "Tidak ada data",
        infoFiltered: "(disaring dari total _MAX_ data)",
        paginate: { next: "Berikutnya", previous: "Sebelumnya" }
      },
    });
});
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.btn-hapus-jurnal').forEach(function (btn) {
        btn.addEventListener('click', function () {
            let id = this.getAttribute('data-id');
            Swal.fire({
                title: 'Yakin ingin menghapus jurnal ini?',
                text: 'Jurnal manual akan dihapus permanen.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Ya, Hapus',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('form-jurnal-hapus-' + id).submit();
                }
            });
        });
    });
});
</script>
@endsection