@extends('layouts.app')

@section('content')
<div class="main-container">
    <div class="container-fluid">
        <div class="page-breadcrumb">
            <div class="row">
                <div class="col-md-7">
                    <div class="page-breadcrumb-wrap">

                        <div class="page-breadcrumb-info">
                            <h2 class="breadcrumb-titles"><a href="{{ url($url) }}">{{ $title }}</a></h2>
                            <ul class="list-page-breadcrumb">
                                <li><a href="#">{{ $menu }}</a>
                                </li>
                                <li  ><a href="{{ url($url) }}">{{ $title }}</a></li>
                                <li class="active-page" ><a href="{{ url($url) }}">Edit Data {{ $title }}</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                </div>
            </div>
        </div>
                @foreach($data->detail as $dd)
        <br />
<b>Warning</b>:  Undefined variable $dd in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "harga_barang" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "harga_beli" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Undefined variable $dd in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "harga_barang" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "harga_beli" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Undefined variable $dd in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Attempt to read property "diskon" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>32</b><br />
<br />
<b>Warning</b>:  Undefined variable $dd in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>33</b><br />
<br />
<b>Warning</b>:  Attempt to read property "jumlah" on null in <b>/home/aplikasiposinfo/public_html/ayam-canton.aplikasipos.info/resources/views/pembelian/bayar.blade.php</b> on line <b>33</b><br />
        @endforeach


        <form class="form-horizontal form-prevent" method="post" action="{{ url($url.'/bayar/'.$data->no_pembelian) }}">

            <div class="row">
                <div class="col-md-12">
                    <div class="box-widget widget-module">
                        <div class="widget-head clearfix">
                            <span class="h-icon"><i class="fa fa-table"></i></span>
                            <h4>Data {{ $title }}</h4>
                            <div class="pull-right" style="padding: 10px;position: relative;z-index: 99;">
                             
                                <a href="{{ url($url) }}" class="btn  btn-warning ">Kembali</a>
                            </div>
                            
                        </div>
                        <div class="widget-container">
                            <div class="widget-block">
                                <div class="row">
                                    
                                    <div class="col-md-6">
                                     
                                        
                                        @csrf
                                        <input type="hidden" name="_method" value="PUT">
                                        

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">No Pembelian</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control" name="no_pembelian" placeholder="No Pembelian" readonly="" value="{{ $data->no_pembelian }}">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Tanggal Pembelian</label>
                                            <div class=" col-md-8">
                                                <input type="date" class="form-control" name="tgl_pembelian" value="{{ $data->tgl_pembelian}}">
                                                
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Pilih Supplier</label>
                                            <div class=" col-md-8">
                                                <select class="form-control select2" required="" name="kd_supplier">
                                                    <option>Pilih Supplier</option>
                                                    @foreach($suppliers as $supplier)
                                                    <option value="{{ $supplier->kd_supplier }}" @if($supplier->kd_supplier == $data->kd_supplier) selected @endif>{{ $supplier->nm_supplier }}</option>
                                                    @endforeach
                                                </select>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Keterangan</label>
                                            <div class=" col-md-8">
                                                <select class="form-control" required="" name="keterangan" readonly>
                                                    <option>Pilih Keterangan</option>
                                                    @foreach($metode as $metodes)
                                                    <option value="{{ $metodes->metode }}" @if($data->keterangan == $metodes->metode) selected @endif>{{ $metodes->metode }} - {{$metodes->keterangan}}</option>
                                                    @endforeach
                                                </select>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Total Harga</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control " name="total_harga" id="total_harga" readonly value="Rp. {{ number_format($totalBayar) }}" >
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Uang Bayar/DP</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control " name="dp" id="dp" min="0" value="{{ $data->dp }}" readonly>
                                                
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                
                                                <div class="col-md-12">
                                                    <div class="form-actions">
                                                        <button type="submit" class="btn btn-primary button-prevent">Bayar/Simpan</button>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        
                                        
                                    </div>

                                  
                                    
                                </div>
                            </div>
                        </div>
                    </div>    
                </div>
                

            </div>

        </form>
        
    </div>
</div>

