@extends('order.apporder')
@section('title', 'Order Obat')
@section('breadcrumb', 'Order Obat')
@section('content')
<!-- content -->
<style type="text/css">

input[type=number]
{
  -moz-appearance: textfield;
}
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
</style>
<section class="content">
    <!-- Default box -->
    <div class="card card-danger">
    <div class="card-header">
        <h3 class="card-title">Order Obat</h3>
    </div>
    <div class="card-body">
        @if (Session::has('message'))
        <div class="alert alert-info alert-dismissible" id="success-alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-info"></i> Konfirmasi !</h4>
            {!! session('message') !!}
        </div>
        @endif
        <form action="{{ url('order/store') }}" method="post" onsubmit="return konfirm()">
        {{csrf_field()}}
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group col-md-12">
                            <label for="InputNoResep">No. Resep</label>
                            <input type="text" class="form-control form-control-sm" name="InputNoResep" id="InputNoResep" placeholder="Masukkan Nomor Resep" maxlength="50">
                        </div>
                        <div class="form-group col-md-12">
                            <label for="InputDokter">Nama Dokter</label>
                            <input type="text" class="form-control form-control-sm" name="InputDokter" id="InputDokter" placeholder="Masukkan Nama Dokter" required>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="form-group col-md-12">
                            <label for="InputPasien">Nama Pasien</label>
                            <input type="text" class="form-control form-control-sm" name="InputPasien" id="InputPasien" placeholder="Masukkan Nama Pasien" required>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="inputKeterangan">Keterangan</label>
                                    <textarea class="form-control form-control-sm" id="inputKeterangan" name="inputKeterangan" cols="30" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="form-group col-md-12" style="align-items: center;">
                            <button type="submit" class="btn btn-success" name="tbl-submit" id="tbl-submit"><i class="fa fa-save"></i> Submit</button>
                        </div>
                    </div>
                </div>
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-info-circle"></i> Informasi Obat</h3>
                    </div>
                    <div class="card-body">
                        <div class="card-body box-profile">
                            <div class="text-center">
                            <img class="profile-user-img"
                                src="{{asset('assets/AdminLTE/dist/img/logo_apotik_jpeg.jpg')}}"
                                alt="Gambar Obat" style="width: 200px; height: auto;">
                            </div>
                            <h3 class="profile-username text-center nama_obat"></h3>
                            <p class="text-mute text-center"></p>
                            <ul class="list-group list-group-unbordered mb-3">
                                <li class="list-group-item"><b>Jumlah Stok</b> <a class="float-right jumlah_stok">0</a></li>
                            </ul>
                        </div>  
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Deskripsi :</strong>
                                <address id="infoDeskripsi"></address>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Dosis :</strong>
                                <address id="infoDosis"></address>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Penggunaan :</strong>
                                <address id="infoPenggunaan"></address>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Cara Kerja :</strong>
                                <address id="infoCaraKerja"></address>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Efek Samping Kerja :</strong>
                                <address id="infoEfekSamping"></address>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row invoice-info">
                            <div class="col-sm-12 invoice-col">
                                <strong>Pemakaian :</strong>
                                <address id="infoPemakaian"></address>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card card-warning">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <!-- <div class="input-group" id="seacrhItem">
                                    <input type="text" class="form-control form-control-sm" name="inputSearch" id="inputSearch" placeholder="Masukkan Nama Obat" autocomplete="off">
                                    <div class="input-group-append" >
                                        <div class="input-group-text"><i class="fa fa-search"></i></div>
                                    </div>
                                </div> -->
                                <a class="nav-link" data-widget="navbar-search" href="#" role="button">
                                    <i class="fas fa-search"></i> Klik untuk pencarian obat
                                </a>
                                <div class="navbar-search-block">
                                    <div class="input-group input-group-sm">
                                        <input class="form-control form-control-navbar" type="search" name="inputSearch" id="inputSearch" placeholder="Search" aria-label="Search">
                                        <div class="input-group-append">
                                        <button class="btn btn-navbar" type="button">
                                            <i class="fas fa-search"></i>
                                        </button>
                                        <button class="btn btn-navbar" type="button" data-widget="navbar-search">
                                            <i class="fas fa-times"></i>
                                        </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dropdown-divider"></div>
                        <div class="row">
                            <div class="col-sm-12" style="overflow-y: auto; max-height: 100vh">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-vcenter" id="list_item" style="font-size: 13px">
                                        <tr>
                                            <th rowspan="2" class="text-center" style="width: 2%; vertical-align: bottom;">#</th>
                                            <th rowspan="2" style="vertical-align: bottom;">Nama Obat</th>
                                            <th colspan="3" class="text-center">Satuan</th>
                                            <th rowspan="2" class="text-right" style="width: 15%; vertical-align: bottom;" >Sub Total (Rp.)</th>
                                        </tr>
                                        <tr>
                                            <th class="text-center" style="width: 15%">Satuan</th>
                                            <th class="text-center" style="width: 15%">Qty</th>
                                            <th class="text-center" style="width: 15%">Harga Satuan</th>
                                        </tr>
                                        <tbody class="row_baru"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <label for="inputTotal" class="col-sm-6 col-form-label text-right">Total</label>
                                            <div class="col-sm-6">
                                                <input type="text" class="form-control angka" id="inputTotal" name="inputTotal" value="0" style="text-align: right; background-color: black; color: white;" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputTotal_DiskPersen" class="col-sm-6 col-form-label text-right">Diskon (%)</label>
                                            <div class="col-sm-2">
                                                <input type="text" class="form-control angka" id="inputTotal_DiskPersen" name="inputTotal_DiskPersen" value="0" style="text-align: right;" onblur="changeToNull(this)" onkeyup="hitDiskonTotalPersen(this)">
                                            </div>
                                            <label for="inputTotal_DiskRupiah" class="col-sm-1 col-form-label text-right">Rp.</label>
                                            <div class="col-sm-3">
                                                <input type="text" class="form-control angka" id="inputTotal_DiskRupiah" name="inputTotal_DiskRupiah" value="0" style="text-align: right;" onblur="changeToNull(this)" onkeyup="hitDiskonTotalNilai(this)">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-6 text-right">
                                                <div class="form-group clearfix">
                                                    <div class="icheck-success d-inline">
                                                        <input type="checkbox" id="checkPpnPersen" value="{{ $persen_ppn }}" onclick="getActivePpn(this)">
                                                        <label for="checkPpnPersen">Ppn (%)
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <input type="text" class="form-control angka" id="inputTotal_PpnPersen" name="inputTotal_PpnPersen" value="0" style="text-align: right;" readonly>
                                            </div>
                                            <label for="inputTotal_PpnRupiah" class="col-sm-1 col-form-label text-right">Rp.</label>
                                            <div class="col-sm-3">
                                                <input type="text" class="form-control angka" id="inputTotal_PpnRupiah" name="inputTotal_PpnRupiah" value="0" style="text-align: right;" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputTotalNet" class="col-sm-6 col-form-label text-right">Total Net</label>
                                            <div class="col-sm-6">
                                                <input type="text" class="form-control angka" id="inputTotalNet" name="inputTotalNet" value="0" style="text-align: right; background-color: black; color: white;" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
    </div>
    <!-- /.card-body -->
    </div>
    <!-- /.card -->
</section>
@include("order.js");
@endsection