@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>Loading Checkout</h5>
                      <span>Form untuk loading checkout.</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 Checkout</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header"><h3>Form Loading Checkout</h3></div>
            <div class="card-body">
                @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-alert-circle ik-2x"></i>Info</h4>
                  <p>{{ $message }}</p>
                </div>
                @endif                
                @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>

                  @role('Admin Sales Officer')
                  <div class="row mt-4">
                    <div class="col-6">
                    <label for="sme" class="font-weight-bold">Sales</label>
                      <input type="text" class="form-control" id="sme" name="sme" value="{{ ucwords($sme[0]->sales->name) }}" readonly="readonly" />
                    </div>
                  </div>
                  @endrole

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

                  {{-- @if(count($sme->voucher_card) > 0) --}}
                                    @if(count($product_num) > 0)
                  <div class="border-bottom pb-4">
                    <div class="row mt-4">
                      <div class="col-12"><h5>Voucher Card</h5><div class="status-absolute"><button type="button" onclick="location.href='{{ url('area/checkout_reset?id_sme='.$id) }}'" class="btn btn-outline-primary" name="reset">Reset Form</button></div></div>
                    </div>
                    <div class="row mt-4">
                      <div class="col-6">
                        <div class="form-group">
                          <h6>Serial Number Kembali</h6> 
                        </div>
                      </div>
                    </div>
                    <!-- sn return here -->
                    @if(count($sn_return) > 0)
                    <div class="row invent_return bg-light">
                      @foreach($sn_return as $val)
                      <div class="col-4 mt-2 invent_{{ $val['sn_awal'] }}_{{ $val['sn_akhir'] }}">
                        <input type="hidden" name="no_inventory[]" value="{{ $val['id_awal'] }}_{{ $val['id_akhir'] }}" rel="{{ $val['sn_awal'] }}_{{ $val['sn_awal'] }}_{{ $val['product'] }}">
                        &bull;&nbsp;{{ $val['product'] }}: {{ $val['sn_awal']}} -> {{ $val['sn_akhir'] }} (<strong>{{ $val['count_product']}}</strong>)
                      </div>
                      @endforeach
                    </div>
                    @else
                    <div class="row invent_return bg-light"></div>
                    @endif
                    <div class="row mt-4 border-bottom">
                      <div class="col-4 mt-2"">
                        <div class="form-group">
                          <label for="sn_return" class="font-weight-bold">Serial Number Box</label>
                          <input type="text" name="sn_box_return" class="form-control" id="sn_box_return" value="" placeholder="Scan di sini"/>
                          <div class="error-sn_return sn_box_notfound text-danger mt-3 error" style="display:none">Serial number Box tidak di temukan</div>
                        </div>
                      </div>
                      <div class="col-4 mt-2">
                        <div class="form-group">
                          <label for="sn_return" class="font-weight-bold">Serial Number Awal</label>
                          <input type="text" name="sn_awal_return" class="form-control" id="sn_awal_return" value="" placeholder="Scan di sini"/>
                          <div class="error-sn_return sn_awal_notfound text-danger mt-3 error" style="display:none">Serial number awal tidak di temukan</div>
                          <div class="error-sn_return sn-different text-danger mt-3 error" style="display:none">Serial number awal dan akhir tidak sama</div>                                                 
                        </div>
                      </div>
                      <div class="col-4 mt-2">
                        <div class="form-group">
                          <label for="sn_return" class="font-weight-bold">Serial Number Akhir</label>
                          <input type="text" name="sn_akhir_return" class="form-control" id="sn_akhir_return" value="" placeholder="Scan di sini"/>
                          <div class="error-sn_return sn_akhir_notfound text-danger mt-3 error" style="display:none">Serial number akhir tidak di temukan</div>
                          <div class="error-sn_return range_null text-danger mt-3 error" style="display:none">Range SN Awal - Akhir tidak ditemukan</div>
                        </div>
                      </div>
                    </div>                    
                    {{-- @foreach($sme->voucher_card->groupby('product') as $key => $value) --}}
                    @foreach($product_num as $key => $val)
                    <div class="arr_prod"><input type="hidden" name="arr_product" value="{{$key}}" /></div>
                    @endforeach
                    
                    {{-- @foreach($sme->voucher_card->groupby('product') as $key => $value) --}}
                    @foreach($product_num as $key => $val)
                    <div class="row mt-2">
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Nama Produk</label>
                                                    @if(!empty($sn_return))
                            @foreach($sn_return as $row)
                                @if(str_replace(' ','_', strtoupper($row['product'])) == str_replace(' ','_', strtoupper($key)))
                                                                    @endif
                            @endforeach

                                                        @if(count(array_filter($explode_count)) == count($explode_count))
                                                            @endif

                          @endif
                          
                          @if(!empty($sn_return))
                                                    <div>{{ $key }} <span class="count_prod" id="count_{{ str_replace(' ', '_', strtoupper($key)) }}">{{ $delta }}</span></div>
                          @else
                          <div>{{ $key }} <span class="count_prod" id="count_{{ str_replace(' ', '_', strtoupper($key)) }}">{{ $product_num[$key] }}</span></div>
                          @endif
                        </div>
                      </div>
                      <div class="col-6 mt-2">
                      </div>                
                    </div>
                    
                    <div class="row mt-4">
                      <div class="col-3">
                        <div class="form-group">
                          <label for="retailer" class="font-weight-bold">Nama Toko</label>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">
                          <label for="qty" class="font-weight-bold">QTY</label>
                        </div>
                      </div>
                      <div class="col-3">
                        <div class="form-group">
                          <label for="price" class="font-weight-bold">Harga Jual / Kartu</label>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">
                          <label for="price" class="font-weight-bold">Metode Bayar</label>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">
                          <label for="action" class="font-weight-bold">Action</label>
                        </div>
                      </div>
                    </div>
                    <div class="count_retail field_retailer_{{ str_replace(' ','_', strtoupper($key)) }}">
                      @if(!empty($retailers))
                       @foreach ($retailers->retailers as $i => $row)
                        @if(str_replace(' ','_', strtoupper($row->product)) == str_replace(' ','_', strtoupper($key)))
                         <div class="row" id="col_{{ str_replace(' ','_', strtoupper($row->product)) }}_{{ str_replace(' ','_', $row->retailer) }}">
                          <div class="col-3">
                           <div class="form-group">
                              <input type="text" class="form-control" readonly="readonly" value="{{ $row->retailer }}"/>
                           </div>
                          </div>
                         <div class="col-3">
                          <div class="form-group">
                            <input type="text" name="qty" class="form-control save_{{str_replace(' ','_', strtoupper($row->product))}}" readonly="readonly" value="{{ $row->qty }}"/>
                          </div>
                        </div>

                        <div class="col-3">
                          <div class="form-group">
                              <input type="text" name="price" class="form-control pricing" readonly="readonly" value="{{ $row->price }}"/>
                          </div>
                        </div>

                        <div class="col-2">
                          <div class="form-group">
                           <input type="text" name="paymethod" class="form-control" readonly="readonly" value="{{ $arr_paymethod[$row->paymethod] }}"/>                            
                          </div>
                        </div>

                        <div class="col-1">
                          <div class="form-group">
                            <i class="far fa-times-circle size-20 sold mt-2" rel="col_{{ str_replace(' ','_', strtoupper($row->product)) }}_{{ str_replace(' ','_', $row->retailer) }}" onclick="del_retailer(this);"></i>
                          </div>
                        </div>
                      </div>
                      @endif
                      @endforeach
                      @endif
                    </div>
                    <div class="row">
                      <div class="col-3">
                        <div class="form-group">
                          <input type="text" name="retailer" class="form-control suggest_retailer" id="retailer_{{str_replace(' ','_', strtoupper($key))}}" value="" placeholder="Nama Toko"/>
                          <div class="error-retailer_{{str_replace(' ','_', strtoupper($key))}} text-danger mt-3 error" style="display:none">Nama toko harus di isi</div>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">
                          <input type="text" name="qty" class="form-control " id="qty-{{str_replace(' ','_', strtoupper($key))}}" value="" placeholder="10"/>
                          <div class="error-qty_{{str_replace(' ','_', strtoupper($key))}} text-danger mt-3 error" style="display:none">Qty harus di isi</div>
                        </div>
                      </div>
                      <div class="col-3">
                        <div class="form-group">
                          <input type="text" name="price" class="form-control pricing" id="price_{{str_replace(' ','_', strtoupper($key))}}" value="" placeholder="15.000"/>
                          <div class="error-price_{{str_replace(' ','_', strtoupper($key))}} text-danger mt-3 error" style="display:none">Harga jual / kartu harus di isi</div>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">                        
                            <select name="paymethod" class="form-control" id="paymethod_{{str_replace(' ','_', strtoupper($key))}}">
                              <option value="0">Tunai</option>
                              <option value="1">Transfer</option>
                              <option value="2">TOP</option>
                            </select>
                         <div class="error-paymethod_{{str_replace(' ','_', strtoupper($key))}} text-danger mt-3 error" style="display:none">Metode bayar kartu harus di isi</div>
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group">
                          <button type="button" class="btn btn-warning add_retailer" id="btn_simpan_{{str_replace(' ','_', strtoupper($key))}}" rel="{{str_replace(' ','_', strtoupper($key))}}" ref="{{ $count_ret }}" disabled="disabled" name="submit">Simpan</button> 
                        </div>
                      </div>
                    </div>
                    @endforeach
                  </div>
                  @endif

                  {{-- @if(count($sme->evoucher) < 0) --}}
                  @if(count($evoucher) < 0)
                  <div class="border-bottom pb-4">
                    <div class="row mt-4">
                      <div class="col-12"><h5>eVoucher</h5></div>
                    </div>
                    <div class="row mt-2 mb-2">
                      <div class="col-2"></div>
                      <div class="col-2 font-weight-bold">Nama Toko</div>
                      <div class="col-2 font-weight-bold">Nominal</div>
                      <div class="col-2 font-weight-bold">Harga Jual</div>
                      <div class="col-2 font-weight-bold">Metode Bayar</div>
                      <div class="col-2 font-weight-bold">Action</div>
                    </div>

                    @if(!empty($ev_end))
                    @foreach ($ev_end as $phone)
                    <div class="row mb-4">
                      <div class="col-2 pt-2">
                        {{ $phone->msisdn }}
                      </div>
                      <div class="col-2">
                        <input type="text" class="form-control suggest_retailer" value=""/>
                      </div>
                      <div class="col-2">
                        <input type="text" class="form-control pricing" value=""/>
                      </div>
                      <div class="col-2">
                        <input type="text" class="form-control pricing" value=""/>
                      </div>
                      <div class="col-2">
                        <select name="paymethod" class="form-control" id="paymethod_{{str_replace(' ','_', strtoupper($key))}}">
                              <option value="0">Tunai</option>
                              <option value="1">Transfer</option>
                              <option value="2">TOP</option>
                        </select>
                      </div>
                      <div class="col-2">
                      <button type="button" class="btn btn-warning add_retailer" id="btn_simpan_{{str_replace(' ','_', strtoupper($key))}}" rel="{{str_replace(' ','_', strtoupper($key))}}" ref="{{ $count_ret }}" disabled="disabled" name="submit">Simpan</button> 
                      </div>
                    </div>
                    @endforeach
                    <div class="row mt-4">
                      <div class="col-12 mt-3">
                        <button type="button" class="btn btn-outline-primary mr-2" id="reset_ev_end" name="submit">Reset eVoucher</button>
                      </div>
                    </div>
                    @else
                    
                    {{-- @foreach ($sme->evoucher as $phone) --}}
                    @foreach($evoucher as $ev_key =>  $ev_val)
                    <div class="row mb-4">
                      <div class="col-2 pt-2">
                        <!--input type="checkbox" class="custom-control-input msisdn_check" checked="checked" id="{{-- $phone->msisdn --}}" value="{{-- $phone->msisdn --}}" -->
                        {{-- $phone->msisdn --}}

                        <input type="checkbox" class="msisdn_check" checked="checked" id="{{ $ev_key }}" value="{{ $ev_key }}">
                        {{ $ev_key }}
                      </div>
                      <div class="col-2">
                        <input type="text" class="form-control suggest_retailer"  value="" name="retailer"/>
                      </div>
                      <div class="col-2">
                        <input type="text" name="nominal" id="nominal_{{ $ev_key }}" rel="{{ $ev_key }}" class="form-control pricing" value=""/>
                        <div class="error-saldo-empty-{{ $ev_key }} text-danger mt-3 error" style="display:none">Saldo akhir belum di isi</div>
                      </div>
                      <div class="col-2">
                        <input type="text" name="terjual" id="evoucher_sold_{{ $ev_key }}" rel="{{ $ev_key }}" class="form-control pricing" value=""/>
                        <div class="error-saldo-{{ $ev_key }} text-danger mt-3 error" style="display:none">Jumlah saldo tidak sesuai</div>
                        <div class="error-sold-empty-{{ $ev_key }} text-danger mt-3 error" style="display:none">Saldo terjual belum di isi</div>
                      </div>

                      <div class="col-2">
                        <select name="paymethod" class="form-control" id="paymethod_{{str_replace(' ','_', strtoupper($ev_key))}}">
                              <option value="0">Tunai</option>
                              <option value="1">Transfer</option>
                              <option value="2">TOP</option>
                        </select>
                      </div>
                      <div class="col-2">
                      <button type="button" class="btn btn-warning add_retailer" id="btn_simpan_{{str_replace(' ','_', strtoupper($ev_key))}}" rel="{{str_replace(' ','_', strtoupper($ev_key))}}" ref="{{ $count_ret }}" disabled="disabled" name="submit">Simpan</button> 
                      </div>
                    </div>
                    @endforeach
                    <div class="row mt-4">
                      <div class="col-12 mt-3">
                        <button type="button" class="btn btn-warning mr-2" id="submit_ev_end" name="submit">Simpan</button>
                      </div>
                    </div>
                    @endif
                  </div><!-- // border-bottom pb-4 -->
                  @endif

                  <div class="error-count-retail text-danger mt-4 error" style="display:none">Jumlah kartu terjual tidak sama dengan jumlah qty toko</div>
                  <div class="error-btn-evoucher text-danger mt-4 error" style="display:none">eVoucher belum di simpan</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="{{ route('loading.index') }}" class="btn btn-light mr-4 border">Batal</a>
                    <input type="hidden" name="id_loading" id="id_loading" value="{{ $id_loading }}"/>
                    <input type="hidden" name="id_sme" id="id_sme" value="{{ $id }}"/>
                    <input type="submit" class="btn btn-primary mr-2" id="checkout_done" value="Selesai" onclick="this.disabled = true;"/>  
                  </div>                                
                  
                </div>
            </div>
        </div>
    </div>
  </div>
@endsection