@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
          <div class="page-header-title">
                  <i class="ik ik-layers bg-blue"></i>
                  <div class="d-inline">
                      <h5>Mutasi Product</h5>
                      <span>Form untuk Mutasi Product.</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      <li class="breadcrumb-item"><a href="{{ route('mutation.index') }}">Mutasi</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Mutasi Product</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
			<div class="card-header"><h3>Form Mutasi Product</h3><div class="status-absolute">
				<button type="button" onclick="location.href='{{ route('mutation.create_reset') }}'" class="btn btn-outline-primary" name="reset">Reset Form</button>
			</div>
		</div>
            <div class="card-body">
              <!--form id="create_rrcm" method="POST" action="{{ route('mutation.store') }}" class="forms-sample"-->
			  <form id="create_mut" method="POST" action="{{ route('loading.store') }}" class="forms-sample">
                @csrf
                <div class="border-bottom pb-4">
				  <div class="row">
                    <div class="col-4">
                      <label for="name" class="font-weight-bold">No Transaksi</label>
                      <input type="text" class="form-control" id="no_mut" name="no_mut" value="{{ generate_no_order('mt', Auth::user()->myarea, $no_mut) }}" readonly="readonly" />
                    </div>
                  </div>
                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="sumber" class="font-weight-bold">Mutasi dari</label>
                      <select class="custom-select sumber" name="sumber" id="sumber" {{ $id == 'un - known' ? '' : 'disabled' }}>
						<option selected value="">Pilih Area</option>
						@foreach($getArea as $row)
							<option value="{{ strtoupper($row->loc) }}" {{ strtoupper($row->loc) == $id ? 'selected' : ''}}>{{ strtoupper($row->loc) }}</option>
						@endforeach
					  </select>
					  <div class="error-sumber text-danger mt-3 error" style="display:none">Area sumber belum di pilih</div>
                    </div>
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Mutasi ke</label>
					  @if(Auth::user()->myarea=='barat')
						  					  @elseif(Auth::user()->myarea=='utara')
						  					  @elseif(Auth::user()->myarea=='pusat')
						  					  @elseif(Auth::user()->myarea=='ho')
						  					  @endif
					  <select class="custom-select tujuan" name="tujuan" id="tujuan" {{ $id2 == 'un - known' ? '' : 'disabled' }}>
						@if($role != 'Operational Manager')
						<option value="{{ strtoupper($tujuan) }}" {{ strtoupper($tujuan) == $id2 ? 'selected' : ''}}>{{ strtoupper($tujuan) }}</option>
						@endif
						<option value="{{ strtoupper($tm_name) }} - WAREHOUSE" {{ strtoupper($tujuan) == $id2 ? '' : 'selected'}}> - WAREHOUSE</option>
					  </select>
                      <!--input type="text" class="form-control" id="tujuan" name="tujuan" value="{{ strtoupper(Auth::user()->name) }} - {{ strtoupper(Auth::user()->myarea) }}" readonly="readonly" /-->
                    </div>
                  </div>
                </div><!-- // border-bottom pb-4 -->
                 
                  @if(!empty($sn) && $id != 'un - known')
                  <div class="border-bottom pb-4">
					<div class="mt-2">
                    <table class='table'>
						<thead>
							<tr>
								<th style="padding:3px; margin:3px;">Product</th>
								<th style="padding:3px; margin:3px;">Qty</th>
								<th style="padding:3px; margin:3px;">Serial Number</th>
							</tr>
						</thead>
					</div>
                    @foreach ($sn->product as $prod) 
					<div class="row mt-2">
                      <div class="col-12">
                        <div class="row">
                          @foreach ($prod->inventory as $inven)
						  <tbody>
							<tr style="height:2px;">
								<td style="padding:3px; margin:3px;">{{ strtoupper($prod->product_name) }}</td>
								<td style="padding:3px; margin:3px;">{{ $product_counter[strtoupper($prod->product_name)] }}</td>
								<td style="padding:3px; margin:3px;">{{ $inven->serial_number }}</td>
							</tr>
                          <!--div class="col-4">
							<input type="hidden" name="inventory[]" rel="{{ strtoupper($prod->product_name) }}" value="{{ $inven->id }}">{{ strtoupper($prod->product_name) }} ({{ $product_counter[strtoupper($prod->product_name)] }} ) : {{ $inven->serial_number }}
                          </div-->
                          @endforeach
                        </div>
                      </div>
                    </div>
                    @endforeach
					</table>
                  </div>
                  @endif

                  <div class="border-bottom pb-4">
                    <div class="row mt-4 box-input">
                      <div class="col-12"><h5>Voucher Card</h5></div>

                      <div class="col-2 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Nama Produk</label>
                          <select class="custom-select product_name" name="product_name" id="product_name">
                            <option selected value="">Pilih Produk</option>
							@if(!empty($product))
							@foreach($product as $row)
                            <option value="{{ $row->product }}">{{ $row->product }}</option>
                            @endforeach
							@endif
                          </select>
                          <div class="error-product text-danger mt-3 error" style="display:none">Produk belum di pilih</div>
                        </div>
                      </div>

                      <div class="col-4 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Stock Tersedia</label>
                          <input type="text" name="stock" class="form-control" id="stock" value="0" readonly="readonly"/>
						  <input type="hidden" name="sn_awal" class="form-control" id="sn_awal"/>
						  <div class="error-stock text-danger mt-3 error" style="display:none">Stock Kosong</div>
                        </div>
                      </div>
                      <div class="col-4 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Quantity</label>
                          <input type="text" name="qty" class="form-control" id="qty" value=""/>
                          <input type="hidden" name="sn_akhir" class="form-control" id="sn_akhir"/>
						  <div class="error-qty text-danger mt-3 error" style="display:none">Stock barang tidak cukup</div>
                        </div>
                      </div>
                      <div class="col-12">
						<div class="row invent"></div>
                      </div>
                      <!--div class="col-12 mt-2 mb-4">
                        <button type="button" class="btn btn-warning mr-2" id="submit_sn" name="submit_sn">Simpan</button>
                      </div-->
                    </div>
                    
                    <div class="col-12 mt-4 pt-4 text-right">
                      <a href="{{ route('mutation.batal') }}" class="btn btn-light mr-4 border">Batal</a>
					  @if($id==99 || empty($sn))
                      <button type="button" class="btn btn-primary mr-2" id="mutation_done" name="submit" disabled="disabled">Selesai</button>
					  @else
					  <button type="button" class="btn btn-primary mr-2" id="mutation_done" name="submit">Selesai</button>
					  @endif
                    </div>

                  </div><!-- // border-bottom pb-4 -->
                </div>
              
              </form>
            </div>
        </div>
    </div>
  </div>
@endsection