@extends('layouts.main')
@section('content')
  @push('style')
    <link rel="stylesheet" href="{{asset('assets/css/toastr.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/datatables/datatables.min.css')}}">
  @endpush

  <div class="preloader" id="preloader" >
    <div class="loading">
      <img src="{{ asset('assets/img/loading-buffering.gif') }}" width="80">
      <p>Harap Tunggu</p>
    </div>
  </div>
  <div class="content__header content__boxed overlapping">
    <div class="content__wrap">
      <!-- Breadcrumb -->
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item"><a href="">Master</a></li>
          <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
        </ol>
      </nav>
      <!-- END : Breadcrumb -->
      <h1 class="page-title mb-0 mt-2">Master {{$title}}</h1>
      <p class="lead"></p>
    </div>
  </div>

  <div class="content__boxed">
    <div class="content__wrap">
      <div class="row">
        <div class="col-sm-6 mt-2">
          <div class="card">
            <div class="card bg-info" style="min-height:5px; border-radius:1px;"></div>
            <div class="card-body">
              <h5 class="card-title fs-4">Input Data</h5>
              <form id="form_product_stok" action="{{ route('master-product-stock-save') }}" class="mt-3 row g-1 needs-validation" method="POST">
                @csrf
                <div class="col-md-8" style="margin-top:1em">
                    <label class="form-label fs-6 fw-bold">Produk *</label>
                        <select class="form-select select2" name="product_id" id="product_id" required autofocus>
                          <option value=""></option> <!-- important -->
                          @foreach ($stockTrx as $st)
                              <option value="{{ $st->product_code }}">
                                    {{ $st->product_name }}
                              </option>
                          @endforeach
                      </select>
                </div>
                <div class="col-md-4" style="margin-top:1em">
                    <label class="form-label fs-6 fw-bold">Stok</label>
                    <input type="text" class="form-control" name="stock" id="stock">
                    <input type="text" class="form-control" name="oldstock" id="oldstock" hidden>

                    <div id="old-stock-text" class="form-text fs-6 text-muted">
                        Old stock: <span id="old_stock" name="old_stock">0</span>
                    </div>
                </div>
                <hr>
                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                    <button type="submit" class="btn btn-sm btn-primary col-md-2 fs-6">Simpan</button>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="col-sm-6 mt-2">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title fs-4">List Data</h5>
              <div class="table-responsive">
                <table id="table-stock" class="table table-striped display">
                  <thead>
                    <tr>
                      <th class="text-center">No</th>
                      <th>Kode</th>
                      <th>Nama Produk</th>
                      <th>Stok</th>
                      <th>Old Stok</th>
                    </tr>
                  </thead>
                  <tbody></tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

@include('master::product-stock.js')
@endsection