@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">
                @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><!-- // border-bottom pb-4 -->

                  @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 class="status-absolute"><button type="button" onclick="location.href='{{ route('sme.reset') }}'" 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">
                          <label for="sn_return" class="font-weight-bold">SN Kembali</label>
                          <input type="text" name="sn_return_sme" class="form-control" id="sn_return_sme" value="" placeholder="Scan disini"/>
                          <div class="error-sn_return text-danger mt-3 error" style="display:none">Serial number tidak di temukan</div>
                        </div>
                      </div>
                    </div>
                    @foreach($sme->voucher_card->groupby('product') as $key => $value)
                    <div class="arr_prod"><input type="hidden" name="arr_product" value="{{$key}}" /></div>
                    @endforeach
                    @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>
                          @php
                          $count_prod = '';
                          $min = 0;
                          @endphp
                          @if(!empty($sn_return))
                          @foreach($sn_return as $row)
                            @if(str_replace(" ", "_", strtoupper($row['product'])) == str_replace(" ", "_", strtoupper($key)))
                              @php
                              $count_prod .= $row['product'].',';
                              @endphp
                            @endif
                          @endforeach
                          @php
                          $explode_count = explode(",",substr($count_prod,0,-1));
                          @endphp
                          @if(count(array_filter($explode_count)) == count($explode_count))
                          @php
                            $min = count($explode_count);
                          @endphp
                          @endif
                          @endif
                          <div>{{ $key }} <span class="count_prod" id="count_{{ str_replace(" ", "_", strtoupper($key)) }}">{{ count($value)-$min }}</span></div>
                        </div>
                      </div>
                      <div class="col-6 mt-2">
                      </div>
                      <div class="col-12 mt-2">
                        <div class="row invent">
                          @foreach ($value as $inven)
                          @if(!in_array($inven->serial_number, array_column($sn_return, 'serial_number')))
                          <div class="col-6 mb-2" id="box_{{ $inven->serial_number }}">
                            - <input type="hidden" name="inventory_sme[]" rel="{{ str_replace(" ", "_", strtoupper($key)) }}" id="{{ $inven->serial_number }}" value="{{ $inven->id }}" ref="1">{{ $inven->serial_number }} <span class="sold">(Terjual)</span>
                          </div>
                          @endif
                          @endforeach
                        </div>
                      </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-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="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 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">
                        <i class="far fa-times-circle size-20 sold mt-2" rel="col_{{ str_replace(" ", "_", strtoupper($row->product)) }}_{{ str_replace(" ", "_", $row->retailer) }}" ref="{{ $i }}" 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" 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-3">
                        <div class="form-group">
                          <input type="text" name="qty" class="form-control pricing" 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-3">
                        <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)
                  <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-3"></div>
                      <div class="col-3">Saldo Awal</div>
                      <div class="col-3">Saldo Akhir</div>
                      <div class="col-3">Terjual</div>
                    </div>

                    @if(!empty($ev_end))
                    @foreach ($ev_end as $phone)
                    <div class="row mb-4">
                      <div class="col-3 pt-2">
                        {{ $phone->msisdn }}
                      </div>
                      <div class="col-3">
                        <input type="text" class="form-control pricing" value="{{ $phone->saldo_awal }}" disabled="disabled"/>
                      </div>
                      <div class="col-3">
                        <input type="text" class="form-control pricing" value="{{ $phone->saldo }}" disabled="disabled"/>
                      </div>
                      <div class="col-3">
                        <input type="text" class="form-control pricing" value="{{ $phone->sold }}" disabled="disabled"/>
                      </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)
                    <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=""/>
                        <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=""/>
                        <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-12 mt-3">
                        <button type="button" class="btn btn-warning mr-2" id="submit_ev_end_sme" 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('sme.index') }}" class="btn btn-light mr-4 border">Batal</a>
                    <input type="hidden" name="id_loading" id="id_loading" value="{{ $sme->id }}"/>
                    <input type="hidden" name="id_sme" id="id_sme" value="{{ $sme->id_sales }}"/>
                    <input type="submit" class="btn btn-primary mr-2" id="checkout_done_sme" value="Selesai"/>  
                  </div>                                
                  
                </div>
            </div>
        </div>
    </div>
  </div>
