@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-shopping-bag bg-blue"></i>
                  <div class="d-inline">
                      <h5>Tambah Raw Card Material Baru</h5>
                      <span>Form untuk menambah Raw Card Material baru.</span>
					  <!-- input type="text" value="{{ request()->segment(1) }}"/ -->
                  </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="{{ url('rrcm.index') }}">Raw Card Material</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Tambah Raw Card Material Baru</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header"><h3>Form Tambah Raw Card Material Baru</h3></div>
            <div class="card-body">
                @if(count($errors) > 0)
                  <div class="alert alert-danger">
                          <strong>Whoopss!</strong> &nbsp;Ada error ketika input.<br/>
                          <ul>
                            @foreach($errors->all() as $error)
                              <li>{{ $error }}</li>
                            @endforeach
                          </ul>
                  </div>
                  @endif
              <form id="create_rrcm" method="POST" action="{{ route('rrcm.store') }}" class="forms-sample" onsubmit="simpan.disabled = true; return true;">
                @csrf
                <div class="border-bottom pb-4">
                  <div class="row">
                    <div class="col-4">
                      <label for="name" class="font-weight-bold">No Work Order</label>
                      <input type="text" class="form-control" id="no_rrcm" name="no_rrcm" value="{{ generate_no_order('rrcm', Auth::user()->myarea, $id_last) }}" readonly="readonly" />
                    </div>
                  </div>

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Nama</label>
                      <input type="text" class="form-control" id="name" name="name" value="{{ ucwords(Auth::user()->name) }}" readonly="readonly" />
                    </div>
                    <div class="col-6">
                      <label for="area" class="font-weight-bold">Area</label>
                      <select class="custom-select sumber" name="area" id="area">
						<option value="{{ strtolower(Auth::user()->myarea) }}" {{ strtolower(Auth::user()->myarea) == $area ? 'selected' : ''}}>{{ ucwords(Auth::user()->myarea) }}</option>
						<option value="warehouse" {{ $area=='warehouse' ? 'selected' : ''}}>Warehouse</option>
					  </select>
                      <!-- input type="text" class="form-control" id="xarea" name="xarea" value="{{ ucwords(Auth::user()->myarea) }}" readonly="readonly"  /-->
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->

                  <div class="border-bottom pb-4">  
                    <div class="row mt-3">
                      <div class="col-6">
                      <label class="font-weight-bold">Input nama retailer</label>
                        <input type="text" class="form-control suggest_retailer" required="required" id="retailer" name="retailer" placeholder="Toko Cell...."/></td>                         
                      </div>
                    </div>

                    <div class="row">
                      <div class="col-2">
                        &nbsp;
                      </div> 
                    </div>        
                    <div class="row">
                      <div class="col-12">
                       <table class="table table-borderless" id="dynamic_field" style="margin:auto;"> 
						<thead>
							<tr>
								<td>Raw Material</td>
								<td>Stock</td>
								<td>Jumlah</td>
								<td>Harga Jual</td>
								<td>Pembayaran</td>
							</tr>
						</thead>
                        <tbody>  
                          @foreach($distinct_products as $key => $val)                                                                             
                          <tr>  
                           <div class="form-group">
                            <td>                                              
                              <input class="border-checkbox" type="checkbox" name="rawmats[]" value="{{ $val->product }}" id="{{ $key }}">
                              <label class="border-checkbox-label" for="{{ $key }}">{{ strtoupper($val->product) }}</label>                                                                                           
                            </td>  
                            <td>
                              <input type="text" name="stock[]" class="form-control stock" id="stock_{{ $key }}" value="{{ $val->stock }}" readonly />  
                            </td>
                            <td>
                              <input type="text" name="quantity[]" class="form-control total_fill quantity" id="quanity_{{ $key }}" onkeyup="check(this.value, {{ $key }})" required="required" placeholder="Jumlah..."  disabled />  
							  <div class="error-sumber_{{ $key }} text-danger mt-3 error" style="display:none">Stock tidak mencukupi..!!!</div>
                            </td>  
                            <td>
                              <input type="text" name="eup[]" class="form-control eup" id="eup_{{ $key }}" required="required" placeholder="Harga Jual..."  disabled />  
                            </td>
                            <td>
                            <select name="pay_method[]" class="form-control pay_method" disabled>
                              <option value="0">Tunai</option>
                              <option value="1">Transfer</option>
                              <option value="2">TOP</option>
                            </select>
                          </td>
                          </div>
                        </tr>  
                        @endforeach                        

                        </tbody>                               
                       </table> 
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-2">
                        &nbsp;
                      </div> 
                    </div>

                  </div><!-- // border-bottom pb-4 -->
                                                              
                  

                  <div class="col-12 mt-4 pt-4 text-right">
                    <a href="{{ route('rrcm.index') }}" class="btn btn-light mr-4 border">Batal</a>
                    <!--button type="button" class="btn btn-primary mr-2" id="wo_done" name="submit">Selesai</button -->
                    <input type="submit" class="btn btn-primary mr-2" id="simpan" name="simpan" value="Simpan" disabled/>
                  </div>                                
                  
                </div>
              
              </form>
            </div>
        </div>
    </div>
  </div>
@endsection

@push('scripts')
<script>
 $(document).ready(function(){
    
    $('.border-checkbox').change(function(){
        var this_tr = $(this).closest('tr'); //parent tr
        console.log(this_tr);
        this_tr.find('input:text').attr('disabled',!this.checked);
        this_tr.find('.pay_method').attr('disabled',!this.checked);
        this_tr.find('.error').attr('hide',!this.checked);
        //$(this).siblings('td input:text').attr('disabled',!this.checked);
		$('#simpan').attr('disabled',!this.checked);
    });

    $('.stock').priceFormat({
            prefix: '',
            centsSeparator: ',',
            thousandsSeparator: '.',
            centsLimit: 0
        });

    $('.eup').priceFormat({
            prefix: 'Rp ',
            centsSeparator: ',',
            thousandsSeparator: '.',
            centsLimit: 0
        });

    $('.quantity').priceFormat({
            prefix: '',
            centsSeparator: ',',
            thousandsSeparator: '.',
            centsLimit: 0
        });
	
 });
 
 function check(qty, id){
	var order = qty.replace('.',''); 
	var tmp = document.getElementById('stock_'+id).value;
	var stock = tmp.replace('.',''); 
	
	if(parseInt(order) > parseInt(stock)){
		//alert(order+' - '+stock);
		$('.error-sumber_'+id).show();
		$('#simpan').prop("disabled", true);
	} else {
		$('.error-sumber_'+id).hide();
		$('#simpan').prop("disabled", false);
	}
 };
 
 
</script>
@endpush