@extends('layout')

@section('title', 'Search by Nama PT')

@section('content')
<div class="content">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-building"></i> Cari Data Berdasarkan Nama PT (Importir)
                    </h5>
                </div>
                
                <div class="card-body">
                    <!-- Form Pencarian -->
                    <form method="POST" action="{{ route('hscode.search.by.pt') }}" id="searchForm">
                        @csrf
                        
                        <div class="form-group">
                            <label class="font-weight-bold">
                                <i class="fas fa-building"></i> Nama PT (Importir) - Bisa Multiple
                            </label>
                            <small class="form-text text-muted d-block mb-2">
                                Masukkan satu atau lebih nama perusahaan importir untuk mencari data
                            </small>
                            
                            <!-- Container untuk input PT -->
                            <div id="pt-container">
                                <div class="input-group mb-2 pt-input-group">
                                    <input type="text" 
                                           class="form-control form-control-lg @error('nm_imp.*') is-invalid @enderror" 
                                           name="nm_imp[]" 
                                           value="{{ old('nm_imp.0', $nm_imp[0] ?? '') }}" 
                                           placeholder="Contoh: PT. KEMILAU SURYA UTAMA"
                                           autofocus>
                                    <div class="input-group-append">
                                        <button type="button" class="btn btn-success add-pt-input" title="Tambah PT">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                                
                                @if(isset($nm_imp) && is_array($nm_imp) && count($nm_imp) > 1)
                                    @for($i = 1; $i < count($nm_imp); $i++)
                                        @if($nm_imp[$i] != '')
                                        <div class="input-group mb-2 pt-input-group">
                                            <input type="text" 
                                                   class="form-control form-control-lg" 
                                                   name="nm_imp[]" 
                                                   value="{{ $nm_imp[$i] }}" 
                                                   placeholder="Nama PT lainnya...">
                                            <div class="input-group-append">
                                                <button type="button" class="btn btn-danger remove-pt-input" title="Hapus PT">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                            </div>
                                        </div>
                                        @endif
                                    @endfor
                                @endif
                            </div>
                            
                            @error('nm_imp.*')
                                <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            
                            <small class="form-text text-muted mt-2">
                                Tekan tombol <i class="fas fa-plus"></i> untuk menambah input PT lain
                            </small>
                        </div>
                        
                        <div class="form-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="start_date" class="font-weight-bold">Tanggal Mulai</label>
                                    <input type="date" 
                                           class="form-control" 
                                           id="start_date" 
                                           name="start_date" 
                                           value="{{ old('start_date', $start_date ?? '') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="end_date" class="font-weight-bold">Tanggal Akhir</label>
                                    <input type="date" 
                                           class="form-control" 
                                           id="end_date" 
                                           name="end_date" 
                                           value="{{ old('end_date', $end_date ?? '') }}">
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group mt-4">
                            <button type="submit" class="btn btn-primary btn-lg">
                                <i class="fas fa-search"></i> Cari Data
                            </button>
                            <button type="button" id="resetForm" class="btn btn-outline-secondary btn-lg">
                                <i class="fas fa-redo"></i> Reset
                            </button>
                        </div>
                    </form>
                    
                    <!-- Hasil Pencarian -->
                    @isset($results)
                        <hr class="my-4">
                        
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <div>
                                <h5 class="mb-0">
                                    <i class="fas fa-list-alt"></i> Hasil Pencarian
                                </h5>
                                <p class="text-muted mb-0">
                                    <strong>PT yang dicari:</strong> 
                                    @if(isset($nm_imp) && is_array($nm_imp))
                                        @foreach($nm_imp as $index => $pt)
                                            @if($pt != '')
                                                <span class="badge badge-primary mr-1">{{ $pt }}</span>
                                            @endif
                                        @endforeach
                                    @endif
                                    <br>
                                    Total ditemukan: <strong>{{ $results->total() }}</strong> data
                                    @if($start_date || $end_date)
                                        | Periode: 
                                        @if($start_date) {{ date('d-m-Y', strtotime($start_date)) }} @endif
                                        @if($start_date && $end_date) s/d @endif
                                        @if($end_date) {{ date('d-m-Y', strtotime($end_date)) }} @endif
                                    @endif
                                </p>
                            </div>
                        </div>
                        
                        @if($results->total() > 0)
                            <!-- Ringkasan -->
                            <div class="row mb-4">
                                <div class="col-md-3">
                                    <div class="card bg-light">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">Total Transaksi</h6>
                                            <h4 class="text-primary">{{ number_format($summary['total_transactions'] ?? 0) }}</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card bg-light">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">Total Harga</h6>
                                            <h4 class="text-success">$ {{ number_format($summary['total_cif'] ?? 0, 2) }}</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card bg-light">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">Total Bayar</h6>
                                            <h4 class="text-warning">Rp {{ number_format($summary['total_bayar'] ?? 0, 0, ',', '.') }}</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card bg-light">
                                        <div class="card-body text-center">
                                            <h6 class="card-title">Total Denda</h6>
                                            <h4 class="text-danger">Rp {{ number_format($summary['total_denda'] ?? 0, 0, ',', '.') }}</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Tabel Hasil -->
                            <div class="table-responsive mt-3">
                                <table class="table table-bordered table-hover table-striped">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th width="5%">#</th>
                                            <th width="10%">No Aju</th>
                                            <th width="10%">No PIB</th>
                                            <th width="10%">Tanggal PIB</th>
                                            <th width="20%">Nama Importir</th>
                                            <th width="10%">Jml Barang</th>
                                            <th width="10%" class="text-right">Bayar</th>
                                            <th width="10%" class="text-right">Harga (USD)</th>
                                            <th width="10%" class="text-right">Denda</th>
                                            <th width="5%">Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($results as $index => $result)
                                        <tr>
                                            <td>{{ ($results->currentPage() - 1) * $results->perPage() + $index + 1 }}</td>
                                            <td><strong>{{ $result->no_aju ?? '-' }}</strong></td>
                                            <td><strong>{{ $result->no_pib ?? '-' }}</strong></td>
                                            <td>
                                                @if($result->tgl_pib)
                                                    {{ date('d-m-Y', strtotime($result->tgl_pib)) }}
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                <div class="font-weight-bold">{{ $result->nm_imp ?? '-' }}</div>
                                                @if($result->nm_ppjk)
                                                    <small class="text-muted">PPJK: {{ $result->nm_ppjk }}</small>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <span class="badge badge-info">{{ $result->jumlah_barang }}</span>
                                            </td>
                                            <td class="text-right font-weight-bold text-success">
                                                Rp {{ number_format($result->total_bayar_per_pib, 0, ',', '.') }}
                                            </td>
                                            <td class="text-right font-weight-bold">
                                                $ {{ number_format($result->total_cif_per_pib, 2) }}<br>
                                                <small class="text-muted">≈ Rp {{ number_format($result->total_cif_per_pib * 16000, 0, ',', '.') }}</small>
                                            </td>
                                            <td class="text-right font-weight-bold text-danger">
                                                Rp {{ number_format($result->max_denda_per_pib, 0, ',', '.') }}
                                            </td>
                                            <td class="text-center">
                                                <button class="btn btn-sm btn-info" 
                                                        onclick="showPibDetails('{{ $result->no_pib }}')"
                                                        title="Lihat Detail Barang">
                                                    <i class="fas fa-eye"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr class="table-dark">
                                            <td colspan="6" class="text-right font-weight-bold">TOTAL:</td>
                                            <td></td>
                                            <td class="text-right font-weight-bold">Rp {{ number_format($summary['total_bayar'] ?? 0, 0, ',', '.') }}</td>
                                            <td class="text-right font-weight-bold">$ {{ number_format($summary['total_cif'] ?? 0, 2) }}</td>
                                            <td class="text-right font-weight-bold">Rp {{ number_format($summary['total_denda'] ?? 0, 0, ',', '.') }}</td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            
                            <!-- Pagination -->
                            @if($results->hasPages())
                            <div class="d-flex justify-content-between align-items-center mt-3">
                                <div>
                                    <p class="mb-0 text-muted small">
                                        Menampilkan {{ $results->firstItem() }} - {{ $results->lastItem() }} dari {{ $results->total() }} data
                                    </p>
                                </div>
                                <div>
                                    {{ $results->appends([
                                        'nm_imp' => $nm_imp, 
                                        'start_date' => $start_date,
                                        'end_date' => $end_date,
                                        'sort' => $sort, 
                                        'order' => $order
                                    ])->onEachSide(1)->links('pagination::bootstrap-4') }}
                                </div>
                            </div>
                            @endif
                            
                            <!-- Tombol Export -->
                            <div class="mt-4">
                                <a href="{{ route('hscode.export.by.pt', [
                                    'nm_imp' => $nm_imp, 
                                    'start_date' => $start_date,
                                    'end_date' => $end_date
                                ]) }}" 
                                   class="btn btn-success">
                                    <i class="fas fa-file-excel"></i> Export ke Excel
                                </a>
                            </div>
                        @else
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle"></i>
                                Tidak ditemukan data untuk PT yang dicari.
                                <br>
                                <small class="text-muted">
                                    @if($start_date || $end_date)
                                        Coba perbaiki filter tanggal atau gunakan kata kunci yang lebih umum.
                                    @else
                                        Pastikan nama PT yang dimasukkan benar atau coba gunakan kata kunci yang lebih umum.
                                    @endif
                                </small>
                            </div>
                        @endif
                    @endisset
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal untuk Detail Lengkap -->
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detail Lengkap Data</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="detailContent">Memuat data...</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal untuk Detail PIB -->
<div class="modal fade" id="pibDetailModal" tabindex="-1" role="dialog" aria-labelledby="pibDetailModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="pibDetailModalLabel">Detail Barang untuk PIB: <span id="pibNumber"></span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Statistik -->
                <div id="pibStats" class="mb-4">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Rata2 Harga/Barang</h6>
                                    <h4 class="text-primary" id="avgHarga">$ 0.00</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Rata2 Bayar/Barang</h6>
                                    <h4 class="text-success" id="avgBayar">Rp 0</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Modus Bayar</h6>
                                    <div class="text-center">
                                        <div class="mb-1">
                                            <span class="badge badge-success" id="modusTinggi">0</span>
                                            <small id="txtmodusTinggi">> +500rb</small>
                                        </div>
                                        <div class="mb-1">
                                            <span class="badge badge-warning" id="modusSedang">0</span>
                                            <small id="txtmodusSedang">±500rb</small>
                                        </div>
                                        <div>
                                            <span class="badge badge-danger" id="modusRendah">0</span>
                                            <small id="txtmodusRendah">< -500rb</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title">Total Barang</h6>
                                    <h4 class="text-info" id="totalBarang">0</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Tabel Barang -->
                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped">
                        <thead class="thead-dark">
                            <tr>
                                <th>#</th>
                                <th>HS Code</th>
                                <th>Nama Barang</th>
                                <th>Type</th>
                                <th>Netto</th>
                                <th class="text-right">Harga (USD)</th>
                                <th class="text-right">Bayar (Rp)</th>
                                <th class="text-right">Denda (Rp)</th>
                                <th class="text-right">Harga/Barang (USD)</th>
                                <th class="text-right">Bayar/Barang (Rp)</th>
                            </tr>
                        </thead>
                        <tbody id="pibDetailBody">
                            <!-- Data akan dimuat via AJAX -->
                        </tbody>
                    </table>
                </div>
                
                <!-- Pagination -->
                <div id="pibDetailPagination" class="d-flex justify-content-center">
                    <!-- Pagination akan dimuat via AJAX -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>

