@extends('layouts.template')

@section('title')
Tambah Master Item Obat | SIMRS
@endsection

@section('pagetitle')
Tambah Master Item Obat
@endsection

@section('breadcumb')
<nav aria-label="breadcrumb" role="navigation" class="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Beranda</a></li>
        <li class="breadcrumb-item"><a href="#">Data Master</a></li>
        <li class="breadcrumb-item"><a href="#">Obat</a></li>
        <li class="breadcrumb-item"><a href="#">Item Obat</a></li>
        <li class="breadcrumb-item active" aria-current="page">Tambah Data Item Obat</li>
    </ol>
</nav>
@endsection

@section('content')

<style>
    .form-group label {
        margin-top: 20px;
    }

    .nav-tabs-wrapper #tabs li a {
        color: #ffffff;
    }
</style>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="card">
                <form method="#" action="#">
                    <div class="card-header">
                        <h4 class="card-title">
                            <strong>Form Tambah Master Item Obat</strong>
                        </h4>
                    </div>
                    <br>

                    <div class="card-content">
                        <div class="nav-tabs-navigation" style="background-color:rgb(102,97,91); border-radius:5px;">
                            <div class="nav-tabs-wrapper">
                                <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                                    <li class="active"><a href="#home" data-toggle="tab">Item Obat</a></li>
                                    <li><a href="#pricesettings" data-toggle="tab">Price Settings</a></li>
                                    <li><a href="#" data-toggle="tab">Allergy & Interaction</a></li>
                                    <li><a href="#" data-toggle="tab">Reorder</a></li>
                                    <li><a href="#" data-toggle="tab">Template Obat</a></li>
                                </ul>
                            </div>
                        </div>
                        <div id="my-tab-content" class="tab-content">
                            <div class="tab-pane active" id="home">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <label>Gambar Obat</label>
                                                    <input name="file1" type="file" class="dropify" data-height="220"
                                                        data-allowed-file-extensions="png" />
                                                </div>
                                                <div class="col-md-12">
                                                    <label>Status</label> &nbsp; <input type="checkbox"
                                                        class="switch-icon" checked>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label>Satuan</label>
                                            <select class="selectpicker black"
                                                data-style="btn form-control form-custom btn-block" title="-- Satuan --"
                                                data-size="7">
                                                <option value="id">dr. Test 123</option>
                                                <option value="pf">Pendaftaran</option>
                                                <option value="ks">Kasir</option>
                                            </select>
                                        </div>
                                        <div class="col-md-12">
                                            <label>Konversi</label>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control">
                                                </div>
                                                <div class="col-md-6">
                                                    <select class="selectpicker black"
                                                        data-style="btn form-control form-custom btn-block"
                                                        title="-- Satuan Konversi --" data-size="7">
                                                        <option value="id">PCS</option>
                                                        <option value="pf">BOX</option>
                                                        <option value="ks">BTL</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label>Narkotika</label>
                                                    <select class="selectpicker black"
                                                        data-style="btn form-control form-custom btn-block"
                                                        title="-- Narkotika --" data-size="7">
                                                        <option value="id">dr. Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <label>Kelas Pengobatan</label>
                                                    <select class="selectpicker black"
                                                        data-style="btn form-control form-custom btn-block"
                                                        title="-- Kelas Pengobatan --" data-size="7">
                                                        <option value="id">dr. Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label>Kategori Kehamilan</label>
                                                    <select class="selectpicker black"
                                                        data-style="btn form-control form-custom btn-block"
                                                        title="-- Kategori Kehamilan --" data-size="7">
                                                        <option value="id">dr. Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <label>Possible Subsitution</label>
                                                    <select multiple title="-- Possible Subsitution --"
                                                        class="selectpicker"
                                                        data-style="btn form-control form-custom btn-block"
                                                        data-size="7">
                                                        <option value="id">Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <label>Charge Group</label>
                                            <select class="selectpicker black"
                                                data-style="btn form-control form-custom btn-block"
                                                title="-- Charge Group --" data-size="7">
                                                <option value="id">dr. Test 123</option>
                                                <option value="pf">Pendaftaran</option>
                                                <option value="ks">Kasir</option>
                                            </select>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label>ATC Classification</label>
                                                    <select class="selectpicker black"
                                                        data-style="btn form-control form-custom btn-block"
                                                        title="-- ATC Classification --" data-size="7">
                                                        <option value="id">dr. Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <label>Supplier</label>
                                                    <select multiple title="-- Supplier --" class="selectpicker"
                                                        data-style="btn form-control form-custom btn-block"
                                                        data-size="7">
                                                        <option value="id">Test 123</option>
                                                        <option value="pf">Pendaftaran</option>
                                                        <option value="ks">Kasir</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="pricesettings">
                                <div class="row">
                                    <div class="col-md-12">
                                        <form action="">
                                            <table>
                                                <!-- <tr>
                                                <td>
                                                    <div class="checkbox">
                                                        <input class="checkbox" id="checkbox" type="checkbox"
                                                            onclick="toggle(this);">
                                                        <label for="checkbox">
                                                            <strong>Pilih Semua</strong>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td style="vertical-align:middle;">
                                                </td>
                                            </tr> -->
                                                <tr>
                                                    <td>
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox1" type="checkbox">
                                                            <label for="checkbox1">
                                                                Umum
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input1" value="0">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox2" type="checkbox">
                                                            <label for="checkbox1">
                                                                BPJS
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input2" value="0">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width:50%;">
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox3" type="checkbox">
                                                            <label for="checkbox1">
                                                                BPJS Ketenagakerjaan
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="width:50%; vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input3" value="0">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox4" type="checkbox">
                                                            <label for="checkbox1">
                                                                INHEALTH
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input4" value="0">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox5" type="checkbox">
                                                            <label for="checkbox1">
                                                                JAMPERSAL
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input5" value="0">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="checkbox">
                                                            <input class="checkbox" id="checkbox6" type="checkbox">
                                                            <label for="checkbox1">
                                                                RTK
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <!-- <td style="vertical-align:middle;">Umum &nbsp;</td> -->
                                                    <td style="vertical-align:middle;"><input type="text"
                                                            class="form-control text-right" id="input6" value="0">
                                                    </td>
                                                </tr>
                                            </table>
                                        </form>
                                    </div>
                                </div>

                                <div style="display: flex; justify-content: flex-end">
                                    <button type="cancel" class="btn btn-fill btn-danger">Cancel</button>
                                    <button type="submit" class="btn btn-fill btn-info">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div> <!-- end card -->
        </div> <!--  end col-md-6  -->
    </div>
</div>
<script>
    $('.dropify').dropify();
</script>
@endsection