@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) }}">Tambah Data {{ $title }}</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                </div>
            </div>
        </div>
        <form class="form-horizontal" method="post" action="{{ url($url) }}" 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
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Gambar Barang</label>
                                            <div class=" col-md-8">
                                                <input type="file" class="form-control" name="gambar_barang" placeholder="Gambar Barang" onchange="checkFile(event,['jpg','jpeg','png'])">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Nama Barang</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control" name="nm_barang" placeholder="Nama Barang" required maxlength="100">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Barcode</label>
                                            <div class=" col-md-8">
                                                <input type="text" class="form-control" name="barcode" placeholder="Barcode" value="{{ ++$bar }}">
                                                
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Kategori</label>
                                            <div class=" col-md-8">
                                                <select class="form-control select2" required="" name="kd_kategori" required>
                                                    <option value="">Pilih Kategori</option>
                                                    @foreach($kategoris as $kategori)
                                                    <option value="{{ $kategori->kd_kategori }}">{{ $kategori->nm_kategori }}</option>
                                                    @endforeach
                                                </select>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Rak</label>
                                            <div class=" col-md-8">
                                                <select class="form-control select2" required="" name="kd_rak" required>
                                                    <option value="">Pilih Rak</option>
                                                    @foreach($raks as $rak)
                                                    <option value="{{ $rak->kd_rak }}">{{ $rak->kd_rak }}</option>
                                                    @endforeach
                                                </select>
                                                
                                            </div>
                                        </div>

                                        
                                        
                                    </div>

                                    <div class="col-md-6">
                                        
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Satuan Stok</label>
                                            <div class=" col-md-8">
                                                <select class="form-control select2" name="kd_satuan_stok" required>
                                                    <option value="">Pilih Satuan Stok</option>
                                                    @foreach($satuans as $satuan)
                                                    <option value="{{ $satuan->kd_satuan }}">{{ $satuan->nm_satuan }}</option>
                                                    @endforeach
                                                </select>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Stok</label>
                                            <div class=" col-md-8">
                                                <input type="number" step="1"  class="form-control" name="stok" placeholder="Stok" min="=0" value="0">
                                                
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Stok Opname</label>
                                            <div class=" col-md-8">
                                                <input type="text" hidd step="1"  class="form-control" name="stok_opname" placeholder="Stok Opname" min="=0" value="0">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Stok Minimal</label>
                                            <div class=" col-md-8">
                                                <input type="text" step="1"  class="form-control" name="stok_minimal" placeholder="Stok Minimal" min="=0" value="0">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Stok Maksimal</label>
                                            <div class=" col-md-8">
                                                <input type="text" step="1"  class="form-control" name="stok_maksimal" placeholder="Stok Maksimal" min="=0" value="0">
                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-4 control-label">Deskripsi barang</label>
                                            <div class=" col-md-8">
                                                <textarea name="desk" class="form-control" cols="30" rows="5"></textarea>
                                                
                                            </div>
                                        </div>

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

            </div>
            <style type="text/css">
            .list-harga input,.list-harga select {
                font-size: 12px;
            }
        </style>
        <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-bars"></i></span>
                        <h4 class="widget-collapse waves-effect w-collapse">Petunjuk (klik Untuk Membuka Petunjuk Pengisian Harga Barang)</h4>
                        <ul class="widget-action-bar pull-right">
                            <li><span class="widget-collapse waves-effect w-collapse"><i class="fa fa-angle-down"></i></span>
                            </li>
                            
                        </ul>
                    </div>
                    <div class="widget-container bg-danger" style="display: none;">
                        <div class="widget-block">
                            <p><strong>Satuan Beli</strong> = satuan yang akan di gunakan saaat pembelian</p>
                            <p><strong>Jumlah per satuan beli</strong> = jumlah stok yang akan di tambah setiap pembelian dengan satuan beli yang di pilih (contoh : menambah 21 Pcs ke stok barang jika membeli 1 Lusin)</p>
                            <p><strong>Harga Beli</strong> = Harga beli per satuan barang di pembelian</p>    
                            <p><strong>Minimal Penjualan</strong> = minimal jumlah penjualan untuk harga jual (contoh : 1 barang = 1000,5 barang = 4500,dll)</p>
                            <p><strong>Jumlah per satuan jual</strong> = jumlah stok yang akan di kurang setiap penhualan barang dengan satuan jual yang di pilih (contoh : mengurang 21 Pcs dari stok barang jika menjual 1 Lusin</p>
                            <p><strong>Harga Jual</strong> = Harga jual per satuan barang di penjualan (contoh : 1 barang = 1000,5 barang = 4500,dll)</p>
                            <p><strong>Diskon</strong> = diskon harga jual dalam persen</p>
                        </div>
                    </div>
                </div>
                <div class="box-widget widget-module">
                    <div class="widget-head clearfix">
                        <span class="h-icon"><i class="fa fa-table"></i></span>
                        <h4>Data Harga {{ $title }} <!-- <label class="label label-info">satuan di stok barang yang di simpan mengikuti satuan jual barang</label> --></h4>
                        
                    </div>
                    <div class="widget-container">
                        <div class="widget-block">
                            <div id="list-contain">
                                
                                <div class="row" style="font-size: 12px;">
                                    <div class="col-md-1">
                                        <label>Satuan Beli</label>
                                    </div>
                                    <div class="col-md-1">
                                        <label title="Jumlah per satuan yang akan di tambah ke stok barang saat pembelian">Jumlah per satuan beli</label>
                                    </div>

                                    <div class="col-md-2">
                                        <label>Harga Beli</label>
                                    </div>

                                    
                                    <div class="col-md-1">
                                        <label>Satuan Jual</label>
                                    </div>

                                    <div class="col-md-1">
                                        <label>Minimal Penjualan</label>
                                    </div>

                                    <div class="col-md-1">
                                        <label title="Jumlah per satuan yang akan di kurang ke stok barang saat penjualan">Jumlah per satuan jual</label>
                                    </div>

                                    <div class="col-md-2">
                                        <label>Harga Jual</label>
                                    </div>

                                    <div class="col-md-2">
                                        <label>Diskon (Rp)</label>
                                    </div>
                                </div>
                                

                                <div class="row list-harga" id="list-harga-1">
                                    <div class="col-md-1">
                                        <div class="form-group">
                                            <select   name="kd_satuan_beli[]" required class="col-md-10" style="padding: 0;">
                                                <option value="">Pilih Satuan Beli</option>
                                                @foreach($satuans as $satuan)
                                                <option value="{{ $satuan->kd_satuan }}">{{ $satuan->nm_satuan }}</option>
                                                @endforeach
                                            </select>
                                            
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            
                                            <div class=" col-md-12">
                                                <input type="number" step="1"  class="form-control" name="jumlah_persatuan_beli[]" placeholder="Jumlah Per-satuan beli" value="0" required>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    

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

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            
                                            <select required=""  name="kd_satuan_jual[]" required class="col-md-10" style="padding: 0;">
                                                <option value="">Pilih Satuan Jual</option>
                                                @foreach($satuans as $satuan)
                                                <option value="{{ $satuan->kd_satuan }}">{{ $satuan->nm_satuan }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            
                                            <div class=" col-md-12">
                                                <input type="number" step="1"  class="form-control" name="beli_isi[]" placeholder="Minimal Penjualan" value="0" required>
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            
                                            <div class=" col-md-12">
                                                <input type="number" step="1"  class="form-control" name="jumlah_persatuan_jual[]" placeholder="Jumlah Per-satuan jual" value="0" required>
                                                
                                            </div>
                                        </div>
                                    </div>

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

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            
                                            <div class=" col-md-12">
                                                <input type="number" step="1"  class="form-control" name="diskon[]" placeholder="Disc" required min="0" value="0">
                                                
                                            </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>

                            <div class="row">
                                
                                <div class="col-md-2">
                                    <div class="form-group">
                                        
                                        <div class="col-md-12">
                                            <div class="form-actions">
                                                <button type="button" class="btn btn-default" id="add_row">Add List</button>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                
                                <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">Tambah</button>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

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

<div class="row " id="list-harga" style="display: none;">
    <div class="col-md-1">
        <div class="form-group">
            <select   name="kd_satuan_beli[]" required class="col-md-10" style="padding: 0;">
                <option value="">Pilih Satuan Beli</option>
                @foreach($satuans as $satuan)
                <option value="{{ $satuan->kd_satuan }}">{{ $satuan->nm_satuan }}</option>
                @endforeach
            </select>
            
        </div>
    </div>

    <div class="col-md-1">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  class="form-control" name="jumlah_persatuan_beli[]" placeholder="Jumlah Per-satuan beli" value="0" required>
                
            </div>
        </div>
    </div>
    

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

    <div class="col-md-1">
        <div class="form-group">
            
            <select required=""  name="kd_satuan_jual[]" required class="col-md-10" style="padding: 0;">
                <option value="">Pilih Satuan Jual</option>
                @foreach($satuans as $satuan)
                <option value="{{ $satuan->kd_satuan }}">{{ $satuan->nm_satuan }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-md-1">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  class="form-control" name="beli_isi[]" placeholder="Minimal Penjualan" value="0" required>
                
            </div>
        </div>
    </div>

    <div class="col-md-1">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  class="form-control" name="jumlah_persatuan_jual[]" placeholder="Jumlah Per-satuan jual" value="0" required>
                
            </div>
        </div>
    </div>

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

    <div class="col-md-1">
        <div class="form-group">
            
            <div class=" col-md-12">
                <input type="number" step="1"  class="form-control" name="diskon[]" placeholder="Disc" required min="0" value="0">
                
            </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>
@endsection