@extends('layouts.app_operator')

@section('content')
<div class="container">
    <h1 class="mb-4">Transaksi</h1>
    
    <div style="display: flex; align-items: center; gap: 5px; justify-content: flex-end;">
        <input type="text" id="searchTransaksi" class="form-control mb-3" style="width: fit-content" placeholder="Cari kode, nama barang, atau mitra...">

        <form method="GET" id="formFilterTanggal" class="mb-4 flex items-center gap-2" style="margin-bottom: 0;">
            <input type="date" name="tanggal_mulai" value="{{ request('tanggal_mulai') }}" id="tanggalMulai" class="border px-2 py-1 rounded">
            <span>s/d</span>
            <input type="date" name="tanggal_akhir" value="{{ request('tanggal_akhir') }}" id="tanggalAkhir" class="border px-2 py-1 rounded">
        </form>

        <button type="button" class="btn btn-sm btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#createModal">Tambah Transaksi</button>

        <form method="GET" action="{{ route('operator.transaksi.export') }}" class="ms-2">
            <input type="hidden" name="tanggal_mulai" value="{{ request('tanggal_mulai') }}">
            <input type="hidden" name="tanggal_akhir" value="{{ request('tanggal_akhir') }}">
            <input type="hidden" name="q" id="exportSearchQuery">
            <button type="submit" class="btn btn-success btn-sm mb-3">Export Excel</button>
            <button type="button" class="btn btn-danger btn-sm mb-3" onclick="window.open('{{ route('operator.transaksi.export_pdf', ['tanggal_mulai' => request('tanggal_mulai'), 'tanggal_akhir' => request('tanggal_akhir'), 'q' => request('q')]) }}', '_blank')">
                Export PDF
            </button>

        </form>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered table-striped">
            <thead class="table-dark">
                <tr>
                    <th>No</th>
                    <th>Waktu</th>
                    <th>Kode Transaksi</th>
                    <th>Kode Barang</th>
                    <th>Mitra</th>
                    <th>Nama</th>
                    <th>Qty</th>
                    <th>Masuk</th>
                    <th>Keluar</th>
                    <th>Total</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $i => $trx)
                <tr>
                    {{-- gunakan kode dibawah jika ingin urutan nomer dimuali dari 1 --}}
                    <td class="p-2">{{ $i + 1 }}</td>
                    {{-- gunakan kode dibasah jika ingin urutan nomer terbalik --}}
                    {{-- <td class="p-2">{{ count($data) - $i }}</td> --}}
                    <td class="p-2">{{ \Carbon\Carbon::parse($trx['waktu_transaksi'])->format('d-m-Y H:i') }}</td>
                    <td class="p-2">{{ $trx['kode_transaksi'] }}</td>
                    <td class="p-2">{{ $trx['kode_barang'] }}</td>
                    <td class="p-2">{{ $trx['supplier'] }}</td>
                    <td class="p-2">{{ $trx['nama_barang'] }}</td>
                    <td class="b-pri">{{ $trx['qty'] }}</td>
                    <td class="b-pri">Rp {{ number_format($trx['masuk'], 0, ',', '.') }}</td>
                    <td class="b-pri">Rp {{ number_format($trx['keluar'], 0, ',', '.') }}</td>
                    <td class="b-pri">Rp {{ number_format($trx['total'], 0, ',', '.') }}</td>
                    <td> 
                        <!-- Tombol Edit -->
                        <button 
                            type="button"
                            class="btn btn-primary btn-edit btn-sm" 
                            data-bs-toggle="modal" 
                            data-bs-target="#editModal"
                            data-id="{{ $trx['id'] }}"
                            data-kategori="{{ $trx['kategori'] }}"
                            data-barang_id="{{ $trx['barang_id'] }}"
                            data-supplier_id="{{ $trx['supplier_id'] }}"
                            data-qty="{{ $trx['qty'] }}"
                            data-satuan="{{ $trx['satuan'] }}"
                            data-jumlahrp="{{ $trx['jumlahRp'] }}"
                            data-waktu="{{ \Carbon\Carbon::parse($trx['waktu_transaksi'])->format('Y-m-d\TH:i') }}"
                            {{-- data-jenis_kardus_id="{{ json_decode($trx['keterangan'] ?? '{}')->jenis_kardus_id ?? '' }}"
                            data-jumlah_kardus="{{ json_decode($trx['keterangan'] ?? '{}')->jumlah_kardus ?? '' }}" --}}
                            data-jenis_kardus_id="{{ $keterangan['jenis_kardus_id'] ?? '' }}"
                            data-jumlah_kardus="{{ $keterangan['jumlah_kardus'] ?? '' }}"
                        >
                            Edit
                        </button>

                        <form action="{{ route('operator.transaksi.destroy', $trx['id']) }}" method="POST" style="display:inline-block;" onsubmit="return confirm('Yakin ingin menghapus transaksi ini?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-danger btn-sm">Hapus</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
            
        </table>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    // SweetAlert sukses
    @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: 'Berhasil',
            text: @json(session('success')),
            showConfirmButton: false,
            timer: 2000
        });
    @endif

    // SweetAlert error validasi
    @if($errors->any())
        Swal.fire({
            icon: 'error',
            title: 'Terjadi Kesalahan',
            html: `{!! implode('<br>', $errors->all()) !!}`,
        });
    @endif

    window.barangsData = {
        produk: @json($barangs->whereNotNull('produk')->map(fn($b) => ['id' => $b->id, 'nama' => $b->nama_barang, 'harga' => $b->harga])->values()),
        pendukung: @json($barangs->whereNotNull('pendukung')->map(fn($b) => ['id' => $b->id, 'nama' => $b->nama_barang, 'harga' => $b->harga])->values())
    };
    window.suppliersData = {
        pemasok: @json($pemasoks->whereNotNull('pemasok')->map(fn($s) => ['id' => $s->id, 'nama' => $s->nama])->values()),
        konsumen: @json($konsumens->whereNotNull('konsumen')->map(fn($s) => ['id' => $s->id, 'nama' => $s->nama])->values())
    };
</script>

@include('operator.transaksi.create')
@include('operator.transaksi.edit')
<script src="{{ asset('js/transaksi.js') }}"></script>
@endsection