@php
$page = 'edit'; // Definisikan nilai $page
@endphp
@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])
@if($page == 'edit')
<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="fas fa-chevron-left me-1"></i>Kembali</button>
                    <button type="submit" class="btn btn-primary mb-0" onclick="saveData(event)"><i class="fas fa-download me-1"></i>Simpan</button>
                </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">Edit {{ $title_menu }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <form id="my-form">
                                @csrf
                                <div class="mb-3">
                                    <label for="" class="form-label">Kode Transaksi</label>
                                    <input type="text" class="form-control" id="kode" name="kode" value="{{ $tr_permintaan_h->kode }}" readonly>
                                </div>
                                <div class="mb-3">
                                    <label for="tgl" class="form-label">Tanggal</label>
                                    <input type="date" class="form-control" id="tgl" name="tgl" value="{{ $tr_permintaan_h->tgl }}" readonly>
                                </div>
                                <div class="mb-3">
                                    <label for="dpt" class="form-label">Departemen</label>
                                    <input type="text" class="form-control" id="dpt" name="dpt" value="{{ $tr_permintaan_h->dpt }}" readonly>
                                </div>
                                <div class="mb-3">
                                    <label for="nama" class="form-label">Nama</label>
                                    <input type="text" class="form-control" id="nama" name="nama" value="{{ $tr_permintaan_h->nama }}" readonly>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table id="table-barang" class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th style="text-align: center;">Jenis Barang</th>
                                                    <th style="text-align: center;">Nama Barang</th>
                                                    <th style="text-align: center;">Deskripsi Barang</th>
                                                    <th style="text-align: center;">Kode Barang</th>
                                                    <th style="text-align: center;">Jumlah Stok</th>
                                                    <th style="text-align: center;">Qty Order</th>
                                                    <th style="text-align: center;">Qty Terima</th>
                                                    <th style="text-align: center;">Satuan</th>
                                                    <th style="text-align: center;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($tr_permintaan_d as $detail)
                                                @if($detail->tr_permintaan_h == $tr_permintaan_h->kode)
                                                <tr data-jenis="{{ $detail->jenis_barang }}" data-nama="{{ $detail->nama_barang }}" data-nama="{{ $detail->deskripsi_barang }}" data-kode="{{ $detail->idatk }}" data-qty="{{ $detail->qty }}" data-satuan="{{ $detail->satuan }}">
                                                    <td>{{ $detail->jenis_barang }}</td>
                                                    <td>{{ $detail->nama_barang }}</td>
                                                    <td>{{ $detail->deskripsi_barang }}</td>
                                                    <td>{{ $detail->idatk }}</td>
                                                    <td style="text-align: right;">{{ $mst_barangatk[$detail->idatk]->jumlah_stok }}</td>
                                                    <td style="text-align: right;">{{ $detail->qty }}</td>
                                                    <td style="text-align: right;">{{ $detail->qty_terima }}</td>
                                                    <td>{{ $detail->satuan }}</td>
                                                    <td>
                                                        <button type="button" class="btn btn-success btn-sm" onclick="editBaris(this)"><i class="fas fa-pen me-1"></i>Edit</button>
                                                    </td>
                                                </tr>
                                                @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="staticBackdrop3" tabindex="-1" aria-labelledby="staticBackdropLabel1" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="staticBackdropLabel1">Edit Permintaan Barang</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <table class="table table-hover datatable" id="dataDisplay">
                                    <tbody style="background-color: #daecff;">
                                        <div class="mb-3">
                                            <label for="jenis_barang" class="form-label">Jenis Barang</label>
                                            <select name="jenis_barang" id="jenis_barang_modal" class="form-control" required>
                                                <option value="" selected disabled>Pilih Jenis Barang</option>
                                                @foreach($mst_jenis as $js)
                                                <option value="{{ $js->nama }}" {{ isset($selected_jenis_barang) && $js->kode == $selected_jenis_barang ? 'selected' : '' }}>{{ $js->nama }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <label for="nama_barang">Pilih Barang</label>
                                            <select name="nama_barang" id="nama_barang_modal" class="form-control" required>
                                                <option value="" disabled>Pilih Nama Barang</option>
                                                @foreach($mst_barangatk as $stok)
                                                @if($stok->isactive == '1')
                                                <option value="{{ $stok->nama_barang }}" {{ isset($selected_nama_barang) && $stok->idatk == $selected_nama_barang ? 'selected' : '' }}>{{ $stok->nama_barang }}</option>
                                                @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <label for="deskripsi_barang" class="form-label">Deskripsi Barang</label>
                                            <input type="text" class="form-control" id="deskripsi_barang_modal" name="deskripsi_barang" readonly required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="idatk" class="form-label">Kode Barang</label>
                                            <input type="text" class="form-control" id="idatk_modal" name="idatk" readonly required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="jumlah_stok" class="form-label">Jumlah Stok</label>
                                            <input type="number" class="form-control" id="jumlah_stok_modal" name="jumlah_stok" readonly required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="qty" class="form-label">Qty Order</label>
                                            <input type="number" class="form-control" id="qty_modal" name="qty" readonly required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="qty_terima" class="form-label">Qty Terima</label>
                                            <input type="number" class="form-control" id="qty_terima_modal" name="qty_terima" required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="satuan" class="form-label">Satuan</label>
                                            <input type="text" class="form-control" id="satuan_modal" name="satuan" readonly required>
                                        </div>
                                    </tbody>
                                </table>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kembali</button>
                                <button type="button" class="btn btn-dark" onclick="resetModal()">Reset</button>
                                <button type="button" class="btn btn-primary" onclick="tambahBarangBaru()">Simpan</button>
                            </div>
                        </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')
@endpush
@endif