@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 View</h5>
                      <span>Detail loading.</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('area/loading/history/'.$sme->id_sales) }}">History Loading</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Loading View</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header"><h3>Detail Loading</h3><div class="status-absolute text-dark">{{ \App\Helpers\Helpers::convert_date_time($sme->created_at) }}</div></div>
            <div class="card-body">
              @if ($message = Session::get('status')) <div class="alert alert-success"><strong>{{ $message }}</strong></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>

                  <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->sales->name) }}" readonly="readonly" />
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                  @php
                     $total_price = 0;
                     $data = [];
                     $paymethod = [];
                     $count_pm = 0;
                     $index = 0;
                  @endphp
                  @if(count($sme->voucher_card) > 0)
                  <div class="border-bottom pb-4">
                    <div class="row mt-4">
                      <div class="col-12"><h5>Voucher Card</h5></div>
                    </div>
                    @foreach($sme->voucher_card->groupby('product') as $key => $value)
                    <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>
                          <div>{{ $key }} {{ count($value) }}</div>
                        </div>
                      </div>
                      <!--div class="col-6 mt-2">
                      </div -->
                      <!--div class="col-12 mt-2">
                        <div class="row invent">
                        {{-- @foreach ($value as $inven) --}}
                          <div class="col-6 mb-2" id="box_{{-- $inven->serial_number --}}">
                            - <input type="hidden" name="inventory[]" rel="{{-- str_replace(" ", "_", strtoupper($key)) --}}" id="{{-- $inven->serial_number --}}" value="{{-- $inven->id --}}" ref="1">{{-- $inven->serial_number --}} <span class="sold">(Terjual)</span>
                          </div>
                          {{-- @endforeach --}}
                        </div>
                      </div -->
                    </div>
                    
                    @if(count($sme->retailer) > 0)
                    <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-3">
                        <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-3">
                        <div class="form-group">
                          <label for="pay_method" class="font-weight-bold">Metode Bayar</label>
                        </div>
                      </div>
                    </div>
                    <div class="count_retail">                      
                      @foreach ($sme->retailer 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 pricing 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-3">
                        <div class="form-group">
                            <input type="text" name="pay_method" class="form-control" readonly="readonly" value="{{ $arr_pay_method[$row->pay_method] }}"/>
                        </div>
                        </div>
                      </div>
                       @php
                         $total_price = intval($row->qty) * floatval($row->price);                         
                         $data[$index] = [ $arr_pay_method[$row->pay_method] => $total_price ];
                         $total_price = 0;                         
                         $index++;
                         if(!array_key_exists($arr_pay_method[$row->pay_method],$paymethod)){
                            $paymethod[$arr_pay_method[$row->pay_method]] = 1;
                         }else{                                                      
                          $paymethod[$arr_pay_method[$row->pay_method]] += 1;
                         }
                       @endphp
                      @endif
                      @endforeach
                    </div>
                    @endif                     
                    @endforeach
                  </div>
                  @endif
                                    
                  <div class="row mt-4">
                   <div class="col-12"><h5>Total Setoran</h5></div>
                  </div>
                  <div class="row">                  
                    <div class="col-6" style="margin:auto;">
                        <table class="table table-hover">
                          <thead>
                           <tr>
                            <th>Metode Bayar</th>
                            <th>Total</th>                            
                           </tr>                           
                          </thead>
                          <tbody> 
                            @foreach($paymethod as $key => $val)
                             <tr>
                              <td>{{ $key }}</td>
                              <td>{{ number_format(array_sum(array_column($data,$key)),0,",",".") }}
                             </tr>
                            @endforeach
                          </tbody>
                        </table>
                    </div>
                  </div>
                                  
                  @if(count($sme->evoucher) > 0)
                  <div class="border-bottom pb-4" id="raw-dsr">
                    <div class="row mt-4">
                      <div class="col-12"><h5>eVoucher</h5></div>
                    </div>
                    <div class="row mt-2 mb-2">
                      <div class="col"></div>
                      <div class="col">Saldo Awal</div>
                      <div class="col">Topup</div>
                      <div class="col">Saldo Akhir</div>
                      <div class="col">Terjual</div>
                    </div>
                    @foreach ($sme->evoucher as $phone)
                                        <div class="row mb-4">
                      <div class="col pt-2">
                        {{ $phone->msisdn }}
                      </div>
                      <div class="col">
                        <input type="text" class="form-control pricing" value="{{ $phone->saldo_morning }}" disabled="disabled"/>
                      </div>
                      <div class="col">
                        <input type="text" class="form-control pricing" value="{{ $phone->topup }}" disabled="disabled"/>
                      </div>
                      <div class="col">
                        <input type="text" class="form-control pricing" value="{{ $phone->saldo_afternoon }}" disabled="disabled"/>
                      </div>
                      <div class="col">
                        <input type="text" class="form-control pricing" value="{{ $phone->sold }}" disabled="disabled"/>
                      </div>
                    </div>

                    @if(count($lsevd) > 0)
                          <!-- daftar toko -->
                      <div class="row mb-4">
                       <div class="col-8" style="margin:auto;">
                        <table class="table table-hover">
                          <thead>
                           <tr>
                            <th>#</th>
                            <th>Toko</th>
                            <th>Nominal</th>
                            <th>Terjual</th>
                            <th>Metode Bayar</th>                            
                           </tr>                           
                          </thead>
                          <tbody>
                          
                          @foreach($lsevd as $key => $val) 
                           <tr>
                            <td>{{ $no }}</td>
                            <td>{{ $val->retailer }} - {{ $val->qr_code }}</td>
                            <td>{{ number_format($val->nominal,0,",",".") }}</td>
                            <td>{{ number_format($val->eup,0,",",".") }}</td>
                            <td>{{ $arr_paymethod[$val->pay_method] }}</td>
                           </tr>
                                                     @endforeach 
                          </tbody>
                        </table>        
                      </div>
                     </div><!-- //row -->  
                    @endif
                    @endforeach

                    @if ($sme->status == 2 && date('Y-m-d', strtotime($sme->created_at)) == date('Y-m-d', strtotime('-1 day')))
                    <div class="row mt-4">
                      <div class="col-12 mt-3">
                        <!--button type="button" class="btn btn-warning mr-2" id="btn-change-dsr" name="submit">Ubah DSR</button -->
                        <a href="{{ route('loading.checkout_ev_retailer',$sme->id) }}?checkout=updatedsr" class="btn btn-warning mr-2">Ubah DSR</a>
                      </div>
                    </div>
                    @endif
                  </div><!-- // border-bottom pb-4 -->

                  <div class="border-bottom pb-4" id="change-dsr" style="display:none;">
                    <div class="row mt-4">
                      <div class="col-12"><h5>eVoucher</h5></div>
                    </div>
                    <div class="row mt-2 mb-2">
                      <div class="col-3"></div>
                      <div class="col-3">Saldo Awal</div>
                      <div class="col-3">Saldo Akhir</div>
                      <div class="col-3">Terjual</div>
                    </div>
                    @foreach ($sme->evoucher as $phone)
                    <div class="row mb-4">
                      <div class="col-3 pt-2">
                        <input type="checkbox" class="custom-control-input msisdn_check" checked="checked" id="{{ $phone->msisdn }}" value="{{ $phone->msisdn }}">
                        {{ $phone->msisdn }}
                      </div>
                      <div class="col-3">
                        <input type="text" class="form-control pricing" id="evoucher_limit_{{ $phone->msisdn }}" value="{{ $phone->saldo_morning + $phone->topup }}" disabled="disabled"/>
                      </div>
                      <div class="col-3">
                        <input type="text" name="evoucher_saldo_end" id="evoucher_saldo_end_{{ $phone->msisdn }}" rel="{{ $phone->msisdn }}" class="form-control pricing" value="{{ $phone->saldo_afternoon }}"/>
                        <div class="error-saldo-empty-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Saldo akhir belum di isi</div>
                      </div>
                      <div class="col-3">
                        <input type="text" name="evoucher_sold" id="evoucher_sold_{{ $phone->msisdn }}" rel="{{ $phone->msisdn }}" class="form-control pricing" value="{{ $phone->sold }}"/>
                        <div class="error-saldo-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Jumlah saldo tidak sesuai</div>
                        <div class="error-sold-empty-{{ $phone->msisdn }} text-danger mt-3 error" style="display:none">Saldo terjual belum di isi</div>
                      </div>
                    </div>
                    @endforeach

                    <div class="row mt-4">
                      <div class="col-6">
                        <div class="form-group">
                          <input type="password" name="password" class="form-control" id="password" autocomplete="new-password" placeholder="Password sales officer" />
                          <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 class="col-6">
                        <div class="form-group">
                        <input type="hidden" name="id_sme" id="id_sme" value="{{ $sme->id_sales }}"/>
                        <input type="hidden" name="id_loading" id="id_loading" value="{{ $sme->id }}"/>
                        <button type="button" class="btn btn-warning mr-2" id="submit_ev_change" name="submit">Simpan</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endif                               
                  
                </div>
            </div>
        </div>
    </div>
  </div>
@endsection