@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 back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->edit == '1')
                            @if ($list->isactive == 1)
                                {{-- button edit --}}
                                <a href="{{ URL::to($url_menu . '/edit/' . $idencrypt) }}" class="btn btn-warning mb-0">
                                    <i class="fas fa-edit me-1"></i>
                                    <span class="font-weight-bold">Edit</span>
                                </a>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">View {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        
                        {{-- Header Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2">Header Information</p>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">Ledger</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->ledger ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">Company Code</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->company_code ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">Fiscal Year</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->fiscal_year ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">Period</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->poper ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- Document Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">Document Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">Accounting Document</label>
                                    <input class="form-control bg-dark text-light" type="text" 
                                        value="{{ $list->accounting_document ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Doc Line</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->doc_line ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Doc Type</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->doc_type ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Document Date</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->document_date ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Posting Date</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->posting_date ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- GL Account Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">G/L Account Information</p>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">G/L Account</label>
                                    <input class="form-control bg-dark text-light" type="text" 
                                        value="{{ $list->gl_account ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label class="form-control-label">G/L Long Text</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->gl_long_text ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">D/C Indicator</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->debit_credit_ind ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-control-label">Item Text (Original GL)</label>
                                    <textarea class="form-control" rows="2" disabled>{{ $list->item_text ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-10">
                                <div class="form-group">
                                    <label class="form-control-label">Display Text (Final)</label>
                                    <textarea class="form-control bg-light" rows="2" disabled>{{ $list->display_text ?: ($list->item_text ?: ($list->acdoca2_text ?: $list->po_item_text)) }}</textarea>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Text Source</label>
                                    <input class="form-control" type="text"
                                        value="{{ $list->text_source ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- Currency Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">Currency & Amount</p>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Doc Currency</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->doc_currency ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">DC Amount</label>
                                    <input class="form-control" type="text" 
                                        value="{{ number_format($list->dc_amount ?? 0, 2) }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Local Currency</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->local_currency ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">LC Amount</label>
                                    <input class="form-control" type="text" 
                                        value="{{ number_format($list->lc_amount ?? 0, 2) }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Global Currency</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->global_currency ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Global Amount</label>
                                    <input class="form-control" type="text" 
                                        value="{{ number_format($list->global_amount ?? 0, 2) }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- Invoice Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">Invoice Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">Invoice Doc No</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->inv_doc_no ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">Invoice Fiscal Year</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->inv_fiscal_year ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">Invoice Item</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->inv_item ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- PO Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">PO Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">PO Number</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->po ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">PO Item</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->po_item ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">PO Item Text</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->po_item_text ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- Vendor Fields --}}
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">Vendor Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-control-label">Vendor Code</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->vendor ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="form-control-label">Vendor Name</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->vendor_name ?? '' }}" disabled>
                                </div>
                            </div>
                        </div>

                        {{-- ACDOCA2 Fields --}}
                        @if($list->acdoca2_doc || $list->acdoca2_line || $list->acdoca2_text)
                        <p class="text-uppercase text-xs text-muted mb-2 mt-3">ACDOCA2 Information</p>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">ACDOCA2 Doc</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->acdoca2_doc ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">ACDOCA2 Line</label>
                                    <input class="form-control" type="text" 
                                        value="{{ $list->acdoca2_line ?? '' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">ACDOCA2 LC Amount</label>
                                    <input class="form-control" type="text" 
                                        value="{{ number_format($list->acdoca2_lc_amount ?? 0, 2) }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">ACDOCA2 DC Amount</label>
                                    <input class="form-control" type="text" 
                                        value="{{ number_format($list->acdoca2_dc_amount ?? 0, 2) }}" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-control-label">ACDOCA2 Text</label>
                                    <textarea class="form-control" rows="2" disabled>{{ $list->acdoca2_text ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                        @endif

                        <hr class="horizontal dark">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection