@extends('layouts.master')

<style type="text/css">
  #create_rrcm .note { display:none; }
</style>

@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>Loading Checkin</h5>
                      <span>Form untuk loading checkin.</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="{{ url('loading.index') }}">Loading</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Loading Checkin</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header"><h3>Form Loading Checkin</h3><div class="status-absolute"><button type="button" onclick="location.href='{{ url('area/checkin_reset?id_sme='.$sme->id) }}'" class="btn btn-outline-primary" name="reset">Reset Form</button></div></div>
            <div class="card-body">
              <form id="create_rrcm" method="POST" action="{{ route('loading.store') }}" class="forms-sample">
                @csrf
                <div class="border-bottom pb-4">
                  <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>
                      <input type="text" class="form-control" id="area" name="area" value="{{ ucwords(Auth::user()->myarea) }}" readonly="readonly"  />
                    </div>
                  </div>
                  <div class="row mt-4">
                    <div class="col-6">
                      <label for="sales" class="font-weight-bold">Sales</label>
                      <input type="text" name="sme" class="form-control" id="sme" value="{{ ucwords($sme->name) }}" readonly="readonly"/>
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                 
                  @if(!empty($sn))
                  <div class="border-bottom pb-4">
					                    @foreach ($sn->product as $prod) 
                    <div class="row mt-4">
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Nama Produk</label>
                          <!--div>{{-- strtoupper($prod->product_name) --}} ({{-- count($prod->inventory) --}})</div -->
                          <!-- div>{{ strtoupper($prod->product_name) }} ({{ $product_counter[strtoupper($prod->product_name)] }})</div -->
						  <div>{{ strtoupper($prod->product_name) }} ({{ $count_prod[$i] }})</div>
						                          </div>
                      </div>
                      <div class="col-6 mt-2">
                      </div>
                      <div class="col-12 mt-2">
                        <div class="row">
                          @foreach ($prod->inventory as $inven)
                          <div class="col-4 mb-2">
                            <input type="hidden" name="inventory[]" rel="{{ strtoupper($prod->product_name) }}" value="{{ $inven->id }}">{{ $inven->serial_number }}
                          </div>
                          @endforeach
                        </div>
                      </div>
                    </div>
                    @endforeach
                  </div>
                  @endif

                  <div class="border-bottom pb-4">
                    @if(count($product) > 0)     
                    <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>
                            @foreach($product as $row)
                            <option value="{{ strtoupper($row->name) }}">{{ strtoupper($row->name) }}</option>
                            @endforeach
                          </select>
                          <div class="error-product text-danger mt-3 error" style="display:none">Produk belum di pilih</div>
                        </div>
                      </div>

                      <!-- div class="col-3 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Scan SN Kardus</label>
                          <input type="text" name="no_box" class="form-control no_box" id="no_box" value="" disabled="disabled"/>
                          <div class="error-box text-danger mt-3 error" style="display:none">SN Kardus tidak di temukan</div>
                        </div>
                      </div -->
                      
					  <div class="col-3 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Cari berdasarkan</label>
                          <select class="custom-select no_box" name="serial_number" id="serial_number">
                            <option selected value="0">Serial Number Box</option>
                            <option value="1">Serial Number Kartu</option>
                          </select>
                        </div>
                      </div>
                      
					  <div class="col-3 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Scan SN Awal</label>
                          <input type="text" name="sn_awal" class="form-control" id="sn_awal" value=""/>
                          <div class="error-sn sn-different text-danger mt-3 error" style="display:none">Serial number awal dan akhir tidak sama</div>
                          <div class="error-sn sn_sequent text-danger mt-3 error" style="display:none">Serial number tidak urut</div>
                          <div class="error-sn sn_awal_notfound text-danger mt-3 error" style="display:none">Serial number awal tidak ditemukan</div>                          
                        </div>
                      </div>
                      <div class="col-3 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Scan SN Akhir <span style='color: red;'>(isi lalu tekan enter)</span></label>
                          <input type="text" name="sn_akhir" class="form-control" id="sn_akhir" value=""/>
						  <!--span class="note" style="color: red;"><strong>Setelah isi SN Akhir, tekan enter !!!</strong></span-->
						  <div class="error-sn sn_akhir_notfound text-danger mt-3 error" style="display:none">Serial number akhir tidak ditemukan</div>
                          <div class="error-sn text-danger mt-3 error" style="display:none">Serial number awal &amp; akhir tidak di temukan</div>
                        </div>
                      </div>
                      <div class="col-12 mt-2">
                        <div class="row invent"></div>
                      </div>

                      <!--div class="col-12 mt-4 mb-4">
                        <button type="button" class="btn btn-warning mr-2" id="submit_sn" name="submit">Simpan</button>
                      </div-->
                    </div>
                    @endif

                    <div class="row mt-4 box-input">
                      <div class="col-12"><h5>eVoucher</h5></div>
                      <div class="col-12">
                        <div class="row mt-2 mb-2">
                          <div class="col-3"></div>
                          <div class="col-3">Limit</div>
                          <div class="col-3">Saldo</div>
                          <div class="col-3">Topup <span style='color: red;'><strong>(isi lalu tekan enter)</strong></span></div>
                        </div>
                        @if(!empty($ev))
                        @foreach ($ev->evoucher as $phone)
                        <div class="row mb-4">
                          <div class="col-3 pt-2">
                            {{ $phone->msisdn }}
                          </div>
                          <div class="col-3">
                            <input type="text" class="form-control pricing" value="{{ $sme->limit_pulsa }}" disabled="disabled"/>
                          </div>
                          <div class="col-3">
                            <input type="text" class="form-control pricing" value="{{ $phone->saldo }}" disabled="disabled"/>
                          </div>
                          <div class="col-3">
                            <input type="text" class="form-control pricing" value="{{ $phone->topup }}" disabled="disabled"/>
                          </div>
                          
                        </div>
                        @endforeach
                        @endif
                        
                        @if(count($phone_sales) > 0)
                        @foreach ($phone_sales as $phone)
                        <div class="row mt-4">
                          <div class="col-3">
                            <div class="custom-control custom-checkbox">
                              <input type="checkbox" class="custom-control-input msisdn_check" id="{{ $phone->msisdn }}" value="{{ $phone->msisdn }}">
                              <label class="custom-control-label" for="{{ $phone->msisdn }}">{{ $phone->msisdn }}</label>
                            </div>
                          </div>
                          <div class="col-3">
                            <input type="text" name="evoucher_limit" class="form-control pricing" id="evoucher_limit" value="{{ $sme->limit_pulsa }}" disabled="disabled"/>
                          </div>
                          <div class="col-3">
                            <input type="text" name="evoucher_saldo" class="form-control pricing" rel="{{ $phone->msisdn }}"  id="evoucher_saldo_{{ $phone->msisdn }}" value="" disabled="disabled"/>
                            <div class="error-saldo-empty-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Saldo belum di isi</div>
                          </div>
                          <div class="col-3">
                            <input type="text" name="evoucher_topup" class="form-control pricing" rel="{{ $phone->msisdn }}" id="evoucher_topup_{{ $phone->msisdn }}" value="" disabled="disabled"/>
                            <div class="error-saldo-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Melebihi limit saldo</div>
                            <div class="error-topup-empty-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Top up belum di isi</div>
                          </div>
                        </div>
                        @endforeach
                        <div class="error-ev text-danger mt-3 error" style="display:none">eVoucher belum di pilih</div>
                        <div class="row mt-4 mb-4">
                          <!--div class="col-12 mt-3">
                            <button type="button" class="btn btn-warning mr-2" id="submit_ev" name="submit">Simpan</button>
                          </div-->
                        </div>
                        @endif
                      </div>
                    </div>

                    <div class="row mt-4">
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="password" class="font-weight-bold">Password</label>
                          <input type="password" name="password" class="form-control" id="password" autocomplete="new-password" />
                          <div class="error-password text-danger mt-3 error" style="display:none">Password belum di isi</div>
                          <div class="error-password-fail text-danger mt-3 error" style="display:none">Password tidak benar</div>
                        </div>
                      </div> 
                    </div>

                    <div class="col-12 mt-4 pt-4 text-right">
                      <a href="{{ url('/area/loading') }}" class="btn btn-light mr-4 border">Batal</a>
                      <input type="hidden" value="{{$sme->id}}" name="id_sme" id="id_sme"/>
					  @if(!empty($sn) || !empty($ev))
                      <button type="button" class="btn btn-primary mr-2" id="loading_done" name="submit" onclick="this.disabled = true;">Selesai</button>
					  @else
					  <button type="button" class="btn btn-primary mr-2" id="loading_done" name="submit" disabled="disabled">Selesai</button>
					  @endif
                    </div>

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

@push('scripts')

<script>
$(document).ready(function () {
	$(document).on('change', '#product_name', function() {
		// get id the value from the select
		var product_name =  $('#product_name').val(); 
		
		//$('#no_box').val('');
		$('#sn_awal').val('');
		$('#sn_akhir').val('');
		
		// set the textbox value
		//$('#no_box').val(product_name);   
		
		/*
		if(product_name=='KPK MINI'){
			document.getElementById('no_box').disabled = false;
			document.getElementById('no_box').focus();
		} else {
			document.getElementById('no_box').disabled = true;
			document.getElementById('sn_awal').focus();
		}
		*/
		$('#sn_akhir').onblur(function(){
			$('.note').hide();
			//$(this).next().fadeIn();
		});
		
		// if you want the selected text instead of the value
		// var air_text = $('.aircraftsName option:selected').text(); 
	});
});



$(function() {
  $('#sn_akhir').focus(function(){
	$('.note').show();
	//$(this).next().fadeIn();
  });
  
  $('#sn_akhir').blur(function(){
	$('.note').hide();
	//$(this).next().fadeIn();
  });
});

</script>
@endpush