@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 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($ls->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->name) }}" readonly="readonly" />
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                  @php
                     $total_price = 0;
                     $data = [];
                     $paymethodcard = [];
                     $paymethod = [];
                     $count_pm = 0;
                     $index = 0;
                  @endphp
				  				  @if(count($lsr) > 0)
                  <div class="border-bottom pb-4">
					<div class="row mt-4">
                      <div class="col-12"><h5>Voucher Card</h5></div>
                    </div>
					<table class="table table-hover">
						<thead>
							<th>Retailer</th>
							<th>Product</th>
							<th style="text-align: right">Qty</th>
							<th style="text-align: right">Harga Jual / Kartu</th>
							<th style="text-align: center">Metode Bayar</th>
							<th style="text-align: center">Action</th>
						</thead>
						<tbody>
						@foreach($lsr as $vcard)
							<tr>
								<td>{{ $vcard->retailer }}</td>
								<td>{{ $vcard->product }}</td>
								<td style="text-align: right">{{ number_format($vcard->qty,0,",",".") }}</td>
								<td style="text-align: right">{{ number_format($vcard->price,0,",",".") }}</td>
								<td style="text-align: center">{{ $arr_paymethod[$vcard->pay_method] }}</td>
								<td style="text-align: center"><a href="{{ route('loading.store_edit_dsr',$vcard->id) }}~vc"><i class="ik ik-edit-1"></i></a></td>
							</tr>
						@endforeach
						</tbody>
					</table>
				   </div>
				   @endif
					
                  
				  <div class="border-bottom pb-4">
                    <div class="row mt-4">
                      <div class="col-12"><h5>eVoucher</h5></div>
                    </div>
					<table class="table table-hover">
						<thead>
							<th>Retailer</th>
							<th style="text-align: right">Nominal</th>
							<th style="text-align: right">Harga Jual</th>
							<th style="text-align: center">Metode Bayar</th>
							<th style="text-align: center">Action</th>
						</thead>
						<tbody>
						@foreach($lsevd as $evouvher)
							<tr>
								<td>{{ $evouvher->retailer }}</td>
								<td style="text-align: right">{{ number_format($evouvher->nominal,0,",",".") }}</td>
								<td style="text-align: right">{{ number_format($evouvher->eup,0,",",".") }}</td>
								<td style="text-align: center">{{ $arr_paymethod[$evouvher->pay_method] }}</td>
								<td style="text-align: center"><a href="{{ route('loading.store_edit_dsr',$evouvher->id) }}~ev"><i class="ik ik-edit-1"></i></a></td>
							</tr>
						@endforeach
						</tbody>
					</table>
                  </div>
					
					
                  <div class="row mt-4">
                      <div class="col-12 mt-3">
                        <a href="{{ route('loading.index') }}" class="btn btn-light mr-4 border">Kembali</a>
                      </div>
                    </div>
                                           
                  
                </div>
            </div>
        </div>
    </div>
  </div>
@endsection

@push('scripts')
 <script>
    $(document).ready(function() {
        $('#btn_checkout_ok').click(function(e){
            e.preventDefault();
            var id_loading = $(this).data('loading');                  
            
            $.ajax({
                    method: 'post',
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: base_url + '/area/checkout_valid',
                    data: {'id_loading' : id_loading},
                    beforeSend: function() {
                        $("#btn_checkout_ok").html(
                            '<i class="fa fa-cog fa-spin fa-fw"></i>'
                        );
						$('#btn_checkout_ok').prop("disabled", true);
                    },
                    success: function (data) {
                        $("#btn_checkout_ok").html(
                            'Report Valid'
                        );
                        console.log(data);
                        if(data.code == 201) {
                            //$('.error-password-fail').show();
                            console.log("error 201 di report valid");
                        }
                        else {
                            window.location.href = base_url + data.redirect;
                        }
                    },
                    error: function (xhr, status, exception) {
                        console.log('Error ' + exception);
                    }
                });
                
        });

        $('#btn_checkout_fail').click(function(e){
          e.preventDefault();
          var id_loading = $(this).data('loading');   

          $.ajax({
                  method: 'post',
                  headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                  url: base_url + '/area/checkout_invalid',
                  data: {'id_loading' : id_loading},
                  beforeSend: function() {
                      $("#btn_checkout_fail").html(
                          '<i class="fa fa-cog fa-spin fa-fw"></i>'
                      );
                  },
                  success: function (data) {
                      $("#btn_checkout_fail").html(
                          'Report Invalid'
                      );
                      console.log(data);
                      if(data.code == 201) {
                          //$('.error-password-fail').show();
                          console.log("error 201 di report invalid");
                      }
                      else {
                          window.location.href = base_url + data.redirect;
                      }
                  },
                  error: function (xhr, status, exception) {
                      console.log('Error ' + exception);
                  }
            });

        });
		
		$('#edit_dsr').click(function(e){
          e.preventDefault();
          var id_loading = $(this).data('loading');   

          $.ajax({
                  method: 'post',
                  headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                  url: base_url + '/area/edit_dsr',
                  data: {'id_loading' : id_loading},
                  beforeSend: function() {
                      $("#btn_checkout_fail").html(
                          '<i class="fa fa-cog fa-spin fa-fw"></i>'
                      );
                  },
                  success: function (data) {
                      $("#btn_checkout_fail").html(
                          'Report Invalid'
                      );
                      console.log(data);
                      if(data.code == 201) {
                          //$('.error-password-fail').show();
                          console.log("error 201 di Edit DSR");
                      }
                      else {
                          window.location.href = base_url + data.redirect;
                      }
                  },
                  error: function (xhr, status, exception) {
                      console.log('Error ' + exception);
                  }
            });

        });

    });
 </script>
@endpush