@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                    <div>
                        <button type="button" class="btn btn-danger" onclick="window.close()">
                            <i class="fas fa-times me-2"></i>Tutup
                        </button>
                        <a href="{{ route('rptbbk.edit', $header->id) }}" class="btn btn-warning">
                            <i class="fas fa-edit me-2"></i> Edit
                        </a>
                        @if(in_array('supadm', $users_rules))
                        <button onclick="confirmRegenerate()" class="btn btn-info">
                            <i class="fas fa-sync-alt me-2"></i> Generate Ulang
                        </button>
                        @endif
                        <button onclick="exportToExcel()" class="btn btn-success">
                            <i class="fas fa-file-excel me-2"></i> Export to Excel
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <i class="fas fa-check-circle"></i> {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    @endif

                    <div id="buktiContent" class="p-3">
                        <!-- Header Section -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    
                                    
                                    <tr>
                                        <td width="150"><strong>Nama Supplier /  Customer</strong></td>
                                        <td>: {{ $header->supplier_name ?? '-' }}</td>
                                    </tr>
                                    
                                </table>
                            </div>
                            <div class="col-md-6 text-end">
                                <table class="table table-sm table-borderless float-end" style="width: auto;">
                                    <tr>
                                        <td><strong>Nomor</strong></td>
                                        <td>: {{ $header->nomor_bukti ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Tanggal</strong></td>
                                        <td>: {{ $header->date ? date('d/m/Y', strtotime($header->date)) : '-' }}
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- Company Info -->
                        <div class="row mb-3">
                            <div class="col-12 text-center">
                                <h5><strong>{{ $header->company_name ?? '-' }}</strong></h5>
                                <h6>BUKTI BANK {{ strtoupper($header->is_in ? 'MASUK' : 'KELUAR') }}</h6>
                            </div>
                        </div>

                        <!-- Detail Table -->
                        <div class="table-responsive">
                            <table class="table table-bordered" id="buktiTable">
                                <thead style="background-color: #d3d3d3;">
                                    <tr>
                                        <th width="10%" class="text-center">No</th>
                                        <th width="60%">Uraian</th>
                                        <th width="30%" class="text-end">Jumlah</th>
                                    </tr>
                                </thead>
                               <tbody>
                                    @php
                                        $subtotal = 0;
                                    @endphp

                                    @foreach($details as $item)
                                    @php
                                        $grossAmount = $item->gross_amount_rupiah > 0 ? $item->gross_amount_rupiah : $item->amount;
                                        $subtotal += $grossAmount;
                                        // Cek DP dari header
                                        $dpText = '';
                                        if(!empty($header->is_dp)) {
                                            $dpNumber = isset($header->dp_seq) ? number_format($header->dp_seq, 0, ',', '.') : 1;
                                            $dpPercentage = isset($header->dp_percentage) ? number_format($header->dp_percentage, 2) : 0;
                                            $dpText = " DP {$dpNumber} ({$dpPercentage}%)";
                                        }
                                    @endphp
                                    <tr>
                                        <td class="text-center">{{ $loop->iteration }}</td>
                                        <td>
                                            {{ $item->kategori }}

                                            @if(!empty($item->detail_kategori))
                                                - {{ $item->detail_kategori }}
                                            @endif

                                            {{ !empty($dpText) ? ' - ' . $dpText : '' }}
                                        </td>
                                        <td class="text-end">{{ $header->is_in ? number_format($header->amount, 2, ',', '.') : number_format($grossAmount, 2, ',', '.') }}</td>
                                    </tr>
                                    @endforeach
                                    {{-- Diskon --}}
                                    @if($header->diskon > 0)
                                    @php
                                        // Calculate diskon percentage from gross amount
                                        $diskonPercentage = $subtotal > 0 ? ($header->diskon / $subtotal * 100) : 0;
                                    @endphp
                                    <tr>
                                        <td class="text-center"></td>
                                        <td>
                                            <strong>Diskon ({{ number_format($diskonPercentage, 2) }}%)</strong>
                                        </td>
                                        <td class="text-end">
                                            - {{ number_format($header->diskon, 2, ',', '.') }}
                                        </td>
                                    </tr>
                                    @endif

                                    {{-- Potongan Bon --}}
                                    @if($header->potongan_bon > 0)
                                    <tr>
                                        <td class="text-center"></td>
                                        <td><strong>Potongan Bon</strong></td>
                                        <td class="text-end">
                                            - {{ number_format($header->potongan_bon, 2, ',', '.') }}
                                        </td>
                                    </tr>
                                    @endif

                                    {{-- PPN --}}
                                    @if($header->ppn_amount > 0 && $ppnMaster)
                                    <tr>
                                        <td class="text-center"></td>
                                        <td><strong>{{ $ppnMaster->name }}</strong></td>
                                        <td class="text-end">
                                            {{ number_format($header->ppn_amount, 2, ',', '.') }}
                                        </td>
                                    </tr>
                                    @endif


                                    {{-- PPh --}}
                                    @if($header->pph_amount > 0 && $pphMaster)
                                    <tr>
                                        <td class="text-center"></td>
                                        <td><strong>{{ $pphMaster->name }}</strong></td>
                                        <td class="text-end">
                                           - {{ number_format($header->pph_amount, 2, ',', '.') }}
                                        </td>
                                    </tr>
                                    @endif

                                    

                                    {{-- TOTAL --}}
                                    @php
                                        $grandTotal = $subtotal - ($header->diskon ?? 0) - ($header->potongan_bon ?? 0) + ($header->ppn_amount ?? 0) - ($header->pph_amount ?? 0);
                                    @endphp

                                    <tr style="background-color: #f0f0f0;">
                                        <td colspan="2" class="text-end"><strong>TOTAL</strong></td>
                                        <td class="text-end">
                                            <strong>{{ number_format($grandTotal, 2, ',', '.') }}</strong>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <!-- Terbilang -->
                        <div class="row mb-3">
                            <div class="col-12">
                                <p><strong>Terbilang:</strong> <em id="terbilang">{{
                                        ucwords(terbilang($grandTotal) ?? '') }}
                                        Rupiah</em></p>
                            </div>
                        </div>

                        <!-- Keterangan -->
                        <div class="row mb-3">
                            <div class="col-12">
                                <p><strong>Keterangan:</strong> {{ $header->keterangan ?? '-' }}</p>
                            </div>
                        </div>

                        <!-- Bank Details -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td colspan="2"><strong>Rekening Perusahaan:</strong></td>
                                    </tr>
                                    <tr>
                                        <td width="120">Bank</td>
                                        <td>: {{ $header->rekening_nama_bank ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td>No. Rekening</td>
                                        <td>: {{ $header->rekening_nomor_akun ?? '-' }}</td>
                                    </tr>
                                </table>
                            </div>
                            
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td colspan="2"><strong>Rekening Supplier/Customer:</strong></td>
                                    </tr>
                                    <tr>
                                        <td width="120">Bank</td>
                                        <td>: {{ $header->supplier_nama_bank ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td>No. Rekening</td>
                                        <td>: {{ $header->supplier_nomor_akun ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td>Atas Nama</td>
                                        <td>: {{ $header->supplier_nama_akun ?? '-' }}</td>
                                    </tr>
                                </table>
                            </div>
                            
                        </div>

                        <!-- Signature Section -->
                        <div class="row mt-5">
                            <div class="col-3 text-center">
                                <p><strong>{{ $header->is_in ? 'Penyetor' : 'Penerima' }}</strong></p>
                                <div style="height: 80px;"></div>
                                <p>
                                    @if($header->is_in)
                                        {{ $header->penyetor_name ? $header->penyetor_name : '(_________________)' }}
                                    @else
                                        {{ $header->penerima_name ? $header->penerima_name : '(_________________)' }}
                                    @endif
                                </p>
                            </div>
                            <div class="col-3 text-center">
                                <p><strong>Pembukuan</strong></p>
                                <div style="height: 80px;">
                                    @if($header->pembukuan_signature)
                                    <img src="{{ $header->pembukuan_signature }}" alt="Signature"
                                        style="max-height: 60px;">
                                    @endif
                                </div>
                                <p>{{ $header->pembukuan_name ?? '(_________________)' }}</p>
                            </div>
                            <div class="col-3 text-center">
                                <p><strong>Kasir</strong></p>
                                <div style="height: 80px;"></div>
                                <p>{{ $header->kasir_name ?? '(_________________)' }}</p>
                            </div>
                            <div class="col-3 text-center">
                                <p><strong>Mengetahui</strong></p>
                                <div style="height: 80px;">
                                    @if($header->mengetahui_signature)
                                    <img src="{{ $header->mengetahui_signature }}" alt="Signature"
                                        style="max-height: 60px;">
                                    @endif
                                </div>
                                <p>{{ $header->mengetahui_name ?? '(_________________)' }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
    function exportToExcel() {
    var form = $('<form>', {
        method: 'POST',
        action: '{{ route("rptbbk.exportExcel") }}',
        target: '_blank'
    });
    
    form.append($('<input>', {
        type: 'hidden',
        name: '_token',
        value: '{{ csrf_token() }}'
    }));
    
    form.append($('<input>', {
        type: 'hidden',
        name: 'header_id',
        value: '{{ $header->id }}'
    }));
    
    $('body').append(form);
    form.submit();
    form.remove();
}

function confirmRegenerate() {
    Swal.fire({
        title: 'Konfirmasi Generate Ulang',
        text: 'Apakah anda yakin akan generate ulang Bukti Bank dengan nomor {{ $header->nomor_bukti ?? "" }}, setelah generate semua perubahan yang anda lakukan disini akan menghilang dan isi bukti akan kembali sesuai transaksi terbaru',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Ya, Generate Ulang',
        cancelButtonText: 'Batal',
        confirmButtonColor: '#028284',
        cancelButtonColor: '#d33'
    }).then((result) => {
        if (result.isConfirmed) {
            // Submit form biasa (redirect ke hasil generate)
            var form = $('<form>', {
                method: 'POST',
                action: '{{ route("rptbbk.regenerate", encrypt($header->id)) }}'
            });
            
            form.append($('<input>', {
                type: 'hidden',
                name: '_token',
                value: '{{ csrf_token() }}'
            }));
            
            $('body').append(form);
            form.submit();
            form.remove();
        }
    });
}
</script>
@endpush