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

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

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <a href="{{ url($url_menu) }}" class="btn btn-secondary mb-0">
                            <i class="fas fa-arrow-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                @include('components.alert')

                <div class="row">
                    {{-- Left Column - Informasi Anggota --}}
                    <div class="col-lg-6">
                        <div class="card h-100">
                            <div class="card-header pb-0">
                                <h6 class="mb-0">Informasi Anggota</h6>
                                <p class="text-sm mb-0 text-muted">Data anggota dan pinjaman</p>
                            </div>
                            <div class="card-body">
                                @php
                                    $allowedFields = ['nomor_pinjaman', 'nik', 'periode_pencairan', 'status'];
                                @endphp
                                @foreach ($table_header_l as $header)
                                    @php
                                        $primary = false;
                                        foreach ($table_primary as $p) {
                                            if ($p->field == $header->field) {
                                                $primary = true;
                                                break;
                                            }
                                        }
                                        $fieldValue = $pinjaman->{$header->field} ?? ($header->default ?? '');
                                    @endphp
                                    @if (in_array($header->field, $allowedFields) && $header->show == '1' && $header->type != 'hidden' && $fieldValue !== '' && $fieldValue !== null)
                                        <div class="form-group">
                                            <label class="form-control-label">{{ $header->alias }}</label>

                                            @if ($primary)
                                                <input class="form-control {{ $primary ? 'bg-dark text-light' : '' }}"
                                                    type="text" value="{{ $fieldValue }}" readonly
                                                    style="background-color: #f8f9fa; font-weight: bold;">
                                            @elseif ($header->type == 'date' || $header->type == 'datetime')
                                                <input class="form-control" type="text"
                                                    value="{{ $format->DateFormat($fieldValue) }}" readonly>
                                            @elseif ($header->type == 'enum')
                                                @php
                                                    $displayText = $fieldValue;
                                                    if ($header->query != '') {
                                                        $data_query = DB::select($header->query);
                                                        foreach ($data_query as $q) {
                                                            $sAsArray = array_values((array) $q);
                                                            if ($fieldValue == $sAsArray[0]) {
                                                                $displayText = $sAsArray[1];
                                                                break;
                                                            }
                                                        }
                                                    }
                                                @endphp
                                                <input class="form-control" type="text" value="{{ $displayText }}"
                                                    readonly>
                                            @elseif ($header->type == 'currency')
                                                <input class="form-control" type="text"
                                                    value="{{ $format->CurrencyFormat($fieldValue, $header->decimals ?? 0, $header->sub ?: 'Rp.') }}"
                                                    readonly style="font-weight: bold; color: #1697e6;">
                                            @elseif ($header->type == 'number')
                                                <input class="form-control" type="text" value="{{ $fieldValue }}"
                                                    readonly>
                                            @else
                                                <input class="form-control" type="text" value="{{ $fieldValue }}"
                                                    readonly>
                                            @endif
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>

                    {{-- Right Column - Upload Bukti Pelunasan --}}
                    <div class="col-lg-6">
                        <div class="card h-100">
                            <div class="card-header pb-0">
                                <h6 class="mb-0">
                                    @if (isset($pelunasan_existing) && $pelunasan_existing && $pelunasan_existing->sts == 'rejected')
                                        Ajukan Ulang Pelunasan
                                    @else
                                        Upload Bukti Pelunasan
                                    @endif
                                </h6>
                                <p class="text-sm mb-0 text-muted">Upload bukti transfer pembayaran pelunasan</p>
                            </div>
                            <div class="card-body">
                                {{-- Riwayat Approval Section --}}
                                @if (!empty($approval_history))
                                    @include('components.approval-history', ['history' => $approval_history])
                                    <hr class="my-4">
                                @endif

                                @php
                                    $isDisabled = isset($pelunasan_existing) && 
                                                  $pelunasan_existing && 
                                                  in_array($pelunasan_existing->sts, ['pending', 'approve']);
                                @endphp
                                
                                <form method="POST" action="{{ URL::to($url_menu) }}" id="pelunasan-form"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" name="nomor_pinjaman"
                                        value="{{ $pinjaman->nomor_pinjaman }}">
                                    <input type="hidden" name="total_pelunasan"
                                        value="{{ $perhitungan['total_pelunasan'] }}">
                                    <div class="form-group">
                                        <label class="form-control-label">
                                            Bukti Pelunasan <span class="text-danger">*</span>
                                        </label>

                                        <div class="position-relative d-inline-block">
                                            <div class="position-relative">
                                                <span class="h-12 w-12 rounded overflow-hidden d-inline-block">
                                                    <img src="{{ asset('/storage/noimage.png') }}"
                                                        id="bukti_pelunasanpreview"
                                                        alt="Preview bukti pelunasan"
                                                        class="w-30 border-radius-lg shadow-sm"
                                                        style="cursor: {{ $isDisabled ? 'not-allowed' : 'pointer' }};"
                                                        onclick="{{ $isDisabled ? '' : 'document.getElementById(\'bukti_pelunasan\').click()' }}">
                                                </span>
                                                @if (!$isDisabled)
                                                    <label for="bukti_pelunasan" style="left: -5px !important;"
                                                        id="bukti_pelunasanedit"
                                                        class="btn btn-xxl btn-icon-only bg-primary position-absolute bottom-0 mb-n2">
                                                        <i class="fa fa-pen top-0 text-lg opacity-10 text-white"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="Upload Bukti Pelunasan" aria-hidden="true"></i>
                                                        <span class="sr-only">Upload Bukti</span>
                                                    </label>
                                                @endif
                                            </div>
                                        </div>

                                        <input class="form-control" type="file" id="bukti_pelunasan"
                                            name="bukti_pelunasan" style="display: none;"
                                            accept="image/jpeg,image/png,image/jpg" 
                                            {{ $isDisabled ? 'disabled' : 'required' }}>

                                        <p class='text-success text-xs pt-3 mb-0'>
                                            <i class="fas fa-info-circle me-1"></i>Klik gambar untuk upload bukti
                                        </p>
                                        <p class='text-primary text-xs pt-1 mb-0'>
                                            Maksimal Size : <b>2 MB</b>
                                        </p>
                                        <p class='text-primary text-xs pt-1'>
                                            Format Image : <b>PNG, JPG, JPEG</b>
                                        </p>

                                        @error('bukti_pelunasan')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="form-control-label">Konfirmasi</label>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="konfirmasi"
                                                {{ $isDisabled ? 'disabled' : 'required' }}>
                                            <label class="form-check-label text-sm" for="konfirmasi">
                                                Saya menyatakan bahwa informasi yang saya berikan adalah benar dan
                                                saya telah mentransfer dana sebesar
                                                <strong class="text-success">{{ $format->CurrencyFormat($perhitungan['total_pelunasan']) }}</strong>
                                                untuk pelunasan pinjaman ini.
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-group mb-0">
                                        <button type="submit" class="btn btn-success w-100" id="btn-submit"
                                            {{ $isDisabled ? 'disabled' : '' }}>
                                            <i class="fas fa-paper-plane me-1"></i>
                                            Kirim Pengajuan Pelunasan
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Detail Cicilan Belum Bayar --}}
                @if ($perhitungan['detail_cicilan_belum_bayar']->count() > 0)
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Detail Cicilan Yang Akan Dilunasi</h6>
                                    <p class="text-sm mb-0 text-muted">Rincian cicilan yang belum dibayar</p>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead class="thead-light" style="background-color: #00b7bd4f;">
                                                <tr>
                                                    <th>Status</th>
                                                    <th>Angsuran Ke</th>
                                                    <th>Pokok</th>
                                                    <th>Bunga</th>
                                                    <th>Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($cicilan_data as $cicilan)
                                                    @php
                                                        $isBelumBayar = $cicilan->isbayar == '0';
                                                    @endphp

                                                    @if ($isBelumBayar)
                                                        <tr class="table-warning"
                                                            style="background-color: rgba(255, 193, 7, 0.1) !important;">
                                                            <td class="text-sm">
                                                                <span class="badge badge-sm bg-warning">
                                                                    Belum Bayar
                                                                </span>
                                                            </td>
                                                            <td class="text-sm font-weight-bold text-warning">
                                                                {{ $cicilan->angsuran_ke }}</td>
                                                            <td class="text-sm text-end text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->nominal_pokok) }}
                                                            </td>
                                                            <td class="text-sm text-end text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->bunga_rp) }}</td>
                                                            <td
                                                                class="text-sm text-end font-weight-bold text-warning text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->total_angsuran) }}
                                                            </td>
                                                        </tr>
                                                    @else
                                                        <tr>
                                                            <td class="text-sm">
                                                                <span class="badge badge-sm bg-success">
                                                                    Sudah Bayar
                                                                </span>
                                                            </td>
                                                            <td class="text-sm font-weight-normal">
                                                                {{ $cicilan->angsuran_ke }}
                                                            </td>
                                                            <td class="text-sm text-end text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->nominal_pokok) }}
                                                            </td>
                                                            <td class="text-sm text-end text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->bunga_rp) }}</td>
                                                            <td class="text-sm text-end font-weight-normal text-currency">
                                                                {{ $format->CurrencyFormat($cicilan->total_angsuran) }}
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endforeach
                                                
                                                {{-- Summary Row --}}
                                                <tr class="table-white" style="background-color: rgba(255, 255, 255, 1) !important; border-top: 3px solid #000000ff;">
                                                    <td colspan="2" class="text-sm font-weight-bold text">
                                                        TOTAL PELUNASAN
                                                    </td>
                                                    <td class="text-sm font-weight-bold text-end text-dark">
                                                        {{ $format->CurrencyFormat($perhitungan['sisa_pokok']) }}
                                                    </td>
                                                    <td class="text-sm font-weight-bold text-end text-dark">
                                                        {{ $format->CurrencyFormat($perhitungan['sisa_bunga']) }}
                                                    </td>
                                                    <td class="text-sm font-weight-bold text-end text-dark">
                                                        {{ $format->CurrencyFormat($perhitungan['total_pelunasan']) }}
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@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 for {{ $dmenu }}');
            </script>
        @endpush
    @endif
@endif