@extends('layouts.app')

@section('content')

<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">

        <div class="breadcrumbs">
            <ul>

                <li><a  href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="#">Product Expiry List</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;">Product Expiry List</h2>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-12">
                    <!--Page Top Filters Fields-->
                    <div class="row form-group" style="margin-left: 0">
                        <div class="caption col-md-2">
                            <div class="input-group">
                                <input type="text" name="startDate" id="startDate" class="form-control validate calender_popup_date_open" value="{{$from}}" readonly>

                                <span class="input-group-btn">
                                    <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                        <i class="fa fa-calendar"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                        <div class="caption col-md-2">
                            <div class="input-group">
                                <input type="text" name="endDate" id="endDate" class="form-control validate calender_popup_date_open" value="{{$to}}" readonly>

                                <span class="input-group-btn">
                                    <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                        <i class="fa fa-calendar"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>

                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <!-- BEGIN LIST OF ORDERS -->
                        <div class="col-md-12">
                            <div class="portlet">

                                <div class="portlet-body flip-scroll">
                                    <table class="table table-striped table-bordered table-hover table-condensed flip-content invoices_list">
                                        <thead class="flip-content">
                                            <tr>
                                                <th class="text_center"> Batch Number </th>
                                                <th class="text_center"> Product Name</th>
                                                <th class="text_center"> Quantity </th>
                                                <th class="text_center">Invoice No</th>
                                                <th class="text_center">expiry date</th>
                                                
                                                <th style="position: relative; width: 25px;">
                                                    <img class="dots_menu_grey" style="width: inherit"
                                                         src="{{asset('assets/global/img/dots_menu_grey.png')}}">
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody class="sales_invoices_body">

                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                        <!-- END LIST OF ORDERS -->
                        
                    </div>
                    <!--THIS IS CONTENT DIV END-->

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

<!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
       <h2>Do you want to delete?</h2>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<!-- //SWEET_ALERT END// -->
@endsection
@section('admin_css')

<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
<!-- DATE / TIME PICKER -->
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css"/>

<style>
    tbody > tr {
        text-align: center;
    }
</style>
@stop

@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type="text/javascript"></script>
<!-- DATE / TIME PICKER -->
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}" type="text/javascript"></script>
<!-- DATE / TIME PICKER -->
@include('admin.js.product-expiry')
@stop