@endsection

@push('scripts')
  <script>    
     function del_retailer(el){

        let remove = $(el).attr("rel");
        let id = $(el).attr("ref");
        $.ajax({
            method: "get",
            //url: base_url + '/smecheckout/del_retailer',
            url: "{{ route('sme.del_retailer') }}",
            data: { 'id': id },
            beforeSend: function() {
                
            },
            success: function (data) {
                if (data.code == 200) {
                    $('#'+remove).remove();
                }
                else {
                    alert('Terjadi kesalahan, mohon hubungi admin')
                }
            },
            error: function (xhr, status, exception) {
                console.log('Error ' + exception);
            }
        });
    }
     $(document).ready(function() {

        $('.msisdn_check').on('click', function(e) {
            msisdn = $(this).val();
            if (this.checked) {
                $("#evoucher_saldo_"+msisdn).prop("disabled", false);
                $("#evoucher_topup_"+msisdn).prop("disabled", false);
            }
            else {
                $("#evoucher_saldo_"+msisdn).val('');
                $("#evoucher_topup_"+msisdn).val('');
                $("#evoucher_saldo_"+msisdn).prop("disabled", true);
                $("#evoucher_topup_"+msisdn).prop("disabled", true);
            }
        });

        /** 
        $('#password').keyup(function() {
            $('#loading_done').prop('disabled', false);
        });
        */
        
        $('input[name="qty"]').keyup(function(e) { 
            let id = $(this).attr('id');
            let value = $('#'+id).val();
            let explode = to_array(id, "-");
            let count_total = $('#count_'+explode[1]).text();
            var totalqty = 0;
            $('.field_retailer_'+explode[1]+'').find('input[name="qty"]').each(function(){
                totalqty = parseInt($(this).val()) + totalqty;
            });
            let totalvalue = parseInt(totalqty) + parseInt(value);
            if (totalvalue <= count_total && value != 0) {
                $('#btn_simpan_'+explode[1]).prop('disabled', false);
            }
            else {
                $('#btn_simpan_'+explode[1]).prop('disabled', true);
            }
            console.log(explode[1]);
        });

        $('#sn_return_sme').onEnter(function(e) {
            $('.error-sn').hide();
            let sn = $(this).val();
            let msisdn = $('#'+sn);
            let prod = msisdn.attr('rel');
            let count = $('#count_'+prod).text();
            let array_inventory = [];

            $('.invent').find('input[name="inventory_sme[]"]').each(function(){
                array_inventory.push($(this).attr('id'));
            });

            if (in_array(sn, array_inventory) != -1) {
                $.ajax({
                    method: 'get',
                    //url: base_url + '/area/sn_return',
                    url: "{{ route('sme.snreturn') }}",
                    data: {'serial_number': sn, 'product': prod},
                    beforeSend: function() {
                        
                    },
                    success: function (data) {
                        if(data.code == 200) {
                            msisdn.attr('ref', 0)
                            $('#count_'+prod).text(parseInt(count)-1);
                            $('#box_'+sn).hide();
                        }
                        else if(data.code == 404) {
                            alert('No sudah tersimpan');
                        }
                        else {
                            alert('error 400');
                        }
                    },
                    error: function (xhr, status, exception) {
                        console.log('Error ' + exception);
                    }
                });
            }
            else {
                alert('No tidak di temukan');
            }
        });


        $('.add_retailer').click(function() {
            $('.error').hide();
            let id = $(this).attr('rel');
            let count = $(this).attr('ref');
            let validation = 'pass';
            let array_retailer,retail,qty;            
                        
            retail = $("#retailer_"+id).val();
            qty = $("#qty-"+id).val();
            price = $("#price_"+id).val();

            if (retail === '') {
                $('.error-retailer_'+id).show();
                validation = 'invalid';
                return false;
            }

            if (qty === '' || qty === '0') {
                $('.error-qty_'+id).show();
                validation = 'invalid';
                return false;
            }

            if (price === '' || price === '0') {
                $('.error-price_'+id).show();
                validation = 'invalid';
                return false;
            }

            array_retailer = {
                'retailer' : retail,
                'product' : id,
                'qty' : qty,
                'price' : price
            }

            if (validation === 'pass') {
                $.ajax({
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    //url: base_url + '/area/retailer_pre_create',
                    url: "{{ route('sme.retailer_pre_create') }}",
                    data: {"save_retailer": JSON.stringify(array_retailer)},
                    beforeSend: function() {
                        $("#btn_simpan_"+id).html(
                            '<i class="fa fa-cog fa-spin fa-fw"></i>'
                        );
                    },
                    success: function (data) {
                        $("#btn_simpan_"+id).html(
                            'Simpan'
                        );
                        console.log(data);
                        if(data.code == 200) {
                            $("#retailer_"+id).val('');
                            $("#qty-"+id).val('');
                            $("#price_"+id).val('');
                            $("#btn_simpan_"+id).prop('disabled', true);
                            $('.field_retailer_'+id).append('<div class="row" id="col_'+to_underscore(id.toUpperCase())+'_'+to_underscore(retail)+'">'+
                            '<div class="col-3">'+
                            '<div class="form-group">'+
                                '<input type="text" class="form-control" readonly="readonly" value="'+retail+'"/>'+
                            '</div>'+
                            '</div>'+
                            '<div class="col-3">'+
                            '<div class="form-group">'+
                                '<input type="text" name="qty" class="form-control pricing" readonly="readonly" value="'+qty+'"/>'+
                            '</div>'+
                            '</div>'+
                            '<div class="col-3">'+
                            '<div class="form-group">'+
                                '<input type="text" name="price" class="form-control pricing" readonly="readonly" value="'+price+'"/>'+
                            '</div>'+
                            '</div>'+
                            '<div class="col-3">'+
                            '<div class="form-group">'+
                                '<i class="far fa-times-circle size-20 sold mt-2" rel="col_'+to_underscore(id.toUpperCase())+'_'+to_underscore(retail)+'" ref="'+count+'" onclick="del_retailer(this);"></i>'+
                            '</div>'+
                            '</div>'+
                        '</div>');  
                        }
                        else {
                            alert('Terjadi kendala, mohon hubungi admin');
                        }
                    },
                    error: function (xhr, status, exception) {
                        console.log('Error ' + exception);
                    }
                });
            } 
            
        });

        $('input[name="evoucher_saldo_end"]').keyup(function(e) { 
            let id = $(this).attr('rel');
            calc_endsaldo(id);
        });

        $('input[name="evoucher_sold"]').keyup(function(e) { 
            let id = $(this).attr('rel');
            calc_endsaldo(id);
        });

        $('#submit_ev_end_sme').on('click', function(e) {
            $('.error').hide();
            let msisdn = [];
            let array_msisdn = {},
            validation = 'pass',
            id_sme =  $('#id_sme').val();
            $.each($(".msisdn_check:checked"), function() {
                id = $(this).val();
                saldo_awal = $("#evoucher_limit_"+id).val();
                saldo = $("#evoucher_saldo_end_"+id).val();
                sold = $("#evoucher_sold_"+id).val();

                if (saldo === '') {
                    $('.error-saldo-empty-'+id).show();
                    validation = 'invalid';
                    return false;
                }

                if (sold === '') {
                    $('.error-sold-empty-'+id).show();
                    validation = 'invalid';
                    return false;
                }

                if (saldo !== '' && sold != '') {
                    check_saldo = calc_endsaldo(id);
                    if (check_saldo === false) {
                        $('.error-saldo-'+id).show();
                        validation = 'invalid';
                        return false;
                    }
                }

                array_msisdn = {
                    'msisdn' : id,
                    'saldo_awal' : saldo_awal,
                    'saldo' : saldo,
                    'sold' : sold
                }
                msisdn.push(array_msisdn);
            });

            if (msisdn.length === 0) {
                $('.error-ev').show();
                validation = 'invalid';
            }

            if (validation === 'pass') {
                $.ajax({
                    method: "post",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    //url: base_url + '/area/ev_end_create',
                    url: "{{ route('sme.ev_end_create') }}",
                    data: {'id_sme' : id_sme, 'save_ev_end': JSON.stringify(msisdn)},
                    beforeSend: function() {
                        $("#submit_ev_end_sme").html(
                            '<i class="fa fa-cog fa-spin fa-fw"></i>'
                        );
                    },
                    success: function (data) {
                        $("#submit_ev_end_sme").html(
                            'Simpan'
                        );
                        console.log(data);
                        if(data.code == 200) {
                            window.location.href = base_url + data.redirect;
                        }
                        else {
                            window.location.href = base_url + data.redirect;
                        }
                    },
                    error: function (xhr, status, exception) {
                        console.log('Error ' + exception);
                    }
                });
            }
        });

        $('#reset_ev_end').on('click', function(e) {
            id_sme =  $('#id_sme').val();
            $.ajax({
                method: "GET",
                //url: base_url + '/area/reset_ev_end',
                url: "{{ route('sme.reset_ev_end') }}",
                data: {'id_sme' : id_sme},
                beforeSend: function() {
                    $("#reset_ev_end").html(
                        '<i class="fa fa-cog fa-spin fa-fw"></i>'
                    );
                },
                success: function (data) {
                    $("#reset_ev_end").html(
                        'Reset eVoucher'
                    );
                    console.log(data);
                    if(data.code == 200) {
                        window.location.href = base_url + data.redirect;
                    }
                    else {
                        window.location.href = base_url + data.redirect;
                    }
                },
                error: function (xhr, status, exception) {
                    console.log('Error ' + exception);
                }
            });
        });

        $('#checkout_done_sme').click(function(e) {
            $('.error').hide();
            let validation = 'pass',
            id_sme =  $('#id_sme').val(),
            id_loading =  $('#id_loading').val(),
            password = $('#password').val(),
            btn_evoucher = $('#submit_ev_end_sme');
            let inventory = $("input[name='inventory_sme[]']").map(function(){return {'id' : $(this).val(), 'serial_number' : $(this).attr('id'), 'product' : $(this).attr('rel'), 'status' : $(this).attr('ref')} }).get();

            $.each($(".msisdn_check:checked"), function() {
                id = $(this).val();
                saldo_awal = $("#evoucher_limit_"+id).val();
                saldo = $("#evoucher_saldo_end_"+id).val();
                sold = $("#evoucher_sold_"+id).val();
                
                if (saldo === '') {
                    $('.error-saldo-empty-'+id).show();
                    validation = 'invalid';
                    return false;
                }

                if (sold === '') {
                    $('.error-sold-empty-'+id).show();
                    validation = 'invalid';
                    return false;
                }

                if (saldo !== '' && sold !== '') {
                    check_saldo = calc_endsaldo(id);
                    if (check_saldo === false) {
                        $('.error-saldo-'+id).show();
                        validation = 'invalid';
                        return false;
                    }
                }
            });

            if (btn_evoucher.length > 0) {
                $('.error-btn-evoucher').show();
                validation = 'invalid';
                return false;
            }

            var totalProd = 0;
            $('.count_prod').each(function(){
                totalProd += parseInt($(this).text());
            });

            var totalRetail = 0;
            $('.count_retail').find('input[name="qty"]').each(function(){
                totalRetail += parseInt($(this).val());
            });

            if (totalProd != totalRetail) {
                $('.error-count-retail').show();
                validation = 'invalid';
                return false;
            }

            if (password === '') {
                $('.error-password').show();
                validation = 'invalid';
                return false;
            }

            let rv = {
                'id_loading' : id_loading,
                'id_sme' : id_sme,
                'password' : password,
                'sn_sold' : inventory
            };
            
            if (validation === 'pass') {
                $.ajax({
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    //url: base_url + '/area/loading_checkout',
                    url: "{{ route('sme.store') }}",
                    data: {'data': JSON.stringify(rv)},
                    beforeSend: function() {
                        $("#checkout_done_sme").html(
                            '<i class="fa fa-cog fa-spin fa-fw"></i>'
                        );
                    },
                    success: function (data) {
                        $("#checkout_done_sme").html(
                            'Selesai'
                        );
                        console.log(data);
                        if(data.code == 201) {
                            $('.error-password-fail').show();
                        }
                        else {
                            window.location.href = base_url + data.redirect;
                        }
                    },
                    error: function (xhr, status, exception) {
                        console.log('Error ' + exception);
                    }
                });
            }
            
        });
                
        
     });
 </script>
@endpush