<div class="row " id="list-harga" style="display: none;" data-harga="0">
    <div class="col-md-3">
        <div class="input-group ex-margin">
            <input type="text" class="form-control nama" placeholder="Pilih Barang" readonly>
            <span class="input-group-btn">
            <button class="btn btn-success pilih-barang " type="button" data-toggle="modal" data-target="#pilihBarang" data-id="list-harga"><i class="fa fa-plus"></i></button>
            <input type="hidden" name="id_harga_barang[]" class="kode">
            </span>
        </div>
        
    </div>

    <div class="col-md-2">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  name="jumlah[]" class="form-control jumlah" required="" min="0.1" value="1" onkeyup="get_total()" onchange="get_total()">
                
            </div>
        </div>
    </div>

    <div class="col-md-2">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  name="diskon[]" class="form-control diskon" required="" min="0" value="0">
                
            </div>
        </div>
    </div>

    <div class="col-md-2">
        <div class="form-group">
            
            <div class=" col-md-12">
                <strong class="harga">Rp.0</strong>
                
            </div>
        </div>
    </div>



    <div class="col-md-1">
        <div class="form-group">
            
            <div class=" col-md-12">
                <button type="button" data-id="list-harga-1" class="delete_row" >X</button>
                
            </div>
        </div>
    </div>
</div>


<div id="pilihBarang" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Barang</h4>
      </div>
      <div class="modal-body" >
        <div class="row">
            <div class="col-md-6">
            </div>
            <div class="col-md-6">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-6 control-label">Search:</label>
                        <div class=" col-md-6">
                            <input class="form-control search" type="text" placeholder="Search" name="s" value="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row" id="list-data">
            
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
<script type="text/javascript">
    var cur_id ="list-harga-1";
    var total_jumlah = 0;
    var total_harga = 0;
    get_total();
    function get_total() {
        var j = $(".jumlahnya");
        var h = $(".list-harga");
        total_jumlah = 0;
        total_harga = 0;
        for (var i = 0; i < h.length; i++) {

            total_jumlah += parseFloat($(".jumlahnya").eq(i).val());
            total_harga += parseFloat($(".jumlahnya").eq(i).val()) * parseFloat(h.eq(i).data('harga'));
        }
        $("#total_jumlah").html(parseFloat(total_jumlah));

        $("#total_harga").html("Rp."+total_harga);

        // $("#uang_bayar").attr('min',total_harga);

    }
    jQuery(document).ready(function ($) {

        $(document).on('click','.pilih-barang',function (e) {
            cur_id = $(this).data('id');
           
        });

        $(document).on('click','#add_row',function (e) {
            
            get_total();
        });

        
        $(document).on('click','.delete_row',function (e) {
             $("#"+$(this).data('id')).remove();
            
            get_total();
        });
        $(document).on('click','.terpilih',function (e) {
            $("#"+cur_id+" .kode").val($(this).data('kode'));
            $("#"+cur_id+" .nama").val($(this).data('nama'));
            $("#"+cur_id+" .diskon").val($(this).data('diskon'));
            // $("#"+cur_id+" .jumlah").attr('min',$(this).data('stok'));
            $("#"+cur_id+" .harga").html("Rp."+$(this).data('hargabeli'));
            $("#"+cur_id+" .delete_row").data("jumlah",$(this).data('stok'));
            $("#"+cur_id).data("harga",$(this).data('hargabeli'));
            
            
            get_total();
        });


        
        


        var ss = "";
        $(document).on('click', '.pagination a',function(event)
        {
            event.preventDefault();
  
            $('li').removeClass('active');
            $(this).parent('li').addClass('active');
  
            var myurl = $(this).attr('href');
            var page=$(this).attr('href').split('page=')[1];
            
            get_data_barang(ss,page);
            
        });

        $(document).on('keyup', '.search',function(event)
        {
            
            get_data_barang($(this).val(),1);
            
        });

        $(document).on('click','.pilih-barang',function (e) {
            get_data_barang(ss,1);
        });

        function get_data_barang(s,p) {
            ss = s;
            $.ajax({
                url: '{{ url("api/barang") }}?page='+p+'&s='+s,
                type: 'GET',
                
                success: function (data) {
                    $("#list-data").html(data);
                    // $(".search")[0].focus();
                }
            });
        }
    });
    
</script>
@endsection