@extends('layouts.backapp')

@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
  <div class="kt-portlet__head kt-portlet__head--lg">
    <div class="kt-portlet__head-label">
      <span class="kt-portlet__head-icon">
        <i class="kt-font-brand flaticon2-plus"></i>
      </span>
      <h3 class="kt-portlet__head-title">Tambah Opnames</h3>
    </div>
  </div>

  <div class="kt-portlet__body">
    <form id="opname-form" action="{{ route('opnames.store') }}" method="POST">
      @csrf
      <div class="form-group">
        <label for="dealer">Dealer</label>
        <select name="dealer" id="dealer" class="form-control">
          <option value="">Pilih Dealer</option>
          @foreach($dealers as $dealer)
            <option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
          @endforeach
        </select>
      </div>

      <div id="product-container" data-url="{{ route('products.all') }}">
        <div class="form-row align-items-end product-row">
          <div class="form-group col-md-4">
            <label for="product[]">Produk</label>
            <select name="product[]" class="form-control product-select" >
              <option value="">Pilih Produk</option>
            </select>
          </div>
          <div class="form-group col-md-3">
            <label>Stok Sistem</label>
            <input type="text" name="system_quantity[]" class="form-control" placeholder="Stok sistem">
          </div>
          <div class="form-group col-md-3">
            <label>Stok Fisik</label>
            <input type="text" name="physical_quantity[]" class="form-control" placeholder="Stok fisik">
          </div>
          <div class="form-group col-md-2">
            <button type="button" class="btn btn-success btn-add-row"><i class="flaticon2-plus"></i></button>
          </div>
        </div>
      </div>

      <div class="form-group mt-4">
        <button type="submit" class="btn btn-primary">Simpan</button>
      </div>
    </form>
  </div>
</div>
@endsection

@section('javascripts')
<script src="{{ mix('js/warehouse_management/opnames/create.js') }}"></script>
@endsection