@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
  <link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Logistik</a></li>
        <li class="breadcrumb-item"><a href="#">Stok Opname (Lokasi)</a></li>
        <li class="breadcrumb-item active" aria-current="page">Input Data</li>
    </ol>
</nav>

<div class="card m-b-30">
    <div class="card-header">
          <h4>Input Data Stok Opname (Lokasi)</h4>
        </div>
    <div class="card-body">
        <div class="mb-4">
            <div class="row">
                <form id="form_stok_opname">
                    <div class="col-12 border border-bottom-0 p-3">
                        <div class="form-group">
                            <label>Gudang</label>
                            <input type="hidden" id="id_stok_opname_lokasi" value="">
                            <select name="id_master_gudang" id="id_master_gudang" class="form-control required select2Custom">
                                <option value="">Silahkan Pilih</option>
                                @foreach ($dataGudang as $itemGudang)
                                    <option value="{{ $itemGudang->id }}" {{ $dataStokOpnameLokasi->id_gudang == $itemGudang->id ? 'selected="selected"' : '' }}>{{ $itemGudang->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-12 border border-top-0 border-bottom-0 p-3">
                        <div class="form-group">
                            <label>Rak</label>
                            <select name="id_rak" id="id_rak" class="form-control required select2Custom">
                                <option value="">Silahkan Pilih</option>
                                @foreach ($dataRak as $itemRak)
                                    <option value="{{ $itemRak->id }}" {{ $dataStokOpnameLokasi->id_rak == $itemRak->id ? 'selected="selected"' : '' }}>{{ $itemRak->rak }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-12 border border-top-0 p-3">
                        <div class="form-group">
                            <label>Tanggal</label>
                            <input type="date" id="tanggal_stok_opname" class="form-control required" placeholder="Tanggal" value="1970-01-01">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-12">
                <label for="view_nama">View Nama Barang</label>
                <div class="d-flex">
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="view_nama" id="view_nama_asli" value="view_nama_asli" checked>
                        <label class="form-check-label" for="view_nama_asli">
                          Asli
                        </label>
                    </div>
                    <div class="form-check ms-2">
                        <input class="form-check-input" type="radio" name="view_nama" id="view_nama_alias" value="view_nama_alias">
                        <label class="form-check-label" for="view_nama_alias">
                          Alias
                        </label>
                    </div>
                    <div class="form-check ms-2">
                        <input class="form-check-input" type="radio" name="view_nama" id="view_nama_asli_alias" value="view_nama_asli_alias">
                        <label class="form-check-label" for="view_nama_asli_alias">
                          Keduanya
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="table-responsive" style="overflow-x: auto;">
            <table class="table table-bordered table-sm table-number" style="width: 100% !important;">
                <thead>
                    <tr>
                        <th style="width: 5% !important; white-space: normal; word-break:break-all; text-align: center;">No</th>
                        <th style="width: 30% !important; white-space: normal; word-break:break-all; text-align: center;">Nama Barang</th>
                        <th style="width: 15% !important; white-space: normal; word-break:break-all; text-align: center;">QRCode</th>
                        <th style="width: 20% !important; white-space: normal; word-break:break-all; text-align: center;">QTY</th>
                        <th style="width: 10% !important; white-space: normal; word-break:break-all; text-align: center;">Nomor Urut</th>
                        <th style="width: 15% !important; white-space: normal; word-break:break-all; text-align: center;">Keterangan</th>
                        <th style="width: 5% !important; white-space: normal; word-break:break-all; text-align: center;">Aksi</th>
                    </tr>
                </thead>
                <tbody class="tampilBarang">