@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Gadai</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="#">Gadai</a></li>
                        <li class="active">New</li>
                    </ol>
                </div>

                <form id="form">
                    <div class="col-xs-12 col-sm-6">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Data Gadai</h2>
                                <div class="clearfix"></div>
                            </div>                        

                            <div class="x_content">
                                <div class="form-group">
                                    <label>PLU *</label>
                                    <div class="input-group">
                                        <input class="form-control" type="text" name="plu" placeholder="PLU" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-primary">Cari</button>
                                        </span>
                                    </div>                                        
                                </div>

                                <div class="form-group">
                                    <label>Nomor Invoice</label>
                                    <p class="form-control-static">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Harga Pembelian</label>
                                    <p class="form-control-static">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Max Gadai</label>
                                    <p class="form-control-static">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Nama Barang</label>
                                    <p class="form-control-static">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Kode Barang</label>
                                    <p class="form-control-static">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Type Barang</label>
                                    <p class="form-control-static">-</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Data Customer</h2>
                                <div class="clearfix"></div>
                            </div>                        

                            <div class="x_content">
                                <div class="form-group">
                                    <label>Handphone</label>
                                    <div class="input-group">
                                        <input class="form-control input-handphone" type="text" name="handphone" placeholder="Nomor Handphone" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-primary btn-search-customer">Cari</button>
                                        </span>
                                    </div>     
                                </div>

                                <div class="form-group">
                                    <label>Kode Customer</label>
                                    <p class="form-control-static text-kodecustomer">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Nama</label>
                                    <p class="form-control-static text-namacustomer">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Email</label>
                                    <p class="form-control-static text-emailcustomer">-</p>
                                </div>

                                <div class="form-group">
                                    <label>NPWP</label>
                                    <p class="form-control-static text-npwp">-</p>
                                    <p class="form-control-static text-npwp-image">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Bank</label>
                                    <p class="form-control-static text-bankname">-</p>
                                    <p class="form-control-static text-banknumber">-</p>
                                    <p class="form-control-static text-banknama">-</p>
                                    <p class="form-control-static text-bankimage">-</p>
                                </div>

                                <div class="form-group">
                                    <label>Tanda Pengenal</label>
                                    <p class="form-control-static text-tandapengenaltype">-</p>
                                    <p class="form-control-static text-tandapengenalnumber">-</p>
                                    <p class="form-control-static text-tandapengenalimage">-</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Data Gadai</h2>
                                <div class="clearfix"></div>
                            </div>                        

                            <div class="x_content">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-4">Jangka Waktu :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <select class="form-control" name="jangka_waktu">
                                                <option value="1">1 Bulan</option>
                                                <option value="2">2 Bulan</option>
                                                <option value="3">3 Bulan</option>
                                                <option value="4">4 Bulan</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-4">Cara Pembayaran :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <select class="form-control" name="jangka_waktu">
                                                <option value="1">Bayar Full</option>
                                                <option value="2">Bayar 2 Mingguan</option>
                                                <option value="3">Bayar Bulanan</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-4">Pokok Pinjaman :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group">
                                                <div class="input-group-addon">Rp.</div>
                                                <input type="text" class="form-control" placeholder="Pokok Pinjaman">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-xs-12 col-sm-offset-4 col-sm-8"><div class="alert_placeholder"></div></div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-xs-12 col-sm-offset-4 col-sm-8">
                                            <button type="submit" class="btn btn-primary"><i class="fa-file-o" aria-hidden="true"></i> Preview</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" id="modal_preview" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Simulasi</h4>
            </div>
            
            <form id="form2" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Tanggal Transaksi :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">{{ strftime('%d %b %Y %R') }}</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Pokok Pinjaman :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Bunga :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Biaya Administrasi :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Biaya Asuransi :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Uang Yang Diterima :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Uang Yang Dikembalikan :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-4">Pembayaran Per Periode :</label>
                        <div class="col-xs-12 col-sm-8">
                            <p class="form-control-static">-</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-12 col-sm-offset-4 col-sm-8"><div class="alert_placeholder"></div></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                    <button type="submit" class="btn btn-primary">Simpan &amp; Generate Form</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@endsection

@section('scripts')
<script>
    var member_url = "{{ $member_url->url }}";
</script>
<script src="{{ url('/js/pos_gadai_new.min.js') }}"></script>
@endsection