@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="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">{{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper">
                                </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th width="110">Action</th>
                                            <th>No</th>
                                            @foreach ($table_header as $header)
                                                @if ($header->list == '1' && $header->type != 'hidden')
                                                    <th>{{ $header->alias }}</th>
                                                @endif
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($list as $item)
                                            @php
                                                $vcount = $loop->iteration;
                                                $primary =
                                                    isset($table_primary) && count($table_primary) > 0
                                                        ? $table_primary[0]->field
                                                        : 'id_transaksi';
                                                
                                                // Determine row background color based on status
                                                $rowStyle = '';
                                                $rowClass = '';
                                                if (isset($item->sts)) {
                                                    if ($item->sts === 'approve') {
                                                        $rowStyle = 'background-color: rgba(25, 135, 84, 0.1);'; // Light green
                                                        $rowClass = 'table-success-light';
                                                    } elseif ($item->sts === 'pending') {
                                                        $rowStyle = 'background-color: rgba(255, 193, 7, 0.1);'; // Light yellow
                                                        $rowClass = 'table-warning-light';
                                                    } elseif ($item->sts === 'rejected') {
                                                        $rowStyle = 'background-color: rgba(220, 53, 69, 0.1);'; // Light red
                                                        $rowClass = 'table-danger-light';
                                                    }
                                                } elseif (isset($item->isactive) && $item->isactive == '0') {
                                                    $rowStyle = 'background-color:#ffe9ed;';
                                                    $rowClass = 'not';
                                                }
                                            @endphp
                                            <tr class="{{ $rowClass }}" style="{{ $rowStyle }}">
                                                <td class="text-sm font-weight-normal">
                                                    <div class="btn-group">
                                                        <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                                            title="View Data"
                                                            onclick="window.location='{{ url($url_menu . '/show/' . encrypt($item->{$primary})) }}'">
                                                            <i class="fas fa-eye"> </i><span class="font-weight-bold"> View
                                                        </button>
                                                    </div>
                                                </td>
                                                <td>{{ method_exists($list, 'firstItem') ? $list->firstItem() + $loop->index : $vcount }}
                                                </td>
                                                @foreach ($table_header as $field)
                                                    @if ($field->list == '1' && $field->type != 'hidden')
                                                        @php
                                                            $string = $field->field;
                                                        @endphp
                                                        @if ($field->type == 'currency')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }} text-currency text-end">
                                                                {{ $format->CurrencyFormat($item->$string ?? 0, $field->decimals ?? 0, $field->sub ?: 'Rp.') }}
                                                            </td>
                                                        @elseif ($field->type == 'date' || $field->type == 'datetime')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                {{ $format->DateFormat($item->$string ?? '') }}
                                                            </td>
                                                        @elseif ($field->type == 'enum')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                @if ($field->query != '')
                                                                    @php
                                                                        $data_query = DB::select($field->query);
                                                                    @endphp
                                                                    @foreach ($data_query as $q)
                                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjkoperasi/resources/views/KOP004/pelunasan/list.blade.php</b> on line <b>100</b><br />
                                                                        {{ ($item->$string ?? '') == $sAsArray[0] ? $sAsArray[1] : '' }}
                                                                    @endforeach
                                                                @else
                                                                    {{ $item->$string ?? '-' }}
                                                                @endif
                                                            </td>
                                                        @elseif ($field->type == 'image' || $field->type == 'file')
                                                            <td class="text-sm font-weight-normal">
                                                                @if ($item->$string)
                                                                    @php
                                                                        $fileExtension = strtolower(
                                                                            pathinfo(
                                                                                $item->$string,
                                                                                PATHINFO_EXTENSION,
                                                                            ),
                                                                        );
                                                                        $isImage = in_array($fileExtension, [
                                                                            'jpg',
                                                                            'jpeg',
                                                                            'png',
                                                                            'gif',
                                                                            'bmp',
                                                                            'webp',
                                                                        ]);
                                                                    @endphp
                                                                    @if ($isImage)
                                                                        <img src="{{ asset('storage/' . $item->$string) }}"
                                                                            alt="Bukti Pelunasan" class="img-thumbnail"
                                                                            style="width: 60px; height: 60px; object-fit: cover; cursor: pointer;"
                                                                            onclick="window.open('{{ asset('storage/' . $item->$string) }}', '_blank')"
                                                                            title="Klik untuk melihat gambar">
                                                                    @else
                                                                        <button type="button"
                                                                            class="btn btn-sm btn-outline-success mb-0 py-1 px-2"
                                                                            onclick="window.open('{{ asset('storage/' . $item->$string) }}', '_blank')">
                                                                            <i aria-hidden="true"
                                                                                class="fas fa-file-lines text-lg"></i>
                                                                            File
                                                                        </button>
                                                                    @endif
                                                                @else
                                                                    <span class="text-muted">-</span>
                                                                @endif
                                                            </td>
                                                        @elseif ($field->type == 'join')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                @if ($field->query != '' && ($item->$string ?? ''))
                                                                    @php
                                                                        try {
                                                                            $joinResult = DB::select($field->query . "'" . $item->$string . "'");
                                                                            $joinDisplayValue = $joinResult[0]->nama_lengkap ?? $item->$string;
                                                                        } catch (\Exception $e) {
                                                                            $joinDisplayValue = $item->$string;
                                                                        }
                                                                    @endphp
                                                                    {{ $joinDisplayValue }}
                                                                @else
                                                                    {{ $item->$string ?? '-' }}
                                                                @endif
                                                            </td>
                                                        @elseif ($field->type == 'number')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }} text-number text-end">
                                                                {{ $item->$string ?? '-' }}
                                                            </td>
                                                        @elseif ($field->field == 'isactive')
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                <span
                                                                    class="badge badge-sm bg-gradient-{{ ($item->$string ?? '1') == '1' ? 'success' : 'danger' }}">
                                                                    {{ ($item->$string ?? '1') == '1' ? 'Aktif' : 'Tidak Aktif' }}
                                                                </span>
                                                            </td>
                                                        @else
                                                            <td
                                                                class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                                {{ $item->$string ?? '-' }}
                                                            </td>
                                                        @endif
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @if (method_exists($list, 'firstItem'))
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        Data {{ $list->firstItem() }} - {{ $list->lastItem() }}
                                        dari {{ $list->total() }} data.
                                    </div>
                                    <div>
                                        {{ $list->appends(request()->query())->links('pagination::bootstrap-4') }}
                                    </div>
                                </div>
                            @else
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        Total {{ $list->count() }} data.
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper" id="noted">
                                    <code>
                                        Note :
                                        <i aria-hidden="true" style="color: #ffc107;" class="fas fa-circle"></i> Menunggu Persetujuan &nbsp;&nbsp;
                                        <i aria-hidden="true" style="color: #28a745;" class="fas fa-circle"></i> Pelunasan Disetujui &nbsp;&nbsp;
                                        <i aria-hidden="true" style="color: #dc3545;" class="fas fa-circle"></i> Pelunasan Ditolak
                                    </code>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.error('JS Not Found!!', 'Please Create File JS');
                </script>
            @endpush
        @endif
    @endif

    @push('addcss')
        <style>
            /* Status-based row highlighting */
            .table-success-light {
                background-color: rgba(25, 135, 84, 0.1) !important;
            }
            .table-success-light:hover {
                background-color: rgba(25, 135, 84, 0.15) !important;
            }
            
            .table-warning-light {
                background-color: rgba(255, 193, 7, 0.1) !important;
            }
            .table-warning-light:hover {
                background-color: rgba(255, 193, 7, 0.15) !important;
            }
            
            .table-danger-light {
                background-color: rgba(220, 53, 69, 0.1) !important;
            }
            .table-danger-light:hover {
                background-color: rgba(220, 53, 69, 0.15) !important;
            }
        </style>
    @endpush
@endsection