@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>Edit Loading eVoucher</h5>
                      <span>Form untuk edit loading eVoucher.</span>
					  <!-- input type="text" value="{{ request()->segment(1) }}"/ -->
                  </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('loadingtopup.index') }}">Topup</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Topup eVoucher</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header"><h3>Form Edit Loading eVoucher</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('loadingtopup.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"/>
					  <input type="hidden" name="id_topup" class="form-control" id="id_topup" value="{{ ucwords($result->id) }}"/>
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                 
                  <div class="border-bottom pb-4">
                    <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">Phone Number</div>
                          <div class="col-3">Limit</div>
                          <div class="col-3">Saldo</div>
                          <div class="col-3">Topup</div>
                        </div>
                        
						<div class="row mt-4">
                          <div class="col-3">
                            <input type="text" class="form-control font-weight-bold" value="{{ $result->msisdn }}" disabled="disabled"/>
                          </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="{{ $result->msisdn }}"  id="evoucher_saldo" value="{{ $result->saldo_morning }}" disabled="disabled"/>
                            <div class="error-saldo-empty-{{ $result->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="{{ $result->msisdn }}" id="evoucher_topup" value="{{ $result->topup }}"/>
                            <div class="error-saldo text-danger mt-3 error" style="display:none">Melebihi limit saldo</div>
                            <div class="error-topup-empty-{{ $result->msisdn }} text-danger mt-3 error" style="display:none">Top up belum di isi</div>
                          </div>
                        </div>
                        <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>
                      </div>
                    </div>

                    <div class="col-12 mt-4 pt-4 text-right">
                      <a href="{{ url('/loadingtopup') }}" class="btn btn-light mr-4 border">Batal</a>
                      <input type="hidden" value="{{$result->id}}" name="id_sme" id="id_sme"/>
					  <button type="submit" class="btn btn-primary mr-2" id="loading_done" name="loading_done">Selesai</button>
                    </div>

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

@push('scripts')

<script>
$(document).ready(function () {
	$('#evoucher_topup').keyup(function(e) { 
		saldo_limit = $('#evoucher_limit').val();
		saldo = $('#evoucher_saldo').val() === '' ? 0 : $('#evoucher_saldo').val();
		topup = $('#evoucher_topup').val() === '' ? 0 : $('#evoucher_topup').val();

		saldo_limit = to_number(saldo_limit);
		saldo = to_number(saldo);
		topup = to_number(topup);
		total_saldo = parseInt(saldo) + parseInt(topup);
		
		if (total_saldo > saldo_limit) {
			$('.error-saldo').show();
			$('#loading_done').prop("disabled", true);
		} else {
			$('.error-saldo').hide();
			$('#loading_done').prop("disabled", false);
		}
	});
});

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



</script>
@endpush