@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">
                    <a href="{{ url('trperm') }}" class="btn btn-secondary">Kembali</a>
                    <button type="submit" class="btn btn-success" onclick="saveData(event)">Simpan</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
            @endif
            <div class="card">
                <div class="card-header">
                    <h4>Edit Permintaan Barang</h4>
                </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="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="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="tgl" class="form-label">Tanggal</label>
                                <input type="date" class="form-control" id="tgl" name="tgl" value="{{ $tr_permintaan_h->tgl }}" readonly>
                            </div>
                            <button type="button" class="btn btn-primary" onclick="openModal()">
                                Tambah Barang
                            </button>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="table-barang" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Jenis Barang</th>
                                                <th>Nama Barang</th>
                                                <th>Deskripsi</th>
                                                <th>Kode Barang</th>
                                                <th>Qty</th>
                                                <th>Satuan</th>
                                                <th>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>{{ $detail->qty }}</td>
                                                <td>{{ $detail->satuan }}</td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="hapusBaris(this)">Hapus</button>
                                                    <button type="button" class="btn btn-success btn-sm" onclick="editBaris(this)">Edit</button>
                                                </td>
                                            </tr>
                                            @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="staticBackdropLabel">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" class="form-control" required>
                                            <option value="" selected disabled>Pilih Jenis Barang</option>
                                            @foreach($mst_jenis as $js)
                                            <option value="{{ $js->kode }}">{{ $js->nama}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="mb-3">
                                        <label for="nama_barang">Pilih Barang</label>
                                        <select name="nama_barang" id="nama_barang" class="form-control" required>
                                            <option value="" selected disabled>Pilih Nama Barang</option>
                                            @foreach($mst_barangatk as $stok)
                                            @if($stok->isactive == '1')
                                            <option value="{{ $stok->nama_barang }}" data-jenis="{{ $stok->jenis_barang }}">{{ $stok->nama_barang }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="mb-3">
                                        <label for="deskripsi_barang" class="form-label">Deskripsi</label>
                                        <input type="text" class="form-control" id="deskripsi_barang" 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" name="idatk" readonly required>
                                    </div>
                                    <div class="mb-3">
                                        <label for="qty" class="form-label">Qty</label>
                                        <input type="number" class="form-control" id="qty" name="qty" required>
                                    </div>
                                    <div class="mb-3">
                                        <label for="satuan" class="form-label">Satuan</label>
                                        <input type="text" class="form-control" id="satuan" 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="tambahBarang()">Simpan</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="staticBackdrop1" 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_modal" class="form-label">Jenis Barang</label>
                                        <select name="jenis_barang_modal" 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->name == $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 }}" data-jenis="{{ $stok->jenis_barang }}" {{ isset($nama_barang) && $stok->nama_barang == $nama_barang ? 'selected' : '' }}>{{ $stok->nama_barang }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="mb-3">
                                        <label for="deskripsi_barang" class="form-label">Deskripsi</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="qty" class="form-label">Qty</label>
                                        <input type="number" class="form-control" id="qty_modal" name="qty" 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="resetModalBaru()">Reset</button>
                            <button type="button" class="btn btn-primary" onclick="tambahBarangBaru()">Simpan</button>
                        </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')
        </div>
    </div>
</div>