<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Sistem Klinik
            <small>Rekam Medis</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Klinik</a></li>
            <li class="active">Dashboard</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="box">
            <div class="box-header with-border">
            <div class="box-tools pull-right">
        
            </div>
            <div class="box-body">
                <div class="table-responsive">
                <form action="<?= base_url('kasir/search'); ?>" method="get">
                <table border="0" class="table table-bordered table-striped dataTable dtr-inline">
                    <tr>
                        <td colspan="3">
                            <div class="input-group col-md-12">
                            <select name="jenis" style="margin-bottom: 5px;" class="form-control" onchange="DisableMenu()" id="status" required>
                            <option value="1">Case ID</option>
                            <option value="2">No Mr</option>
                            <option value="3">Nama</option>
                            </select>
                            </div>
                        </td>
                        <td colspan="3">
                            <div class="input-group col-md-12">
                                <input type="text" class="form-control" name="cari" value="" id="" placeholder="Search By">
                                <span class="input-group-btn">
                                <button style="width: 100%; border-radius: 0px;" type="submit" class="btn btn btn-primary bg-green-gradient"><i class="fa fa-fw fa-search"></i> Cari</button>
                                </span>
                            </div>
                        </td>
                    </tr>
                </form>
                            <tr>
                                <td>No.MR</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>

                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;No.Reg</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Nama</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>

                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;UserName</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Category</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>

                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Intake Date</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Close Date</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>

                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Penjamin</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Payment</td>
                                <td colspan="2"><input type="text" class="form-control" name="" id="" placeholder="Payment"></td>
                                <td>Treatment & Drug</td>
                                <td colspan="2"><input type="text" class="form-control" name="" id="" placeholder="Treatment & Drug"></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <br>
                <div class="col-lg-5">
                <div class="info-box mb-3 bg-black color-palette">
                    <span class="info-box-icon bg-success elevation-1"><i class="fa fa-usd"></i></span>
                    <div class="info-box-content bg-black color-palette">
                    <h1 class="display-4 text-right text-yellow"><b>Rp. 1.500.000,</b></h1>
                    </div>
                </div>
            <div class="col-lg-7">
            <div class="info-box mb-3 bg-warning color-palette">
                <span class="info-box-icon"><i class="fa fa-fw fa-edit text-blue"></i></span>
                <div class="info-box-content">
                <h1 class="display-4 text-right text-red"><b>CLOSED</b></h1>
            </div>
            </div>
            <br>
                </div>
            </div>

            <div class="col-md-6">
                <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">Category</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                <table id="example1" class="table table-bordered table-hover table-striped">
                    <th>Treatment</th>
                    <th>Category</th>
                    <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                 </table>
                </div>
                </div>
                </div>

                <div class="col-md-6">
                <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">Payment</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                <table id="example1" class="table table-bordered table-hover table-striped">
                    <th>Payment Date</th>
                    <th>Invoice ID</th>
                    <th>Type</th>
                    <th>Total</th>
                    <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                 </table>
                </div>
                </div>
                </div>

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