@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Report Item
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css -->
    <link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendors/select2/css/select2.min.css') }}" type="text/css" rel="stylesheet">
    <link href="{{ asset('assets/vendors/select2/css/select2-bootstrap.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/pages/wizard.css') }}" rel="stylesheet">
    <!--end of page level css-->
    <link href="{{ asset('assets/css/pages/bootstrap-select.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/pages/bootstrap-select.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendors/daterangepicker/css/daterangepicker.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/vendors/datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/vendors/clockface/css/clockface.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}" rel="stylesheet" type="text/css" />
@stop

{{-- Page content --}}
@section('content')
    <section class="content-header">
        <h1> DMU Store Management System <font color="#00008b">[ Report Page ]</font></h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li class="active">Reports</li>
        </ol>
    </section>
    <section class="content">
        <!--main content-->
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="magic" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                            Item Borrowed Report By Date Range
                        </h3>
                        <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                                </span>
                    </div>

                    <div class="panel-body">
                        <form action="" method="post" name="xx" target="myNewWinsr">
                            <div class="form-group">
                                <label>From Date:</label>
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-laptop"></i>
                                    </div>
                                    <input type="text" name="from"  id="date1"  pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 200px" />
                                    To  <input type="text" name="to" id="date2" pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 200px" />
                                </div>
                                <span style="color: darkgreen">Use [yyyy-mm-dd] Format [Ethiopian Calendar]</span>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="button" Value="Search" class="form-control btn-success"  onClick='search1();'/>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
                <!--select2 starts-->

            </div>
            <div class="col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="magic" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                            New Items Registered Report By Date Range
                        </h3>
                        <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                          </span>
                    </div>
                    <div class="panel-body">
                        <form>
                            <div class="form-group">
                                <label>From Date:</label>
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-laptop"></i>
                                    </div>
                                    <input type="text" name="fromdate" id="date3" pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 200px" />
                                   To: <input type="text" name="todate"  id="date4"pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 200px" />

                                </div><span style="color: darkgreen">Use [yyyy-mm-dd] Format [Ethiopian Calendar]</span>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="button" Value="Search" class="form-control btn-success"  onClick='search2();'/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="magic" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                            Item Borrowed Report By Item type and Date Range
                        </h3>
                        <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                                </span>
                    </div>

                    <div class="panel-body">
                        <form action="" method="post" name="xx" target="myNewWinsr">
                            <div class="form-group">
                                <label>From Date:</label>
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-laptop"></i>
                                    </div>
                                    <input type="text" name="from"  id="date7"  pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 110px" />
                                    <input type="text" name="to" id="date8" pattern="^\d{4}-\d{2}-\d{2}$"  title="Please enter date like '2011-01-30'" placeholder="yyyy-mm-dd" style="height: 35px;width: 110px" />
                                    <select id="type" title="Select organization..." name="type" required  style="height: 35px;width: 170px">
                                        <option value="">Select Item Type</option>
                                        <option value="Desktop Computer">Desktop Computer</option>
                                        <option value="Laptop">Laptop</option>
                                        <option value="Printer">Printer</option>
                                        <option value="Scanner">Scanner</option>
                                        <option value="Secretary Chair">Secretary Chair</option>
                                        <option value="Managerial Chair">Managerial Chair</option>
                                        <option value="Guest Chair">Guest Chair</option>
                                        <option value="Managerial Table">Managerial Table</option>
                                        <option value="Others">Others</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group">
                                <div class="input-group">
                                    <input type="button" Value="Search" class="form-control btn-success"  onClick='search3();'/>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
                <!--select2 starts-->

            </div>
        </div>
        <!--main content ends-->
    </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script src="{{ asset('assets/vendors/moment/js/moment.min.js') }}" ></script>
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}"  type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/select2/js/select2.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/bootstrapwizard/jquery.bootstrap.wizard.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/pages/adduser.js') }}"></script>

    <script src="{{ asset('assets/js/pages//bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('assets/js/pages//bootstrap-select.js') }}"></script>
    <script type="text/javascript">
        function search1()
        {
            window.open("{{'report_borrow'}}?datetime3="+$('#date1').val()+"&datetime4="+$('#date2').val(),"myNewWinsr","width=700,height=650,toolbar=0,menubar=no,status=no,resizable=yes,location=no,directories=no,scrollbars=yes");
        }
        function search2()
        {
            window.open("{{'report_item'}}?datetime5="+$('#date3').val()+"&datetime6="+$('#date4').val(),"myNewWinsr","width=700,height=650,toolbar=0,menubar=no,status=no,resizable=yes,location=no,directories=no,scrollbars=yes");
        }
        function search3()
        {
            window.open("{{'report_borrow1'}}?datetime7="+$('#date7').val()+"&datetime8="+$('#date8').val()+"&type="+$('#type').val(),"myNewWinsr","width=700,height=650,toolbar=0,menubar=no,status=no,resizable=yes,location=no,directories=no,scrollbars=yes");
        }
    </script>
    <script src="{{ asset('assets/vendors/daterangepicker/js/daterangepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/datetimepicker/js/bootstrap-datetimepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/clockface/js/clockface.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/pages/datepicker.js') }}" type="text/javascript"></script>
@stop