000

@extends('dashboard.layouts.app')
@section('title','MasterSheet')
@section('style')
<style type="text/css">
	span.close-now {
    background: red;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    border-radius: 50%;
    padding: 3px;
    color: #fff;
    margin-top: 30px;
}
</style>
@endsection
@section('content')
<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">Home</a>
				</li>
				<li class="active">Report</li>
			</ul>
		</div>

<div class="row">
				<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">Detailed Reports</h3>
							</div>
							<div class="panel-body">
			
					<form action="{{ URL('/user/get-report') }}" role="form" method="post" id="allreport">
						{{csrf_field()}}
                    <div class="row grid-margin">
                    	<div class="col-lg-3">
									<select class="e1" id="excel_name" name="excel_name"class="form-control" onchange="handleReport(this)">
						        <option value="">Select</option>
						        <option value="1">Master(Detailed) Report</option>
						        <option value="2">PR Report</option>
						        <option value="3">PO Report</option>
						        <option value="4">Item Wise Report</option>
								<option value="5">PO Wise GRN Report</option>
								<option value="6">Item Wise GRN Report</option>                                
						    	</select>
                     
					</div>
					</div>

<div class="row grid-margin" style="display: none; margin-top: 20px;margin-bottom: 20px; font-size: 14px;" id="report_date_box">												
						<div class="col-lg-5">
							<span class="text text-danger" style="font-size: 14px;">Filter Report Based On :</span>
							<div class="form-check">
								<input type="radio" class="form-check-input" id="radio1" name="pr_po_date" value="pr_date" checked>  PR Date
								<label class="form-check-label" for="radio1"></label>
							</div>
							<div class="form-check">
								<input type="radio" class="form-check-input" id="radio2" name="pr_po_date" value="po_date">  PO Date
								<label class="form-check-label" for="radio2"></label>
							</div>
							<div class="form-check">
								<input type="radio" class="form-check-input" id="radio2" name="pr_po_date" value="mrn_date">  MRN Date
								<label class="form-check-label" for="radio2"></label>
							</div>
						</div>						
					</div>
					<div class="row grid-margin">												
						<div class="col-lg-3">
							<div class="form-group">
							<label>Date From:</label>
							<input type="date" id="from_date" name="from_date" placeholder="Enter from_date" class="form-control">
							</div>
						</div>
						<div class="col-lg-3">
							<div class="form-group">
							<label>Date To:</label>
							<input type="date" id="to_date" name="to_date"  placeholder="Enter to_date" class="form-control">
							</div>
						</div>
						<div class="col-lg-3" style="padding-top:20px;">
							<button type="submit"  id="generateOrderBtn" class="btn btn-primary float-right">Generate Report</button>
					  </div>
					</div> 
					<div class="clearfix">
						<div class="pull-right tableTools-container">
						</div>
					</div>
					</form>	
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('script')

{{ Html::script("assets/js/jquery.dataTables.min.js")}}
{{ Html::script("assets/js/jquery.dataTables.bootstrap.min.js")}}
{{ Html::script("assets/js/dataTables.buttons.min.js")}}
{{ Html::script("assets/js/buttons.flash.min.js")}}
{{ Html::script("assets/js/buttons.html5.min.js")}}
{{ Html::script("assets/js/buttons.print.min.js")}}
{{ Html::script("assets/js/buttons.colVis.min.js")}}
{{ Html::script("assets/js/dataTables.select.min.js")}}
{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}

function handleReport(t) {
					var val = $(t).val();						
					if(val == 1) {
						$('#report_date_box').show();
					} else {
						$('#report_date_box').hide();
					}
				}
</script>

@endsection