@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">Proses Pesanan Cetak</h4>
                </div>
              
            </div>
            <div class="card-body">
                <div class="px-3">
                
                    <form class="form" action="{{url('produksiprosessave')}}" 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. 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 Bahan </h4>
                </div>
              
            </div>
            <div class="card-body px-3">
            <b>Daftar Pesanan</b>
                <div class="table-responsive">
                <table class="table table-bordered" style="font-size:13px;">
                    <thead>
                        <tr>
                            <th>Kode</th>
                            <th>Nama Pesanan</th>
                            <th>Ukuran</th>
                            <th>Jumlah</th>
                        </tr>
                    </thead>

                    <tbody>
                        
                            @foreach($detail as $row)
                                <tr>
                                    <td>{{$row->kode_barang}}</td>
                                    <td>{{$row->nama_barang}}</td>
                                    <td> @if($row->is_banner == 1)
                                         x  Meter
                                        @endif
                                        </td>
                                    <td>{{$row->qty}} {{$row->satuan}}</td>
                                    
                                </tr>
                            @endforeach
                        
                    </tbody>
                </table>
                </div>
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label>Bahan yang Digunakan</label>
                            <select name="item" id="item" class="form-control">
                                <option value="">--Pilih Item--</option>
                                @foreach($bahan as $bar)
                                    <option value="{{$bar->id}}">{{$bar->nama_bahan}} ({{$bar->kode_bahan}})</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-12">
                        <button type="button" class="btn btn-info btn-sm btn-block" id="additem">
                            <i class="icon-check"></i> Tambahkan
                        </button>
                    </div>   
                </div>

                <div id="tampilitem"></div>

                <div class="row">
                
                    <div class="col-lg-12">
                        <label for="total">TANGGAL PROSES</label>
                        <input type="date" class="form-control" name="tanggal" id="tanggal" required="required">
                    </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(){
        $('#item').select2();
        
        var idtrans = '{{$query->id_trans}}';
        $('#tampilitem').load('{{url("/produksigriditem")}}/'+idtrans);
       
        $('#additem').on('click',function(){
            var item = $('#item').val();
            var jumlah = $('#jumlah').val();
            var token = '{{csrf_token()}}'

            if(item == "") {
                alert('Pilih Item dahulu');
            } else if(jumlah == "") {
                alert('Masukkan Jumlah dahulu')
            } else {
                $.ajax({
                    url : '{{url("/produksiitemsave")}}',
                    type : 'POST',
                    data : 'idtrans='+idtrans+'&item='+item+'&jumlah='+jumlah+'&_token='+token,
                    success : function(result) {
                        $('#tampilitem').load('{{url("/produksigriditem")}}/'+idtrans);
                        
                    }
                });
            }
        });


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

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

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

@endsection