@extends('admin/layouts/default')

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

{{-- page level styles --}}
@section('header_styles')
<link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css" />
<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/vendors/pickadate/css/default.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendors/pickadate/css/default.date.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendors/pickadate/css/default.time.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendors/airDatepicker/css/datepicker.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendors/flatpickrCalendar/css/flatpickr.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/css/pages/adv_date_pickers.css') }}" rel="stylesheet" type="text/css"/>

<!-- end of page level css-->
@stop

{{-- Page content --}}
@section('content')



    <section class="content-header">
        <h1>Journal Volume Revenue Report</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('admin.dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li><a href="#"> Users</a></li>
            <li class="active">Journal Volume Revenue Report</li>
        </ol>
    </section>
	
	<section class="content">
                <div class="row">
				
                    <div class="col-md-12">
                        <!-- BEGIN SAMPLE TABLE PORTLET-->
                        <div class="portlet box success">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="livicon" data-name="responsive" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                                    View Journal Volume Revenue Report
                                </div>			
                            </div>
							
                            <div class="portlet-body table-responsive">	
					
							
<form action="{{ route('revenue_report.journal_volume_report') }}" method="Get"  enctype="multipart/form-data">
	
	@include('search.journal_search') 
							
						<div class="form-group">
								
								<table> 
									<tr> 
										<td width="5%">
											<label class="control-label" for="select21">From :</label> 
										</td>
										<td width="10%">
											<input id="from_date" name="from_date" type="date" class="form-control" value="{{$param['from_date']}}">
										</td>
										<td width="2%"></td>
										<td width="5%">
											<label class="control-label" for="select21">To :</label> 
										</td>
										<td width="10%">	
											<input id="to_date" name="to_date" type="date" class="form-control" value="{{$param['to_date']}}">
										</td>
										<td width="50%"></td>
									</tr>
								</table> 
								
								</div>
									<button type="submit" class="btn btn-primary" name="frm_search" value ="true">
										<span class="glyphicon glyphicon-search"></span>  Search
									</button>
									<button type="submit" class="btn btn-primary" name="export" value ="true">
										<span class="glyphicon glyphicon-search"></span>  Export as Excel
									</button>
									<button type="reset" id="btn_reset" class="btn btn-default">Reset</button>
								</form>
							</div>	
						</div>						
										
						@isset($message)
						
								{{$message}}
						@else
										
							@isset($revenue_report)

							<div class="panel panel-primary">
								<div class="panel-heading">
									<h4 class="panel-title">Volume List</h4>
									
								</div>
								<div class="panel-body">
									@include('admin.revenue_report.journal_volume_revenue_report_list')
								</div>
							</div>								
							@endisset
							
						@endisset 		
							
                        
                        <!-- END SAMPLE TABLE PORTLET-->
                    </div>
                </div>
            </section>

@stop

{{-- page level scripts --}}
@section('footer_scripts')
<script src="{!! asset('assets/vendors/select2/js/select2.js') !!}"></script>    

<script>
$("#journal_id").select2({
	theme:"bootstrap",
	placeholder:"Select Journal",
	width: '100%',
	height: '50px'
}); $('#journal_id').removeAttr('required');
$("#btn_reset").click(function(){
	$('#journal_id').val(0);
	$("#journal_id").append('<option selected="true" disabled="disabled" hidden>Select Journal</option>');
});		
</script>

<script src="{{ asset('assets/vendors/pickadate/js/picker.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/pickadate/js/picker.date.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/pickadate/js/picker.time.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/flatpickrCalendar/js/flatpickr.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/airDatepicker/js/datepicker.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/airDatepicker/js/datepicker.en.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/js/pages/custom_datepicker.js') }}" type="text/javascript"></script>


@stop
