@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 save --}}
                                <button class="btn btn-primary mb-0" style="display: none;" id="{{ $dmenu }}-save"
                                    onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();">
                                    <i class="fas fa-floppy-disk me-1"></i>
                                    <span class="font-weight-bold">Simpan</span>
                                </button>
                                {{-- button edit --}}
                                <button class="btn btn-warning mb-0" id="{{ $dmenu }}-edit">
                                    <i class="fas fa-edit me-1"></i>
                                    <span class="font-weight-bold">Edit</span>
                                </button>
                            @endif
                        @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 . '/' . $idencrypt) }}"
                    enctype="multipart/form-data" id="{{ $dmenu }}-form">
                    @csrf
                    @method('PUT')
                    <div class="card">
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Edit {{ $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 for="ledger" class="form-control-label">Ledger</label>
                                        <input class="form-control" type="text" name="ledger" 
                                            value="{{ $list->ledger ?? '' }}" maxlength="10" disabled>
                                        @error('ledger')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="company_code" class="form-control-label">Company Code</label>
                                        <input class="form-control" type="text" name="company_code" 
                                            value="{{ $list->company_code ?? '' }}" maxlength="10" disabled>
                                        @error('company_code')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="fiscal_year" class="form-control-label">Fiscal Year</label>
                                        <input class="form-control" type="text" name="fiscal_year" 
                                            value="{{ $list->fiscal_year ?? '' }}" maxlength="4" disabled>
                                        @error('fiscal_year')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="poper" class="form-control-label">Period</label>
                                        <input class="form-control" type="text" name="poper" 
                                            value="{{ $list->poper ?? '' }}" maxlength="10" disabled>
                                        @error('poper')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="accounting_document" class="form-control-label">Accounting Document</label>
                                        <input class="form-control bg-dark text-light" type="text" name="accounting_document" 
                                            value="{{ $list->accounting_document ?? '' }}" maxlength="20" disabled key="true">
                                        @error('accounting_document')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="doc_line" class="form-control-label">Doc Line</label>
                                        <input class="form-control bg-dark text-light" type="text" name="doc_line" 
                                            value="{{ $list->doc_line ?? '' }}" maxlength="10" disabled key="true">
                                        @error('doc_line')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="doc_type" class="form-control-label">Doc Type</label>
                                        <input class="form-control" type="text" name="doc_type" 
                                            value="{{ $list->doc_type ?? '' }}" maxlength="10" disabled>
                                        @error('doc_type')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="document_date" class="form-control-label">Document Date</label>
                                        <input class="form-control" type="date" name="document_date" 
                                            value="{{ $list->document_date ?? '' }}" disabled>
                                        @error('document_date')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="posting_date" class="form-control-label">Posting Date</label>
                                        <input class="form-control" type="date" name="posting_date" 
                                            value="{{ $list->posting_date ?? '' }}" disabled>
                                        @error('posting_date')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="gl_account" class="form-control-label">G/L Account</label>
                                        <input class="form-control bg-dark text-light" type="text" name="gl_account" 
                                            value="{{ $list->gl_account ?? '' }}" maxlength="20" disabled key="true">
                                        @error('gl_account')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="gl_long_text" class="form-control-label">G/L Long Text</label>
                                        <input class="form-control" type="text" name="gl_long_text" 
                                            value="{{ $list->gl_long_text ?? '' }}" maxlength="255" disabled>
                                        @error('gl_long_text')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="debit_credit_ind" class="form-control-label">D/C Indicator</label>
                                        <select class="form-control" name="debit_credit_ind" disabled>
                                            <option value="">-- Select --</option>
                                            <option value="S" {{ ($list->debit_credit_ind ?? '') == 'S' ? 'selected' : '' }}>S - Debit</option>
                                            <option value="H" {{ ($list->debit_credit_ind ?? '') == 'H' ? 'selected' : '' }}>H - Credit</option>
                                        </select>
                                        @error('debit_credit_ind')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="item_text" class="form-control-label">Item Text</label>
                                        <textarea class="form-control" name="item_text" rows="2" disabled>{{ $list->item_text ?? '' }}</textarea>
                                        @error('item_text')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="doc_currency" class="form-control-label">Doc Currency</label>
                                        <input class="form-control" type="text" name="doc_currency" 
                                            value="{{ $list->doc_currency ?? '' }}" maxlength="10" disabled>
                                        @error('doc_currency')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="dc_amount" class="form-control-label">DC Amount</label>
                                        <input class="form-control" type="number" step="0.01" name="dc_amount" 
                                            value="{{ $list->dc_amount ?? '' }}" disabled>
                                        @error('dc_amount')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="local_currency" class="form-control-label">Local Currency</label>
                                        <input class="form-control" type="text" name="local_currency" 
                                            value="{{ $list->local_currency ?? '' }}" maxlength="10" disabled>
                                        @error('local_currency')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="lc_amount" class="form-control-label">LC Amount</label>
                                        <input class="form-control" type="number" step="0.01" name="lc_amount" 
                                            value="{{ $list->lc_amount ?? '' }}" disabled>
                                        @error('lc_amount')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="global_currency" class="form-control-label">Global Currency</label>
                                        <input class="form-control" type="text" name="global_currency" 
                                            value="{{ $list->global_currency ?? '' }}" maxlength="10" disabled>
                                        @error('global_currency')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="global_amount" class="form-control-label">Global Amount</label>
                                        <input class="form-control" type="number" step="0.01" name="global_amount" 
                                            value="{{ $list->global_amount ?? '' }}" disabled>
                                        @error('global_amount')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="inv_doc_no" class="form-control-label">Invoice Doc No</label>
                                        <input class="form-control" type="text" name="inv_doc_no" 
                                            value="{{ $list->inv_doc_no ?? '' }}" maxlength="20" disabled>
                                        @error('inv_doc_no')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="inv_fiscal_year" class="form-control-label">Invoice Fiscal Year</label>
                                        <input class="form-control" type="text" name="inv_fiscal_year" 
                                            value="{{ $list->inv_fiscal_year ?? '' }}" maxlength="4" disabled>
                                        @error('inv_fiscal_year')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="inv_item" class="form-control-label">Invoice Item</label>
                                        <input class="form-control" type="text" name="inv_item" 
                                            value="{{ $list->inv_item ?? '' }}" maxlength="10" disabled>
                                        @error('inv_item')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="po" class="form-control-label">PO Number</label>
                                        <input class="form-control" type="text" name="po" 
                                            value="{{ $list->po ?? '' }}" maxlength="20" disabled>
                                        @error('po')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="po_item" class="form-control-label">PO Item</label>
                                        <input class="form-control" type="text" name="po_item" 
                                            value="{{ $list->po_item ?? '' }}" maxlength="10" disabled>
                                        @error('po_item')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="po_item_text" class="form-control-label">PO Item Text</label>
                                        <input class="form-control" type="text" name="po_item_text" 
                                            value="{{ $list->po_item_text ?? '' }}" maxlength="255" disabled>
                                        @error('po_item_text')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </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 for="vendor" class="form-control-label">Vendor Code</label>
                                        <input class="form-control" type="text" name="vendor" 
                                            value="{{ $list->vendor ?? '' }}" maxlength="20" disabled>
                                        @error('vendor')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label for="vendor_name" class="form-control-label">Vendor Name</label>
                                        <input class="form-control" type="text" name="vendor_name" 
                                            value="{{ $list->vendor_name ?? '' }}" maxlength="255" disabled>
                                        @error('vendor_name')
                                            <p class='text-danger text-xs pt-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>

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

@push('js')
<script>
    $(document).ready(function() {
        // Function enable input form
        function enable_text() {
            $('#{{ $dmenu }}-form').find('input:not([key="true"])').removeAttr('disabled');
            $('#{{ $dmenu }}-form').find('select').removeAttr('disabled');
            $('#{{ $dmenu }}-form').find('textarea').removeAttr('disabled');
        }
        
        // Event button edit
        $('#{{ $dmenu }}-edit').click(function() {
            enable_text();
            $(this).css('display', 'none');
            $('#{{ $dmenu }}-save').css('display', '');
        });
    });
</script>
@endpush