@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-cast bg-blue"></i>
                  <div class="d-inline">
                      <h5>Tambah Voucher Card Baru</h5>
                      <span>Form untuk menambah voucher card baru.</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('area.index') }}">Inventory Voucher Card</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Tambah Voucher Card 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 Voucher Card 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

              @if($message = Session::get('error'))
                <div class="alert alert-danger alert-dismissible">
                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                  <h4><i class="ik ik-alert-octagon"></i> Error !</h4>
                  <p>{{ $message }}</p>
                </div>
              @endif
              @if($message = Session::get('success'))
                <div class="alert alert-success alert-dismissible">
                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                  <h4><i class="ik ik-check"></i> Sukses!</h4>
                  <p>{{ $message }}</p>
                </div>
                @endif
              
              <form method="POST" action="{{ route('inventoryvc.storekpk') }}" class="forms-sample" enctype="multipart/form-data">
                @csrf

                <div class="form-group">
                    <label for="no_po" class="font-weight-bold">No Purchase Order (PO)</label>                    
                    <select name="no_po" class="form-control" id="no_po">
                      <!-- @foreach($data as $val)
                        @if($val['raw_material'] == "kpk" || $val['raw_material'] == "kpulsa 1k" || $val['raw_material'] == "kpulsa 2k" || $val['raw_material'] == "kpulsa 5k" || $val['raw_material'] == "kpulsa 10k" || $val['raw_material'] == "kpulsa 20k" || $val['raw_material'] == "kpulsa 50k" || $val['raw_material'] == "kpulsa 100k" )
                          <option value="{{ $val['id'] }}_{{ $val['raw_material'] }}_{{ $val['sum_request_approve_per_item'] }}">{{ $val['no_po'] }} - {{ strtoupper($val['raw_material']) }} - ({{ $val['num_inputted'] }} / {{ $val['sum_request_approve_per_item'] }})</option>
                        @endif
                      @endforeach -->
					  @foreach($data as $val)
                        <option value="{{ $val['id'] }}_{{ $val['raw_material'] }}_{{ $val['sum_request_approve_per_item'] }}">{{ $val['no_po'] }} - {{ strtoupper($val['raw_material']) }} - ({{ $val['num_inputted'] }} / {{ $val['sum_request_approve_per_item'] }})</option>
                      @endforeach
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="name" class="font-weight-bold">Manual / Upload Excel</label><br/>
                    <input type="radio" name="form_type" id="form_type" checked="checked" value="manual"/> Scan
                    <input type="radio" name="form_type" id="form_type" value="excel"/> Excel
                </div>
                
                <div class="manual forminputtype">
                    <div class="form-group">
                        <label for="name" class="font-weight-bold">Serial Number</label>
                        <input type="text" class="form-control form-control-lg" id="serial_number" name="serial_number" placeholder="113355001 ..." value="{{ old('serial_number') ? old('serial_number') : '' }}" tabindex="1" autofocus/>
                    </div>

                    <div class="form-group">
                        <label for="name" class="font-weight-bold">MSISDN</label>
                        <input type="text" class="form-control form-control-lg" id="msisdn" name="msisdn" placeholder="113355099 ..." value="{{ old('msisdn') ? old('msisdn') : '' }}" tabindex="2"/>
                    </div>    
                </div>            

                <div class="excel forminputtype">
                    <div class="form-group">
                        <label for="excelkpk" class="font-weight-bold">Upload Excel</label><br/>
                        <input type="file" name="excelkpk"/>
                    </div>
                </div>


                <a href="{{ route('inventoryvc.index') }}" class="btn btn-light">Batal</a>                
                @if(count($data) == 0)
                <button type="submit" class="btn btn-primary mr-2" disabled>Simpan</button>
                @else
                  <button type="submit" class="btn btn-primary mr-2">Simpan</button>
                @endif

              </form>
            </div>
        </div>
    </div>

</div>
@endsection

@push('scripts')
<script>
 $(document).ready(function(){
   //inisialisasi
   $('.excel').hide();

   $('input[type="radio"]').click(function(){
        var inputValue = $(this).attr("value");
        var targetBox = $("." + inputValue);
        $(".forminputtype").not(targetBox).hide(1000);
        $(targetBox).show(1000);
    });
 });
</script>
@endpush