@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 class="btn btn-secondary mb-0" onclick="window.location='{{ URL::to($url_menu) }}'">
                        <i class="fa fa-chevron-left"></i> Kembali
                    </button>
                    @if($tr_pengeluaran_h->status == 'entry')
                    <button class="btn btn-success mb-0" onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($tr_pengeluaran_h->kode)) }}'"><i class="fas fa-pen me-1"> </i><span class="font-weight-bold">Edit</span></button>
                    <form id="kirim-form" action="{{ route('penerimaan.kirim', ['kode' => $tr_pengeluaran_h->kode]) }}" method="POST" style="display: none;">
                        @csrf
                        @method('PUT')
                    </form>
                    <button onclick="kirimData()" class="btn btn-primary mb-0"> <i class="fa fa-arrow-up"></i> Post
                    </button>
                    @elseif($tr_pengeluaran_h->status == 'finish')
                    <button onclick="reserve()" class="btn btn-danger mb-0"><i class="fas fa-mail-reply-all me-1"></i>Reverse</button>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="row mx-1">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Detail {{ $title_menu }}</h5>
                    </div>
                    <hr class="horizontal dark mt-0">
                    {{-- alert --}}
                    @include('components.alert')
                    <div class="row px-4 py-2">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <th>Kode Transaksi</th>
                                        <td>{{ $tr_pengeluaran_h->kode }}</td>

                                    </tr>
                                    <tr>
                                        <th>Tanggal</th>
                                        <td>{{ $tr_pengeluaran_h->tgl }}</td>

                                    </tr>
                                    <tr>
                                        <th>Keterangan</th>
                                        <td>{{ $tr_pengeluaran_h->keterangan }}</td>

                                    </tr>
                                    <tr>
                                        <th>Detail Penerimaan Barang</th>
                                        <td>
                                            <table id="barang" class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="text-align: center">Jenis Barang</th>
                                                        <th style="text-align: center">Nama Barang</th>
                                                        <th style="text-align: center">Deskripsi</th>
                                                        <th style="text-align: center">Kode Barang</th>
                                                        <th style="text-align: center">Jumlah Stok</th>
                                                        <th style="text-align: center">Qty</th>
                                                        <th style="text-align: center">Satuan</th>
                                                        <th style="text-align: center">Gambar</th>
                                                        <th style="text-align: center">Catatan</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($tr_pengeluaran_d as $detail)
                                                    @if($detail->tr_pengeluaran_h == $tr_pengeluaran_h->kode)
                                                    <tr>
                                                        <td>{{ $detail->jenis_barang }}</td>
                                                        <td>{{ $detail->nama_barang }}</td>
                                                        <td>{{ $detail->deskripsi_barang }}</td>
                                                        <td style="text-align: left">{{ $detail->idatk }}</td>
                                                        <td style="text-align: right" data-jumlah-stok="{{ $mst_barangatk[$detail->idatk]->jumlah_stok }}">
                                                            {{ $mst_barangatk[$detail->idatk]->jumlah_stok }}
                                                        </td>
                                                        <td style="text-align: right">{{ $detail->qty }}</td>
                                                        <td style="text-align: left">{{ $detail->satuan }}</td>
                                                        <td style="text-align: center">
                                                            <span class="d-flex justify-content-center align-items-center">
                                                                <img src="{{ asset('storage/' . $detail->gambar) }}" alt="image" style="max-width: 100px; max-height: 50px;" onclick="showZoomImage('{{ asset('storage/' . $detail->gambar) }}')">
                                                            </span>
                                                        </td>
                                                        <td style="text-align: left">{{ $detail->ktr }}</td>
                                                    </tr>
                                                    @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{-- check flag js on dmenu --}}
@if ($jsmenu == '1')
@if (view()->exists("js.{$dmenu}"))
@push('addjs')
{{-- file js in folder (resources/views/js) --}}
@include('js.' . $dmenu);
@endpush
@else
@push('addjs')
<script>
    Swal.fire({
        title: 'JS Not Found!!',
        text: 'Please Create File JS',
        icon: 'error',
        confirmButtonColor: '#028284'
    });
</script>
@endpush
@endif
@endif
@endsection
@push('js')