@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>
        <form class="form-horizontal form-prevent" method="post" action="{{ url($url.'/'.$data->no_penjualan) }}" enctype="multipart/form-data">
            <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 Penjualan</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control" name="no_penjualan" placeholder="No Penjualan" readonly="" value="{{ $data->no_penjualan }}">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Tanggal Penjualan</label>
                                            <div class=" col-md-8">
                                                <input type="text" readonly class="form-control" name="tgl_penjualan" value="{{ $data->tgl_penjualan }}">
                                                
                                            </div>
                                        </div>

                                        @if($data->foto_path)
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Bukti Pembayaran</label>
                                            <div class="col-md-8">
                                                <img src="{{ url('images/bukti_pembayaran/'.$data->foto_path) }}" style="max-width: 100%;">
                                            </div>
                                        </div>
                                        @endif

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Bukti Pembayaran</label>
                                            <div class=" col-md-8">
                                                <input type="file" class="form-control" onchange="checkFile(event,['jpg','jpeg','png'])" name="bukti_pembayaran" placeholder="Bukti Pembayaran">
                                                
                                            </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">Edit</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" min="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();
    bayar();

    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);

    }

    function bayar() {
        $("#kembalian").val($("#uang_bayar").val() - 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('max',$(this).data('stok'));
            $("#"+cur_id+" .harga").html("Rp."+$(this).data('harga'));
            $("#"+cur_id+" .delete_row").data("jumlah",$(this).data('stok'));
            $("#"+cur_id).data("harga",$(this).data('harga'));
            
            
            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