@extends('layouts.website.website')
@section('content')
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <section class="panel">
            <header class="panel-heading">
                Medicine  Alert Stock List                <div class="col-md-4 no-print pull-right">
                    <a data-toggle="modal" href="#myModal">
                        <div class="btn-group pull-right">
                            <button id="" class="btn green btn-xs">
                                <i class="fa fa-plus-circle"></i> Add Medicine                            </button>
                        </div>
                    </a>
                </div>

            </header>

            <style>

                .editable-table .search_form{
                    border: 0px solid #ccc !important;
                    padding: 0px !important;
                    background: none !important;
                    float: right;
                    margin-right: 14px !important;
                }


                .editable-table .search_form input{
                    padding: 6px !important;
                    width: 250px !important;
                    background: #fff !important;
                    border-radius: none !important;
                }

                .editable-table .search_row{
                    margin-bottom: 20px !important;
                }

                .panel-body {
                    padding: 15px 0px 15px 0px;
                    background: transparent;
                }

            </style>
            <div class="panel-body">
                <div class="adv-table editable-table ">
                    <div class="space15">



                    </div>
                    <div id="editable-sample_wrapper" class="dataTables_wrapper no-footer"><div class="row"><div class="col-sm-3"><div class="dataTables_length" id="editable-sample_length"><label><select name="editable-sample_length" aria-controls="editable-sample" class=""><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option><option value="-1">All</option></select></label></div></div><div class="col-sm-5 text-center"><div class="dt-buttons">          <a class="dt-button buttons-copy buttons-html5" tabindex="0" aria-controls="editable-sample" href="#"><span>Copy</span></a> <a class="dt-button buttons-excel buttons-html5" tabindex="0" aria-controls="editable-sample" href="#"><span>Excel</span></a> <a class="dt-button buttons-csv buttons-html5" tabindex="0" aria-controls="editable-sample" href="#"><span>CSV</span></a> <a class="dt-button buttons-pdf buttons-html5" tabindex="0" aria-controls="editable-sample" href="#"><span>PDF</span></a> <a class="dt-button buttons-print" tabindex="0" aria-controls="editable-sample" href="#"><span>Print</span></a> </div></div><div class="col-sm-4"><div id="editable-sample_filter" class="dataTables_filter"><label><input type="search" class="" placeholder="Search..." aria-controls="editable-sample"></label></div></div></div><div class="row"><div class="col-sm-12"><table class="table table-striped table-hover table-bordered dataTable no-footer dtr-inline" id="editable-sample" role="grid" aria-describedby="editable-sample_info" style="width: 981px;">
                        <thead>
                            <tr role="row"><th class="sorting_desc" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 13px;" aria-sort="descending" aria-label=" Id: activate to sort column ascending"> Id</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 39px;" aria-label=" Name: activate to sort column ascending"> Name</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 77px;" aria-label=" Category: activate to sort column ascending"> Category</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 55px;" aria-label=" Store Box: activate to sort column ascending"> Store Box</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 85px;" aria-label=" Purchase Price: activate to sort column ascending"> Purchase Price</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 55px;" aria-label=" Sale Price: activate to sort column ascending"> Sale Price</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 58px;" aria-label=" Quantity: activate to sort column ascending"> Quantity</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 82px;" aria-label=" Generic Name: activate to sort column ascending"> Generic Name</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 62px;" aria-label=" Company: activate to sort column ascending"> Company</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 44px;" aria-label=" Effects: activate to sort column ascending"> Effects</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 59px;" aria-label=" Expire date: activate to sort column ascending"> Expire date</th><th class="sorting" tabindex="0" aria-controls="editable-sample" rowspan="1" colspan="1" style="width: 112px;" aria-label=" Options: activate to sort column ascending"> Options</th></tr>
                        </thead>
                        <tbody>




                                                <tr class="odd" role="row">
                                <td class="medici_name sorting_1 dtr-control">1</td>
                                <td class="medici_name">Fati</td>
                                <td> paracetamol</td>
                                <td> 5</td>
                                <td>$ 300</td>
                                <td>$ 350</td>
                                <td> <p class="os">Stock Out</p>                                    <button type="button" class="btn btn-info btn-xs btn_width load" data-toggle="modal" data-id="2877"> Load</button>
                                </td>
                                <td class="center">paracetamol</td>
                                <td>xyz</td>
                                <td>dizzy</td>
                                <td> 01-01-2021</td>
                                <td>
                                    <button type="button" class="btn btn-info btn-xs btn_width editbutton" data-toggle="modal" data-id="2877"><i class="fa fa-edit"></i>  Edit</button>
                                    <a class="btn btn-info btn-xs btn_width delete_button" href="medicine/delete?id=2877" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash-o"> </i> Delete</a>
                                </td>
                            </tr></tbody>
                    </table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="editable-sample_info" role="status" aria-live="polite">Showing 1 to 1 of 1 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="editable-sample_paginate"><a class="paginate_button previous disabled" aria-controls="editable-sample" data-dt-idx="0" tabindex="0" id="editable-sample_previous">Previous</a><span><a class="paginate_button current" aria-controls="editable-sample" data-dt-idx="1" tabindex="0">1</a></span><a class="paginate_button next disabled" aria-controls="editable-sample" data-dt-idx="2" tabindex="0" id="editable-sample_next">Next</a></div></div></div></div>


                    <!--

                            <div class="row">
                                <div class="col-lg-6"><div class="dataTables_paginate paging_bootstrap pagination"><ul>
                                            <li class="next disabled"><a href="medicine/medicineStockAlertByPageNumber?page_number="><-- Prev</a>
                                            </li>

                                                                                    <li class="active"><a href="medicine/medicineStockAlertByPageNumber?page_number=1">1</a></li>
                                                                                            <li class="active"><a href="medicine/medicineStockAlertByPageNumber?page_number=2">2</a></li>
                                                                                            <li class="active"><a href="medicine/medicineStockAlertByPageNumber?page_number=3">3</a></li>
                                                                                            <li class="active"><a href="medicine/medicineStockAlertByPageNumber?page_number=4">4</a></li>
                                                                                            <li class="active"><a href="medicine/medicineStockAlertByPageNumber?page_number=5">5</a></li>
                                                                            <li class="next disabled"><a href="medicine/medicineStockAlertByPageNumber?page_number=1">Next → </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                    -->

                </div>
            </div>
        </section>
        <!-- page end-->
    </section>
</section>
@endsection
