@extends('layoututama')
@section('content')
<div class="row match-height">
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <div class="card-title-wrap bar-info">
                    <h4 class="card-title" id="basic-layout-round-controls">{{$judulmodul}}</h4>
                </div>
              
            </div>
            <div class="card-body">
                <div class="px-3">
                
                    <form class="form" action="{{url('pembelianupdate')}}" method="post" id="frmadmin" name="frmadmin">
                        {{csrf_field()}}
                        <input type="hidden" name="id" value="">
                        <input type="hidden" name="idtrans" value="">
                        <div class="form-body">

                            <div class="form-group">
                                <label for="alamat">ID.Beli<br>
                                <b>{{$query->id_beli}}</b></label>
                            </div>

                            <div class="form-group">
                                <label for="alamat">Tanggal <span class="text-danger">*)</span><br></label>
                                <input type="date" id="tanggal" class="form-control round" name="tanggal" required autofocus value="{{$query->tanggal}}">
                            </div>
                            <div class="form-group">
                                <label for="pelanggan">No. Faktur<span class="text-danger">*)</span></label>
                                <input type="text" id="faktur" class="form-control round" name="faktur" required autofocus value="{{$query->no_faktur}}">
                            </div>
                            <div class="form-group">
                                <label for="alamat">Supplier<span class="text-danger">*)</span></label>
                                <select name="supplier" id="supplier" class="form-control" required>
                                    <option value="">--Pilih Supplier--</option>
                                    @foreach($supplier as $sup)
                                                                           <option value="{{$sup->id}}" {{$sel}}>{{$sup->nama_supplier}}</option>                 
                                    @endforeach
                                </select>
                            </div>
                            
                        </div>

                    
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <div class="card-title-wrap bar-info">
                    <h4 class="card-title" id="basic-layout-round-controls">Detail Pembelian</h4>
                </div>
              
            </div>
            <div class="card-body px-3" style="overflow:auto;">
                <table class="table table-striped">
                    <tr>
                        <td>
                            Nama Item<br>
                            <select name="item" id="item" class="form-control">
                                <option value="">--Pilih Item--</option>
                                @foreach($barang as $bar)
                                    <option value="{{$bar->id}}">{{$bar->nama_bahan}} ({{$bar->kode_bahan}})</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            Jumlah Beli<br>
                            <input type="text" id="jumlah" class="form-control" name="jumlah">                            
                        </td>
                        

                    </tr>

                    <tr>
                        <td>
                            Harga Satuan<br>
                            <input type="number" id="harga" class="form-control" name="harga" placeholder="Harga Satuan">
                        </td>
                        <td>
                            Diskon (%)
                            <input type="text" id="diskon" class="form-control" name="diskon" placeholder="Diskon">                      
                        </td>
                        

                    </tr>
                    <tr>
                        <th colspan="4">
                        <button type="button" class="btn btn-info btn-sm btn-block" id="additem">
                            <i class="icon-check"></i> Tambahkan
                        </button>
                        </th>
                    </tr>
                </table>
                <span id="tampilitem"></span>
                <hr>
                <div class="row">
                    <div class="col-lg-6">
                        <label for="total">TOTAL PEMBELIAN</label>
                        <input type="text" id="total" class="form-control" name="total" readonly style="font-size:22px; color:red;" value="0"  value="{{$query->total}}">
                    </div>

                    <div class="col-lg-6">
                        <label for="keterangan">KETERANGAN</label>
                        <input type="text" id="keterangan" class="form-control" name="keterangan" value="{{$query->keterangan}}">
                    </div>
                </div>
            </div>

            <div class="form-actions px-3 mt-1">
                <button type="button" class="btn btn-danger mr-1" id="batal">
                    <i class="icon-trash"></i> Cancel
                </button>
                <button type="button" class="btn btn-success" id="simpan">
                    <i class="icon-note"></i> Simpan Data
                </button>
            </div>
        </div>
    </div>        
</div>    

</form>

<script>
    $(function(){
        var idtrans = '{{$query->id_beli}}';
        $('#tampilitem').load('{{url("/pembeliangriditem")}}/'+idtrans);
        $.get('{{url("/pembeliantotalharga")}}/'+idtrans,function(result){
            $('#total').val(result.total);
        });
       
        $('#additem').on('click',function(){
            var item = $('#item').val();
            var jumlah = $('#jumlah').val();
            var harga = $('#harga').val();
            var diskon = $('#diskon').val();
            var token = '{{csrf_token()}}'

            if(item == "") {
                alert('Pilih Item dahulu');
            } else if(jumlah == "") {
                alert('Masukkan Jumlah dahulu')
            } else {
                $.ajax({
                    url : '{{url("/pembelianitemsave")}}',
                    type : 'POST',
                    data : 'idtrans='+idtrans+'&item='+item+'&jumlah='+jumlah+'&harga='+harga+'&diskon='+diskon+'&_token='+token,
                    success : function(result) {
                        $('#tampilitem').load('{{url("/pembeliangriditem")}}/'+idtrans);
                        $.get('{{url("/pembeliantotalharga")}}/'+idtrans,function(result){
                            $('#total').val(result.total);
                        });

                        $('#item').val('');
                        $('#jumlah').val('');
                        $('#harga').val('');
                        $('#diskon').val('');
                    }
                });
            }
        });


        $('#simpan').on('click', function(){
            $('#frmadmin').submit();
        });

        $('#batal').on('click', function(){
            window.location.href="{{url('/pembeliandaftar')}}";
        });
    });

    function hapus(id) {
        $(function(){
            var idtrans = '{{$query->id_trans}}';
            var tanya = confirm('Apakah yakin akan menghapus data ini?');
            if(tanya) {
                $.ajax({
                    url : '{{url("beligriddelete")}}/'+id,
                    success : function(result) {
                        $('#tampilitem').load('{{url("/pembeliangriditem")}}/'+idtrans);
                        $.get('{{url("/pembeliantotalharga")}}/'+idtrans,function(result){
                            $('#total').val(result.total);
                        });
                    }
                });
            }
        });
    }
</script>

@endsection