@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">Ubah Pesanan Cetak</h4>
                </div>
              
            </div>
            <div class="card-body">
                <div class="px-3">
                
                    <form class="form" action="{{url('orderupdate')}}" method="post" id="frmadmin" name="frmadmin">
                        {{csrf_field()}}
                        <input type="hidden" name="id" value="">
                        <div class="form-body">

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

                            <div class="form-group">
                                <label for="alamat">Tanggal <br>
                                <b>{{date('d/m/Y')}}</b></label>
                            </div>
                            <div class="form-group">
                                <label for="pelanggan">Nama Pelanggan</label>
                                <input type="text" id="pelanggan" class="form-control round" name="pelanggan" required autofocus value="" readonly>
                            </div>
                            <div class="form-group">
                                <label for="alamat">Alamat</label>
                                <textarea name="alamat" id="alamat" class="form-control round" rows="3" readonly></textarea>
                            </div>
                            <div class="form-group">
                                <label for="kontak">No. Telp</label>
                                <input type="text" id="kontak" class="form-control round" name="kontak" required value="" readonly>
                            </div>
                            <div class="form-group">
                                <label for="email">Email</label>
                                <input type="email" id="email" class="form-control round" name="email"  readonly value="">
                            </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 Pesanan </h4>
                </div>
              
            </div>
            <div class="card-body px-3">
            <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label>Item Barang</label>
                            <select name="item" id="item" class="form-control">
                                <option value="">--Pilih Item--</option>
                                @foreach($barang as $bar)
                                    <option value="{{$bar->id}}">{{$bar->nama_barang}} ({{$bar->kode_barang}})</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label>Jumlah</label>
                            <input type="text" id="jumlah" class="form-control" name="jumlah">  
                        </div>
                    </div>

                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label>Produk Banner?</label>
                            <select name="isbanner" id="isbanner" class="form-control">
                                <option value="0">Tidak</option>
                                <option value="1">Ya</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label>Jumlah</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" id="panjang" class="form-control" name="panjang" placeholder="Panjang"> 
                                </div>
                                <div class="col-md-6">
                                    <input type="text" id="lebar" class="form-control" name="lebar" placeholder="Lebar"> 
                                </div>
                            </div> 
                        </div>
                    </div>

                    
                </div>
                <div id="tampilitem"></div>
                <hr>
                <div class="row">
                    <div class="col-lg-6">
                        <label for="total">TOTAL PESANAN</label>
                        <input type="text" id="total" class="form-control" name="total" readonly style="font-size:22px; color:red;" value="0">
                    </div>

                    <div class="col-lg-6">
                        <label for="uangmuka">UANGMUKA</label>
                        <input type="text" id="uangmuka" class="form-control" name="uangmuka" style="font-size:22px; color:red;" value="">
                    </div>
                </div>
                <div class="row">
                
                    <div class="col-lg-12">
                        <label for="total">KETERANGAN</label>
                        <textarea name="keterangan" id="keterangan" class="form-control"></textarea>
                    </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">
                    <i class="icon-note"></i> Simpan Data
                </button>
            </div>
        </div>
    </div>        
</div>    

</form>

<script>
    $(function(){

        $('#item').select2();
        
        var idtrans = '{{$query->id_trans}}';
        $('#tampilitem').load('{{url("/ordergriditem")}}/'+idtrans);
        $.get('{{url("/ordertotalharga")}}/'+idtrans,function(result){
            $('#total').val(result.total);
        });
       
        $('#additem').on('click',function(){
            var item = $('#item').val();
            var jumlah = $('#jumlah').val();
            var isbanner = $('#isbanner').val();
            var panjang = $('#panjang').val();
            var lebar = $('#lebar').val();
            var token = '{{csrf_token()}}'

            if(item == "") {
                alert('Pilih Item dahulu');
            } else if(jumlah == "") {
                alert('Masukkan Jumlah dahulu')
            } else {
                $.ajax({
                    url : '{{url("/orderitemsave")}}',
                    type : 'POST',
                    data : 'idtrans='+idtrans+'&item='+item+'&jumlah='+jumlah+'&isbanner='+isbanner+'&panjang='+panjang+'&lebar='+lebar+'&_token='+token,
                    success : function(result) {
                        $('#tampilitem').load('{{url("/ordergriditem")}}/'+idtrans);
                        $.get('{{url("/ordertotalharga")}}/'+idtrans,function(result){
                            $('#total').val(result.total);
                        });
                    }
                });
            }
        });


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

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

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

@endsection