@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@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</button>
                        <button class="btn btn-primary mb-0" style="display: none;" id="{{ $dmenu }}-save"
                            onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();"><i>Simpan</button>
                        {{-- @if ($tandaTerima->status == 'E')
                            <a id="editButton" class="btn btn-warning mb-0">
                                <span class="fa fa-edit me-1"></span>Edit</a>
                            <form id="reverseForm_{{ $tandaTerima->id_tanterima }}"
                                action="{{ url('tandaTerima/reverse/' . $tandaTerima->id_tanterima) }}" method="POST"
                                style="display: none;">
                                @csrf
                                <button type="button" class="btn btn-danger mb-0"
                                    onclick="showConfirmationReverse('{{ $tandaTerima->id_tanterima }}')">
                                    <span class="fa fa-trash me-1"></span>Hapus
                                </button>
                            </form>
                        @elseif ($tandaTerima->status === 'F')
                            <form id="reverseForm_{{ $tandaTerima->id_tanterima }}"
                                action="{{ url('tandaTerima/reverse/' . $tandaTerima->id_tanterima) }}" method="POST"
                                style="display: none;">
                                @csrf
                                <button type="button" class="btn btn-danger mb-0"
                                    onclick="showConfirmationReverse('{{ $tandaTerima->id_tanterima }}')">
                                    <span class="fa fa-trash me-1"></span>Reverse
                                </button>
                            </form>
                        @endif --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form role="form" method="POST">
        @csrf
        @method('PUT')
        <div class="container-fluid py-4">
            <!-- Header -->
            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-header pb-0">
                            {{-- Header Tanda Terima --}}
                            <h6>Header</h6>
                            <hr>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="id">Id DP Request</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="id" name="id"
                                                value="{{ $header->id }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="due_date">Vendor<span class="text-danger">*</span></label>
                                        </div>
                                        <input type="hidden" id="idvendor" name="idvendor"
                                            value="{{ $header->vendorid }}">
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="nama_vendor" name="nama_vendor"
                                                value="{{ $header->nama_vendor }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="due_date">Tanggal Terima<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="due_date" name="due_date"
                                                placeholder="Masukkan Tanggal Terima" value="{{ $header->tanggal_terima }}"
                                                readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="top">TOP<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-4">
                                            <input type="text" class="form-control" id="top" name="top"
                                                required value="{{ $header->top }}" readonly>
                                        </div>

                                        <div class="col-lg-1">
                                            <label for="curr">Curr<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-4">
                                            <input type="text" class="form-control" id="curr" name="curr"
                                                required value="{{ $header->curr }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="no_faktur">No. Faktur</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="no_faktur" name="no_faktur"
                                                required value="{{ $header->no_faktur }}" readonly>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="no_po">No. PO</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="no_po" name="no_po"
                                                required value="{{ $header->no_po }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="due_date">Department<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="iddept" name="iddept"
                                                required value="{{ $header->nama_dept }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="due_date">Kategori<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="hidden" name="kategori" value="{{ $header->kategori }}">
                                            <input type="text" class="form-control" required
                                                value="{{ $header->desc }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="note_kasir">Note Kasir<span class="text-danger">*</span></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" id="note_kasir" name="note_kasir" rows="4" readonly>{{ $header->note_kasir }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- Detail Kuitansi -->
            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-header pb-0">
                            <h6>Detail DP Request</h6>
                            <hr>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped" style="width:100%">
                                    <thead style="background-color: #daecff;">
                                        <tr>
                                            <th scope="col" width="100px">No. Kuitansi</th>
                                            <th scope="col" width="100px">Total Nominal</th>
                                            <th scope="col" width="100px">Tgl. Jatuh Tempo</th>
                                            <th scope="col" width="50px">Kat. Pembayaran</th>
                                            <th scope="col" width="100px">Tgl. Estimasi
                                                Pembayaran</th>
                                            <th scope="col" width="50px">Total Invoice</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table-kuitansi">
                                        @foreach ($detail as $d)
                                            <tr>
                                                <input type="hidden" name="header_id[]" value="{{ $d->header_id }}">
                                                <td><input type="text" value="{{ $d->no_kuitansi }}"
                                                        name="no_kuitansi[]" class="form-control" readonly>
                                                </td>
                                                <td><input type="text" value="{{ $d->nominal }}"
                                                        name="total_nominal[]" class="form-control" readonly>
                                                </td>
                                                <td><input type="date" value="{{ $d->tanggal_jatuh_tempo }}"
                                                        name="tanggal_jatuh_tempo[]" class="form-control" readonly>
                                                </td>
                                                <td><input type="text" value="{{ $d->kategori_pembayaran }}"
                                                        name="kategori_pembayaran[]" class="form-control" readonly>
                                                </td>
                                                <td><input type="date" value="{{ $d->tanggal_estimasi_pembayaran }}"
                                                        name="tanggal_estimasi_pembayaran[]" class="form-control"
                                                        readonly>
                                                </td>
                                                <td><input type="text" value="{{ $d->jumlah_invoice }}"
                                                        name="jumlah_invoice[]" class="form-control" readonly>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </form>
@endsection
@push('js')
@endpush