<!-- Template untuk input PT baru -->
<template id="pt-input-template">
    <div class="input-group mb-2 pt-input-group">
        <input type="text" 
               class="form-control form-control-lg" 
               name="nm_imp[]" 
               placeholder="Nama PT lainnya...">
        <div class="input-group-append">
            <button type="button" class="btn btn-danger remove-pt-input" title="Hapus PT">
                <i class="fas fa-minus"></i>
            </button>
        </div>
    </div>
</template>
@endsection

@section('js')
<!-- ... (script lainnya tetap sama) ... -->

<script>
    $(document).ready(function() {
        // Auto focus on first input
        $('input[name="nm_imp[]"]').first().focus();
        
        // Set default dates if not set
        if (!$('#start_date').val()) {
            var threeMonthsAgo = new Date();
            threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);
            $('#start_date').val(threeMonthsAgo.toISOString().split('T')[0]);
        }
        
        if (!$('#end_date').val()) {
            var today = new Date();
            $('#end_date').val(today.toISOString().split('T')[0]);
        }
        
        // Tambah input PT
        $(document).on('click', '.add-pt-input', function() {
            const template = document.getElementById('pt-input-template');
            const clone = template.content.cloneNode(true);
            $('#pt-container').append(clone);
            
            // Update tombol pada input pertama
            updateFirstInputButton();
        });
        
        // Hapus input PT
        $(document).on('click', '.remove-pt-input', function() {
            if ($('.pt-input-group').length > 1) {
                $(this).closest('.pt-input-group').remove();
                updateFirstInputButton();
            }
        });
        
        // Update tombol pada input pertama
        function updateFirstInputButton() {
            const $firstInputGroup = $('.pt-input-group').first();
            const $firstButton = $firstInputGroup.find('.input-group-append button');
            
            if ($('.pt-input-group').length === 1) {
                $firstButton.removeClass('btn-danger').addClass('btn-success');
                $firstButton.html('<i class="fas fa-plus"></i>');
                $firstButton.attr('title', 'Tambah PT');
            } else {
                // $firstButton.removeClass('btn-success').addClass('btn-danger');
                // $firstButton.html('<i class="fas fa-minus"></i>');
                // $firstButton.attr('title', 'Hapus PT');
            }
        }
        
        // Reset form
        $('#resetForm').click(function() {
            // Hapus semua input kecuali pertama
            $('.pt-input-group').not(':first').remove();
            
            // Reset nilai input pertama
            $('input[name="nm_imp[]"]').first().val('');
            
            // Reset tanggal
            var threeMonthsAgo = new Date();
            threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);
            $('#start_date').val(threeMonthsAgo.toISOString().split('T')[0]);
            
            var today = new Date();
            $('#end_date').val(today.toISOString().split('T')[0]);
            
            // Update tombol
            updateFirstInputButton();
        });
        
        // Validasi form sebelum submit
        $('#searchForm').submit(function(e) {
            const inputs = $('input[name="nm_imp[]"]');
            let hasValue = false;
            
            inputs.each(function() {
                if ($(this).val().trim() !== '') {
                    hasValue = true;
                    return false; // break loop
                }
            });
            
            if (!hasValue) {
                e.preventDefault();
                alert('Silakan isi minimal satu nama PT');
                $('input[name="nm_imp[]"]').first().focus();
            }
        });
        
        // Inisialisasi tombol pertama
        updateFirstInputButton();
    });
    
    // Fungsi untuk menampilkan detail PIB
    function showPibDetails(no_pib) {
        $('#pibNumber').text(no_pib);
        $('#pibDetailModal').modal('show');
        loadPibDetails(no_pib, 1);
    }

    // Fungsi untuk memuat detail PIB dengan pagination
    function loadPibDetails(no_pib, page) {
        $.ajax({
            url: '/hscode/pib-details/' + no_pib + '?page=' + page,
            type: 'GET',
            dataType: 'json',
            beforeSend: function() {
                $('#pibDetailBody').html('<tr><td colspan="10" class="text-center">Memuat data...</td></tr>');
            },
            success: function(response) {
                // Update statistik
                var averagebyr = parseFloat(response.stats.avg_bayar_per_barang);
                $('#avgHarga').text('$ ' + response.stats.avg_harga_per_barang_formatted);
                $('#avgBayar').text('Rp ' + response.stats.avg_bayar_per_barang_formatted);
                $('#modusTinggi').text(response.stats.modus.tinggi);
                $('#modusSedang').text(response.stats.modus.sedang);
                $('#modusRendah').text(response.stats.modus.rendah);
                // $('#txtmodusTinggi').text(`> ${averagebyr+parseInt(500000)}`);
                // $('#txtmodusSedang').text(`${averagebyr-parseInt(500000)} - ${averagebyr+parseInt(500000)}`);
                // $('#txtmodusRendah').text(`< ${averagebyr-parseInt(500000)}`);
                $('#totalBarang').text(response.stats.total_items);
                
                // Update tabel
                let tbody = '';
                $.each(response.data, function(index, item) {
                    tbody += `
                        <tr>
                            <td>${index + 1}</td>
                            <td><code>${item.hs_code}</code></td>
                            <td>${item.ur_brg}</td>
                            <td>${item.type || '-'}</td>
                            <td>${item.netto_brg}</td>
                            <td class="text-right">$ ${item.cif_formatted}</td>
                            <td class="text-right">${item.bayar_formatted}</td>
                            <td class="text-right">${item.denda_formatted}</td>
                            <td class="text-right">$ ${item.harga_per_barang_formatted}</td>
                            <td class="text-right">${item.bayar_per_barang_formatted}</td>
                        </tr>
                    `;
                });
                $('#pibDetailBody').html(tbody);
                
                // Update pagination
                let paginationHtml = '';
                if (response.pagination.last_page > 1) {
                    paginationHtml = `<nav aria-label="Page navigation">
                        <ul class="pagination">`;
                    
                    // Previous button
                    if (response.pagination.current_page > 1) {
                        paginationHtml += `<li class="page-item">
                            <a class="page-link" href="javascript:void(0)" onclick="loadPibDetails('${no_pib}', ${response.pagination.current_page - 1})">Previous</a>
                        </li>`;
                    }
                    
                    // Page numbers
                    for (let i = 1; i <= response.pagination.last_page; i++) {
                        paginationHtml += `<li class="page-item ${i == response.pagination.current_page ? 'active' : ''}">
                            <a class="page-link" href="javascript:void(0)" onclick="loadPibDetails('${no_pib}', ${i})">${i}</a>
                        </li>`;
                    }
                    
                    // Next button
                    if (response.pagination.current_page < response.pagination.last_page) {
                        paginationHtml += `<li class="page-item">
                            <a class="page-link" href="javascript:void(0)" onclick="loadPibDetails('${no_pib}', ${response.pagination.current_page + 1})">Next</a>
                        </li>`;
                    }
                    
                    paginationHtml += `</ul>
                        <div class="text-center mt-2">
                            <small class="text-muted">
                                Menampilkan ${response.pagination.per_page} dari ${response.pagination.total} barang
                            </small>
                        </div>
                    </nav>`;
                }
                $('#pibDetailPagination').html(paginationHtml);
            },
            error: function(xhr) {
                $('#pibDetailBody').html('<tr><td colspan="10" class="text-center text-danger">Gagal memuat data</td></tr>');
            }
        });
    }

    // Fungsi untuk export data PIB
    function exportPibData(no_pib) {
        window.location.href = '/hscode/export-pib/' + no_pib;
    }
</script>

<style>
    .pt-input-group {
        transition: all 0.3s ease;
    }
    
    .remove-pt-input:hover, .add-pt-input:hover {
        transform: scale(1.1);
    }
    
    .badge {
        font-size: 0.85em;
        padding: 0.4em 0.8em;
    }
</style>
@endsection