@extends('layouts.master')

@section('content')

<div class="page-header mb-3">

    <div class="row">

        <div class="col-lg-12 col-md-12 col-12">

            <ul class="breadcrumb">

                <li class="breadcrumb-item">

                    <a href="#">{{ $title }}</a>

                </li>

                <li class="breadcrumb-item active">{{ $subtitle }}</li>

            </ul>

        </div>

    </div>

</div>

<div class="row">

    <div class="col-lg-12 col-12">

      <div class="card mb-4">

        <div class="card-body">

            <div class="row">

                <div class="col-xl-3">

                    <div class="form-group mb-2">

                        <label class="form-label">Tanggal Transaksi<a class="text-danger">*</a></label>

                        <input value="{{ $tanggalTrans }}" class="form-control" readonly/>

                    </div>

                </div>

                <div class="col-xl-9">

                    <div class="form-group mb-2">

                        <label class="form-label">Kode Transaksi<a class="text-danger">*</a></label>

                        <input type="text" name="transaksi_code" value="{{ $transId }}" class="form-control" readonly />

                    </div>

                </div>

            </div>

            <div class="row">

                <div class="col-xl-3">

                    <div class="form-group mb-2">

                        <label class="form-label">Kode Produk<a class="text-danger">*</a></label>

                        <input type="text" value="{{ $productCode }}" class="form-control" readonly />

                    </div>

                </div>

                <div class="col-xl-6">

                    <div class="form-group mb-2">

                        <label class="form-label">Nama Produk<a class="text-danger">*</a></label>

                        <input type="text" value="{{ $dataProduk->name_product }}" class="form-control" readonly />

                    </div>

                </div>

                <div class="col-xl-3">

                    <div class="form-group mb-2">

                        <label class="form-label">Brand</label>

                        <input type="text" value="{{ $dataProduk->brand->name_brand }}" class="form-control" readonly />

                    </div>  

                </div>

            </div> 

          </div>        

      </div>

    </div>

  </div>

<div class="row">

    <div class="col-lg-12 col-12">

      <div class="card mb-4">

        <div class="card-body">

            <form action="{{ route('transaksi-out/save-detail') }}" method="POST" enctype="multipart/form-data">

            @csrf

            <div class="row">

                <input type="hidden" name="stok_awal" value="{{ $stokAwal }}" class="form-control" readonly/> 

                <input type="hidden" name="stok_keluar" value="{{ $jumlah_kolom }}" class="form-control" readonly/> 

                <br />
<b>Warning</b>:  Undefined variable $jumlah_kolom in <b>C:\xampp\htdocs\baliow_inventori\resources\views\iventori\transaksi\detail-transaksi-out.blade.php</b> on line <b>131</b><br />

            </div>

            <div class="row">

                <div class="col-xl-11">

                    <div class="text-end mt-3">

                        <button type="submit" class="btn btn-primary" style="margin-right: -20px;">

                            Proses Data

                        </button>

                    </div>

                    </form>

                </div>

                <div class="col-xl-1">

                    <div class="text-end mt-3">

                    <form action="{{ route('transaksi-out/delete-detail') }}" method="POST">

                        @method('delete')

                        @csrf

                            <input type="hidden" name="transaksi_code" value="{{ $transId }}" class="form-control"/>

                            <button type="submit" class="btn btn-warning">Keluar</button>

                    </form>

                </div>

                </div>

            </div>

          </div>        

      </div>

    </form>

  </div>

  @section('script')

  <script>

      $(document).ready(function() {

          $('.select2s-hidden-accessible').select2({

              closeOnSelect: false

          });

      });

  </script>

  @endsection

@endsection