@extends('Layout')
@section('Content')
<div class="col-md-12 no_print toHide">
{{ HF::DrawHeadPage(array(array('title'=>$Data['SubTitle'],'url'=>'')),$Data['SubTitle'])}}

 					<select style="width:100%;height:50px;background:#202020;color:white;font-size:18px;" name="rp" onchange="DisplayForm(this.value);">
					<option value="choose">--نوع التقرير--</option>
						@foreach($Data['rep'] as $rp)
								<option value="{{$rp['id']}}">{{$rp['name']}}</option>
							@endforeach
					</select>
 <br clear="both" /> 	    		 
 <br clear="both" /> 	    		 
  

<div class="col-md-12 no_print toHide" style="background:#eee;padding:20px;border-bottom:#C5C5C5 1px solid;border-radius:5px;">
 	    		 
			
			<form id="fchoose" class="RP_Forms">
 				<h4 style="text-align:center;">الرجاء تحديد نوع التقرير</h4>
  			</form>
			@foreach($Data['rep'] as $rp)
	 			<form id="f{{$rp['id']}}" class="RP_Forms" style="display:none;">
	 				@include('ReportViews::'.$rp['id'])
	 				<input type="hidden" name="p" value="{{$rp['id']}}"/>
 					<div class="col-md-4">
 						<label></label>
 						<button type="submit" class="btn btn-warning form-control"><i class="fa fa-search"></i> عرض التقرير</button>
     				</div>

 					<div class="col-md-4">
 						<label></label>
 						<a href="javascript::void(0);" onclick="PrintReport();" class="form-control btn btn-primary form-control"><i class="fa  fa-print"></i> الطباعة</a>
     				</div>
     		 
     				
	 			</form>
	 			<script type="text/javascript">
	 			 
	 			$(document).ready(function(){
					$("#f{{$rp['id']}}").submit(function() {
				        $('#loader').show();
                        $('#Message').hide();
                        $('#BodyReport').html("");

						$.ajax({
				           type: "POST",
				           url: "{{URL::Route('GetReport')}}",
				           data: $("#f{{$rp['id']}}").serialize(), // serializes the form's elements.
				           success: function(msg)
				           {
          						$('#loader').hide();
                                $('#BodyReport').show();
                                var body =  $('#CKlishah').html()+ msg;
                                $('#BodyReport').html(body);
                            },
				           fail:function(data){
				           		alert(data);
				           }
				         });
					    return false;
					});
				});
	 			</script>
	 		@endforeach
	 		<hr/>
	 		<script type="text/javascript">
	 			function DisplayForm(value){
	 				$('.RP_Forms').hide();
	 				$('#f'+value).show();
	 			}
 			</script>
 
 </div>
 </div>
<a id="up" title="إخفاء" href="javascript::void(0);" style="color:black;" onclick="$('.toHide').toggle();$('#down').show();$('#up').hide();" class="f_left no_print "><i class="fa fa-arrow-up fa-2x"></i></a>
<a id="down" title="إظهار" href="javascript::void(0);" style="color:black;display:none;" onclick="$('.toHide').toggle();$('#up').show();$('#down').hide();" class="f_left no_print"><i class="fa fa-arrow-down fa-2x"></i></a>
<div class="col-md-12">
	<center id="loader"  style="display:none;margin-top:50px;">
		<i class="fa fa-spinner fa-spin fa-5x"></i><br />
		جاري التحميل
	</center>
	<center id="Message" style="margin-top:20px;font-weight:bold;" class="no_print">
				<h3>يرجى حدد نوع التقرير المراد طباعته</h3>
	</center>
 	<div id="BodyReport" style="width:100%;font-size:11px">
 	</div>
</div>
 
<div id="CKlishah" style="display:none" class="no_print">{{Draw::Klishah('REPORT')}}</div>



 <style>
	.chosen-container-single{
		width: 100% !important;
		margin-button: 30px;
 		font-size:14px;
	}
 
#BodyReport .collapse.in{
	min-height: 200px !important;
}

@media print{
	.navbar-default .navbar-side , .navbar .navbar-default .navbar-cls-top {
		display: none;
	}
  #BodyReport{
        width: {{HF::GetOption('PRINT_TEMPLATE_WIDTH')}}cm;
		padding-right:{{HF::GetOption('PRINT_HAMISH_LEFT')}}cm;
		padding-left:{{HF::GetOption('PRINT_HAMISH_RIGHT')}}cm;
			
		padding-top:{{HF::GetOption('PRINT_HAMISH_TOP')}}cm;
		padding-bottom:{{HF::GetOption('PRINT_HAMISH_BOTTOM')}}cm;
		min-height:{{HF::GetOption('PRINT_TEMPLATE_HEIGHT')}}cm;
			
  }
 } 
	</style>



<script type="text/javascript">
 function PrintReport(){
    var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
    if(isFirefox){
              window.print();
           } else {
    	window.print();
    }
}
</script>


@stop