@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">
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-arrow-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->edit == '1')
                            <button class="btn btn-warning mb-0"
                                onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();">
                                <i class="fas fa-save me-1"></i>
                                <span class="font-weight-bold">Update Transaksi</span>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <form role="form" method="POST"
                    action="{{ URL::to($url_menu . '/' . encrypt($table_detail->{$table_primary[0]->field})) }}"
                    id="{{ $dmenu }}-form" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    @include('components.alert')

                    @foreach ($table_primary as $primaryField)
                        <input type="hidden" name="{{ $primaryField->field }}"
                            value="{{ old($primaryField->field, $table_detail->{$primaryField->field} ?? '') }}">
                    @endforeach

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="card h-100">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Data Transaksi</h6>
                                    <p class="text-sm mb-0 text-muted">Informasi dasar transaksi</p>
                                </div>
                                <div class="card-body">
                                    @foreach ($table_header_l as $header)
                                        @php
                                            $primary = false;
                                            $generateid = false;
                                            foreach ($table_primary as $p) {
                                                $primary == false
                                                    ? ($p->field == $header->field
                                                        ? ($primary = true)
                                                        : ($primary = false))
                                                    : '';
                                                $generateid == false
                                                    ? ($p->generateid != ''
                                                        ? ($generateid = true)
                                                        : ($generateid = false))
                                                    : '';
                                            }
                                            $fieldValue = old(
                                                $header->field,
                                                $table_detail->{$header->field} ?? $header->default,
                                            );
                                        @endphp
                                        <div class="form-group">
                                            @if ($header->type != 'hidden')
                                                <label class="form-control-label">
                                                    {{ $header->alias }}
                                                    @if (str_contains($header->validate, 'required'))
                                                        <span class="text-danger">*</span>
                                                    @endif
                                                </label>
                                            @endif

                                            @if ($primary)
                                                <input class="form-control" type="text" value="{{ $fieldValue }}"
                                                    readonly style="background-color: #f8f9fa; font-weight: bold;">

                                            @elseif ($header->type == 'date')
                                                <input class="form-control {{ $header->class }}" type="date"
                                                    value="{{ $fieldValue ? (is_string($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : $fieldValue->format('Y-m-d')) : '' }}"
                                                    name="{{ $header->field }}"
                                                    {{ str_contains($header->validate, 'required') ? 'required' : '' }}>

                                            @elseif ($header->type == 'enum')
                                                <select class="form-control {{ $header->class }}"
                                                    name="{{ $header->field }}"
                                                    {{ str_contains($header->validate, 'required') ? 'required' : '' }}>
                                                    <option value="">-- Pilih {{ $header->alias }} --</option>
                                                    @if ($header->query != '')
                                                        @php
                                                            $data_query = DB::select($header->query);
                                                        @endphp
                                                        @foreach ($data_query as $q)
                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjkoperasi/resources/views/KOP004/debitkredit/edit.blade.php</b> on line <b>103</b><br />
                                                            <option value="{{ $sAsArray[0] }}"
                                                                {{ $fieldValue == $sAsArray[0] ? 'selected' : '' }}>
                                                                {{ $sAsArray[1] }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>

                                            @elseif ($header->type == 'currency' || $header->type == 'number')
                                                <input class="form-control {{ $header->class }}" type="number"
                                                    value="{{ $fieldValue }}" name="{{ $header->field }}"
                                                    @if ($header->type == 'currency') step="0.01" @endif min="0"
                                                    {{ str_contains($header->validate, 'required') ? 'required' : '' }}>

                                            @elseif ($header->type == 'hidden')
                                                <input type="hidden" name="{{ $header->field }}"
                                                    value="{{ $fieldValue }}">
                                            @endif

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

                                            @if ($header->note != '')
                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                    {{ '*) ' . $header->note }}
                                                </p>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="card h-100">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Detail Transaksi</h6>
                                    <p class="text-sm mb-0 text-muted">Keterangan dan bukti transaksi</p>
                                </div>
                                <div class="card-body">
                                    @foreach ($table_header_r as $header)
                                        @php
                                            $fieldValue = old(
                                                $header->field,
                                                $table_detail->{$header->field} ?? $header->default,
                                            );
                                        @endphp
                                        <div class="form-group">
                                            @if ($header->type != 'hidden')
                                                <label class="form-control-label">
                                                    {{ $header->alias }}
                                                    @if (str_contains($header->validate, 'required'))
                                                        <span class="text-danger">*</span>
                                                    @endif
                                                </label>
                                            @endif

                                            @if ($header->type == 'text')
                                                <textarea class="form-control {{ $header->class }}" name="{{ $header->field }}" maxlength="{{ $header->length }}"
                                                    {{ str_contains($header->validate, 'required') ? 'required' : '' }}>{{ $fieldValue }}</textarea>

                                            @elseif ($header->type == 'image' || $header->type == 'file')
                                                <div class="col-sm-auto mb-3">
                                                    <div class="position-relative">
                                                        <div>
                                                            <label for="{{ $header->field }}"
                                                                style="left: -5px !important;"
                                                                id="{{ $header->field }}edit"
                                                                class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                <i class="fa fa-pen top-0" data-bs-toggle="tooltip"
                                                                    data-bs-placement="top" title=""
                                                                    aria-hidden="true" data-bs-original-title="Edit Image"
                                                                    aria-label="Edit Image"></i>
                                                                <span class="sr-only">Edit Image</span>
                                                            </label>
                                                            <span
                                                                class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                <img src="{{ $table_detail->{$header->field} && $table_detail->{$header->field} !== 'noimage.png' ? asset('storage/' . $table_detail->{$header->field}) : asset('storage/noimage.png') }}"
                                                                    id="{{ $header->field }}preview" alt="image"
                                                                    class="w-30 border-radius-lg shadow-sm">
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input class="form-control" type="file" id="{{ $header->field }}"
                                                    name="{{ $header->field }}" style="display: none;"
                                                    accept="image/jpeg,image/png,image/jpg,application/pdf">
                                                <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                    <b>{{ $header->length }} KB</b>
                                                </p>
                                                <p class='text-primary text-xs pt-1'>Format File : <b>PNG,JPG,JPEG,PDF</b>
                                                </p>
                                                @if ($table_detail->{$header->field} && $table_detail->{$header->field} !== 'noimage.png')
                                                    <p class='text-muted text-xs pt-1'>Kosongkan jika tidak ingin mengubah
                                                        file
                                                    </p>
                                                @endif
                                                <script>
                                                    
                                                    {{ $header->field }}.onchange = evt => {
                                                        const [file] = {{ $header->field }}.files
                                                        if (file) {
                                                            const preview = document.getElementById('{{ $header->field }}preview');
                                                            if (file.type.startsWith('image/')) {
                                                                
                                                                preview.src = URL.createObjectURL(file);
                                                            } else if (file.type === 'application/pdf') {
                                                                
                                                                preview.src = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iOCIgZmlsbD0iI0RDMjYyNiIvPgo8dGV4dCB4PSIzMiIgeT0iMzgiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5QREY8L3RleHQ+Cjwvc3ZnPgo=";
                                                                preview.style.cursor = 'pointer';
                                                                preview.title = 'Klik untuk membuka PDF: ' + file.name;
                                                                preview.onclick = function() {
                                                                    const reader = new FileReader();
                                                                    reader.onload = function(e) {
                                                                        const blob = new Blob([e.target.result], {type: 'application/pdf'});
                                                                        const url = URL.createObjectURL(blob);
                                                                        window.open(url, '_blank');
                                                                    };
                                                                    reader.readAsArrayBuffer(file);
                                                                };
                                                            }
                                                        }
                                                    }

                                                    
                                                    $('#{{ $header->field }}edit').click(function() {
                                                        $('input[name="{{ $header->field }}"]').click();
                                                    });
                                                </script>

                                            @elseif ($header->type == 'hidden')
                                                <input type="hidden" name="{{ $header->field }}"
                                                    value="{{ $fieldValue }}">
                                            @endif

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

                                            @if ($header->note != '')
                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                    {{ '*) ' . $header->note }}
                                                </p>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </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