@extends('master')
@section('content')

<style>
    .total-stock-column {
        width: 200px;
    }
    .hiddenRow {
        padding: 0 !important;
    }
    .collapse-icon {
        transition: transform 0.3s;
    }
    .collapse-icon.collapsed {
        transform: rotate(-90deg);
    }
</style>

    @if(session('success'))
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            Swal.fire({
                icon: 'success',
                title: 'Success',
                text: '{{ session('success') }}',
                showConfirmButton: false,
                timer: 1000
            });
        });
    </script>
    @endif

    @if(session('error'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: '{{ session('error') }}',
                    showConfirmButton: false,
                    timer: 1000
                });
            });
        </script>
    @endif

    @if(session('verification_alert'))
        <div class="alert alert-{{ session('verification_alert')['type'] }} alert-dismissible fade show" role="alert">
            <strong>Peringatan!</strong> {{ session('verification_alert')['message'] }}
            <a href="{{ route(session('verification_alert')['verification_route']) }}" class="btn btn-sm btn-warning ml-2">Lakukan Verifikasi Sekarang</a>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    <div class="container-fluid">
    @if (auth()->user()->level=="user_mikro" || auth()->user()->level == "super_admin")
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center">
                <h1 class="mb-0">Item Stock - Microbiology </h1>
                <i class="material-icons-two-tone me-2" style="font-size: 50px;">biotech</i>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <input type="text" id="searchInput" class="form-control" placeholder="Cari berdasarkan kata kunci...">
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered" id="mikroStockTable">
                            <thead>
                                <tr>
                                    <th style="width:10%; text-align: center">Last Usage</th>
                                    <th style="width:7%; text-align: center">Catalog No</th>
                                    <th style="width:7%; text-align: center">Item Code</th>
                                    <th style="width:40%; text-align: center">Item Description</th>
                                    <th style="width:5%; text-align: center">UOM</th>
                                    <th style="width:5%; text-align: center">Total Stock</th>
                                    <th style="width:8%; text-align: center">View</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($stokmikro->unique('item_code') as $item)
                                <tr class="data-row">
                                    <td style="text-align: center">
                                        @php
                                            $lastUsage = $lastUsageMikro[$item->item_code] ?? null;
                                        @endphp
                                        {!! $lastUsage ? \Carbon\Carbon::parse($lastUsage)->format('d-m-Y H:i') : '<b style="color: red">Not Yet Usage</b>' !!}
                                    </td>
                                    <td style="text-align: center">{{ $item->catalog_no }}</td>
                                    <td style="text-align: center">{{ $item->item_code }}</td>
                                    <td>{{ $item->item_description }}</td>
                                    <td style="text-align: center">{{ $item->uom }}</td>
                                    <td style="text-align: center">
                                        {{ $stokmikro->where('item_code', $item->item_code)->sum('quantity') }}
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex align-items-center justify-content-center gap-2">
                                            <button class="btn btn-link p-1 d-flex align-items-center justify-content-center" style="min-width: 30px; height: 30px;" type="button" data-bs-toggle="collapse" data-bs-target="#details-{{ $item->item_code }}" aria-expanded="false">
                                                <i class="material-icons collapse-icon" style="font-size: 20px;">expand_more</i>
                                            </button>
                                            @php
                                                $hasWarning = collect($stokmikro)
                                                    ->where('item_code', $item->item_code)
                                                    ->where('quantity', '>', 0)
                                                    ->contains(function($detail) {
                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($detail->exp_date), false);
                                                        return $daysToED < 60; // Ini akan menangkap baik yang mendekati ED maupun yang sudah ED
                                                    });
                                            @endphp
                                            @if($hasWarning)
                                            <span class="text-danger">
                                                <i class="material-icons" style="font-size: 20px;">warning</i>
                                            </span>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                <tr class="collapse-row">
                                    <td colspan="7" class="p-0">
                                        <div class="collapse" id="details-{{ $item->item_code }}">
                                            <div class="card card-body m-2">
                                                <table class="table table-striped table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center">Item Code</th>
                                                            <th style="text-align: center">Item Description</th>
                                                            <th style="text-align: center">Lot Number</th>
                                                            <th style="text-align: center">Exp Date</th>
                                                            <th style="text-align: center">Quantity ({{ $item->uom }})</th>
                                                            <th style="text-align: center">Notes</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $groupedStok = collect($stokmikro)
                                                                ->where('item_code', $item->item_code)
                                                                ->where('quantity', '>', 0)
                                                                ->groupBy(function($item) {
                                                                    return $item->item_code . '-' . $item->lot_number;
                                                                })
                                                                ->map(function ($group) {
                                                                    return [
                                                                        'item_code' => $group->first()->item_code,
                                                                        'item_description' => $group->first()->item_description,
                                                                        'lot_number' => $group->first()->lot_number,
                                                                        'exp_date' => $group->first()->exp_date,
                                                                        'total_quantity' => $group->sum('quantity'),
                                                                        'id' => $group->first()->id,
                                                                        'barcode' => $group->first()->barcode
                                                                    ];
                                                                });
                                                        @endphp
                                                        @foreach($groupedStok as $group)
                                                            <tr>
                                                                <td style="text-align: center">{{ $group['item_code'] }}</td>
                                                                <td>{{ $group['item_description'] }}</td>
                                                                <td style="text-align: center">{{ $group['lot_number'] }}</td>
                                                                <td style="text-align: center">
                                                                    {{ \Carbon\Carbon::parse($group['exp_date'])->format('d-m-Y') }}
                                                                    @if(\Carbon\Carbon::parse($group['exp_date'])->diffInDays(\Carbon\Carbon::now()) < 60)
                                                                        <span class="text-danger">
                                                                            <i class="material-icons">warning</i>
                                                                        </span>
                                                                    @endif
                                                                </td>
                                                                <td style="text-align: center">{{ $group['total_quantity'] }}</td>
                                                                <td style="text-align: center">
                                                                    @php
                                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($group['exp_date']), false);
                                                                    @endphp
                                                                    @if($group['total_quantity'] > 0 && $daysToED < 60)
                                                                        @if($daysToED < 0)
                                                                        <div class="dropdown">
                                                                            <button class="btn btn-danger dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                Sudah ED
                                                                            </button>
                                                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                                                <li><a href="{{ route('itemed.index') }}"><i class="material-icons align-middle">delete_forever</i><span>Request Musnah</span></a></li>
                                                                            </ul>
                                                                        </div>
                                                                        @else
                                                                            <span class="text-warning">{{ $daysToED }} hari sebelum ED</span>
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    @if (auth()->user()->level=="user_cpo" || auth()->user()->level == "super_admin")
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center">
                <h1 class="mb-0">Item Stock - Chemical & FO </h1>
                <i class="material-icons-two-tone me-2" style="font-size: 50px;">science</i>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <input type="text" id="searchCpoInput" class="form-control" placeholder="Cari berdasarkan kata kunci...">
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered" id="cpoStockTable">
                            <thead>
                                <tr>
                                    <th style="width:10%; text-align: center">Last Usage</th>
                                    <th style="width:7%; text-align: center">Catalog No</th>
                                    <th style="width:7%; text-align: center">Item Code</th>
                                    <th style="width:40%; text-align: center">Item Description</th>
                                    <th style="width:5%; text-align: center">UOM</th>
                                    <th style="width:5%; text-align: center">Total Stock</th>
                                    <th style="width:8%; text-align: center">View</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($stokcpo->unique('item_code') as $item)
                                <tr class="data-row">
                                    <td style="text-align: center">
                                        @php
                                            $lastUsage = $lastUsageCPO[$item->item_code] ?? null;
                                        @endphp
                                        {!! $lastUsage ? \Carbon\Carbon::parse($lastUsage)->format('d-m-Y H:i') : '<b style="color: red">Not Yet Usage</b>' !!}
                                    </td>
                                    <td style="text-align: center">{{ $item->catalog_no }}</td>
                                    <td style="text-align: center">{{ $item->item_code }}</td>
                                    <td>{{ $item->item_description }}</td>
                                    <td style="text-align: center">{{ $item->uom }}</td>
                                    <td style="text-align: center">
                                        {{ $stokcpo->where('item_code', $item->item_code)->sum('quantity') }}
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex align-items-center justify-content-center gap-2">
                                            <button class="btn btn-link p-1 d-flex align-items-center justify-content-center" style="min-width: 30px; height: 30px;" type="button" data-bs-toggle="collapse" data-bs-target="#details-cpo-{{ $item->item_code }}" aria-expanded="false">
                                                <i class="material-icons collapse-icon" style="font-size: 20px;">expand_more</i>
                                            </button>
                                            @php
                                                $hasWarning = collect($stokcpo)
                                                    ->where('item_code', $item->item_code)
                                                    ->where('quantity', '>', 0)
                                                    ->contains(function($detail) {
                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($detail->exp_date), false);
                                                        return $daysToED < 60; // Ini akan menangkap baik yang mendekati ED maupun yang sudah ED
                                                    });
                                            @endphp
                                            @if($hasWarning)
                                            <span class="text-danger">
                                                <i class="material-icons" style="font-size: 20px;">warning</i>
                                            </span>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                <tr class="collapse-row">
                                    <td colspan="7" class="p-0">
                                        <div class="collapse" id="details-cpo-{{ $item->item_code }}">
                                            <div class="card card-body m-2">
                                                <table class="table table-striped table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center">Item Code</th>
                                                            <th style="text-align: center">Item Description</th>
                                                            <th style="text-align: center">Lot Number</th>
                                                            <th style="text-align: center">Exp Date</th>
                                                            <th style="text-align: center">Quantity ({{ $item->uom }})</th>
                                                            <th style="text-align: center">Notes</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $groupedStok = collect($stokcpo)
                                                                ->where('item_code', $item->item_code)
                                                                ->where('quantity', '>', 0)
                                                                ->groupBy(function($item) {
                                                                    return $item->item_code . '-' . $item->lot_number;
                                                                })
                                                                ->map(function ($group) {
                                                                    return [
                                                                        'item_code' => $group->first()->item_code,
                                                                        'item_description' => $group->first()->item_description,
                                                                        'lot_number' => $group->first()->lot_number,
                                                                        'exp_date' => $group->first()->exp_date,
                                                                        'total_quantity' => $group->sum('quantity'),
                                                                        'id' => $group->first()->id,
                                                                        'barcode' => $group->first()->barcode
                                                                    ];
                                                                });
                                                        @endphp
                                                        @foreach($groupedStok as $group)
                                                            <tr>
                                                                <td style="text-align: center">{{ $group['item_code'] }}</td>
                                                                <td>{{ $group['item_description'] }}</td>
                                                                <td style="text-align: center">{{ $group['lot_number'] }}</td>
                                                                <td style="text-align: center">
                                                                    {{ \Carbon\Carbon::parse($group['exp_date'])->format('d-m-Y') }}
                                                                    @if(\Carbon\Carbon::parse($group['exp_date'])->diffInDays(\Carbon\Carbon::now()) < 60)
                                                                        <span class="text-danger">
                                                                            <i class="material-icons">warning</i>
                                                                        </span>
                                                                    @endif
                                                                </td>
                                                                <td style="text-align: center">{{ $group['total_quantity'] }}</td>
                                                                <td style="text-align: center">
                                                                    @php
                                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($group['exp_date']), false);
                                                                    @endphp
                                                                    @if($group['total_quantity'] > 0 && $daysToED < 60)
                                                                        @if($daysToED < 0)
                                                                        <div class="dropdown">
                                                                            <button class="btn btn-danger dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                Sudah ED
                                                                            </button>
                                                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                                                <li><a href="{{ route('itemed.index') }}"><i class="material-icons align-middle">delete_forever</i><span>Request Musnah</span></a></li>
                                                                            </ul>
                                                                        </div>
                                                                        @else
                                                                            <span class="text-warning">{{ $daysToED }} hari sebelum ED</span>
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    @if (auth()->user()->level=="user_ci" || auth()->user()->level == "super_admin")
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center">
                <h1 class="mb-0">Item Stock - Chem Instrument </h1>
                <i class="material-icons-two-tone me-2" style="font-size: 50px;">fax</i>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <input type="text" id="searchCiInput" class="form-control" placeholder="Cari berdasarkan kata kunci...">
                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered" id="ciStockTable">
                            <thead>
                                <tr>
                                    <th style="width:10%; text-align: center">Last Usage</th>
                                    <th style="width:7%; text-align: center">Catalog No</th>
                                    <th style="width:7%; text-align: center">Item Code</th>
                                    <th style="width:40%; text-align: center">Item Description</th>
                                    <th style="width:5%; text-align: center">UOM</th>
                                    <th style="width:5%; text-align: center">Total Stock</th>
                                    <th style="width:8%; text-align: center">View</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($stokci->unique('item_code') as $item)
                                <tr class="data-row">
                                    <td style="text-align: center">
                                        @php
                                            $lastUsage = $lastUsageCI[$item->item_code] ?? null;
                                        @endphp
                                        {!! $lastUsage ? \Carbon\Carbon::parse($lastUsage)->format('d-m-Y H:i') : '<b style="color: red">Not Yet Usage</b>' !!}
                                    </td>
                                    <td style="text-align: center">{{ $item->catalog_no }}</td>
                                    <td style="text-align: center">{{ $item->item_code }}</td>
                                    <td>{{ $item->item_description }}</td>
                                    <td style="text-align: center">{{ $item->uom }}</td>
                                    <td style="text-align: center">
                                        {{ $stokci->where('item_code', $item->item_code)->sum('quantity') }}
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex align-items-center justify-content-center gap-2">
                                            <button class="btn btn-link p-1 d-flex align-items-center justify-content-center" style="min-width: 30px; height: 30px;" type="button" data-bs-toggle="collapse" data-bs-target="#details-ci-{{ $item->item_code }}" aria-expanded="false">
                                                <i class="material-icons collapse-icon" style="font-size: 20px;">expand_more</i>
                                            </button>
                                            @php
                                                $hasWarning = collect($stokci)
                                                    ->where('item_code', $item->item_code)
                                                    ->where('quantity', '>', 0)
                                                    ->contains(function($detail) {
                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($detail->exp_date), false);
                                                        return $daysToED < 60; // Ini akan menangkap baik yang mendekati ED maupun yang sudah ED
                                                    });
                                            @endphp
                                            @if($hasWarning)
                                            <span class="text-danger">
                                                <i class="material-icons" style="font-size: 20px;">warning</i>
                                            </span>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                <tr class="collapse-row">
                                    <td colspan="7" class="p-0">
                                        <div class="collapse" id="details-ci-{{ $item->item_code }}">
                                            <div class="card card-body m-2">
                                                <table class="table table-striped table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center">Item Code</th>
                                                            <th style="text-align: center">Item Description</th>
                                                            <th style="text-align: center">Lot Number</th>
                                                            <th style="text-align: center">Exp Date</th>
                                                            <th style="text-align: center">Quantity ({{ $item->uom }})</th>
                                                            <th style="text-align: center">Notes</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $groupedStok = collect($stokci)
                                                                ->where('item_code', $item->item_code)
                                                                ->where('quantity', '>', 0)
                                                                ->groupBy(function($item) {
                                                                    return $item->item_code . '-' . $item->lot_number;
                                                                })
                                                                ->map(function ($group) {
                                                                    return [
                                                                        'item_code' => $group->first()->item_code,
                                                                        'item_description' => $group->first()->item_description,
                                                                        'lot_number' => $group->first()->lot_number,
                                                                        'exp_date' => $group->first()->exp_date,
                                                                        'total_quantity' => $group->sum('quantity'),
                                                                        'id' => $group->first()->id,
                                                                        'barcode' => $group->first()->barcode
                                                                    ];
                                                                });
                                                        @endphp
                                                        @foreach($groupedStok as $group)
                                                            <tr>
                                                                <td style="text-align: center">{{ $group['item_code'] }}</td>
                                                                <td>{{ $group['item_description'] }}</td>
                                                                <td style="text-align: center">{{ $group['lot_number'] }}</td>
                                                                <td style="text-align: center">
                                                                    {{ \Carbon\Carbon::parse($group['exp_date'])->format('d-m-Y') }}
                                                                    @if(\Carbon\Carbon::parse($group['exp_date'])->diffInDays(\Carbon\Carbon::now()) < 60)
                                                                        <span class="text-danger">
                                                                            <i class="material-icons">warning</i>
                                                                        </span>
                                                                    @endif
                                                                </td>
                                                                <td style="text-align: center">{{ $group['total_quantity'] }}</td>
                                                                <td style="text-align: center">
                                                                    @php
                                                                        $daysToED = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($group['exp_date']), false);
                                                                    @endphp
                                                                    @if($group['total_quantity'] > 0 && $daysToED < 60)
                                                                        @if($daysToED < 0)
                                                                        <div class="dropdown">
                                                                            <button class="btn btn-danger dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                Sudah ED
                                                                            </button>
                                                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                                                <li><a href="{{ route('itemed.index') }}"><i class="material-icons align-middle">delete_forever</i><span>Request Musnah</span></a></li>
                                                                            </ul>
                                                                        </div>
                                                                        @else
                                                                            <span class="text-warning">{{ $daysToED }} hari sebelum ED</span>
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    @push('scripts')
    <script src="https://unpkg.com/html5-qrcode"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        console.log('Document ready executed');
        
        // Tambahkan event listener untuk debugging
        $(document).on('click', 'button, a', function(e) {
            console.log('Clicked element:', this);
            console.log('Element classes:', $(this).attr('class'));
        });

        let html5QrcodeScanner = null;
        let isProcessing = false;

        // Fungsi pencarian untuk tabel mikro
        $("#searchInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            
            // Cari hanya pada baris data utama
            $('#mikroStockTable tbody tr:not(.collapse-row)').each(function() {
                var $row = $(this);
                var text = $row.text().toLowerCase();
                var isMatch = text.indexOf(value) > -1;
                
                // Tampilkan/sembunyikan baris data utama
                $row.toggle(isMatch);
                
                // Tampilkan/sembunyikan baris collapse yang terkait
                var $detailRow = $row.next('tr');
                if ($detailRow.hasClass('collapse-row')) {
                    $detailRow.toggle(isMatch);
                    // Pastikan thead tetap terlihat jika ada data yang cocok
                    if (isMatch) {
                        $detailRow.find('thead').show();
                    }
                }
            });
        });

        // Fungsi pencarian untuk tabel CPO
        $("#searchCpoInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            
            // Cari hanya pada baris data utama
            $('#cpoStockTable tbody tr:not(.collapse-row)').each(function() {
                var $row = $(this);
                var text = $row.text().toLowerCase();
                var isMatch = text.indexOf(value) > -1;
                
                // Tampilkan/sembunyikan baris data utama
                $row.toggle(isMatch);
                
                // Tampilkan/sembunyikan baris collapse yang terkait
                var $detailRow = $row.next('tr');
                if ($detailRow.hasClass('collapse-row')) {
                    $detailRow.toggle(isMatch);
                    // Pastikan thead tetap terlihat jika ada data yang cocok
                    if (isMatch) {
                        $detailRow.find('thead').show();
                    }
                }
            });
        });

        // Fungsi pencarian untuk tabel CI
        $("#searchCiInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            
            // Cari hanya pada baris data utama
            $('#ciStockTable tbody tr:not(.collapse-row)').each(function() {
                var $row = $(this);
                var text = $row.text().toLowerCase();
                var isMatch = text.indexOf(value) > -1;
                
                // Tampilkan/sembunyikan baris data utama
                $row.toggle(isMatch);
                
                // Tampilkan/sembunyikan baris collapse yang terkait
                var $detailRow = $row.next('tr');
                if ($detailRow.hasClass('collapse-row')) {
                    $detailRow.toggle(isMatch);
                    // Pastikan thead tetap terlihat jika ada data yang cocok
                    if (isMatch) {
                        $detailRow.find('thead').show();
                    }
                }
            });
        });

        // Event handler untuk collapse (berlaku untuk semua tabel)
        $('.table').on('click', 'button[data-bs-toggle="collapse"]', function(e) {
            e.preventDefault();
            var targetId = $(this).data('bs-target');
            $(targetId).collapse('toggle');
            $(this).find('.collapse-icon').toggleClass('collapsed');
        });

        // Event handler untuk collapse/expand
        $('.collapse').on('show.bs.collapse hide.bs.collapse', function (e) {
            e.stopPropagation();
        });
    });
    </script>
    @endpush

@endsection