@extends('layouts.template')

@section('content')
<section class="fuel-entry">
    <div class="container">
        <div class="row">
          	<h1 class="heading"> Reports :  
		    @if(Auth::user()->logistic_type == '2') 
		        Export
		    @endif  

		    @if(Auth::user()->logistic_type == '1') 
		        Import 
		    @endif 
	        <a href="{{ url('logistic/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
	        @if(Session::has('flash_message'))
            <div class="row">
              <div class="col-md-12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
              </div> 
            </div>   
          @endif
	        <div class="fuel-add-table">
	            <h1>Reports -  Filters</h1>
	            <div class="fuel-add-form">       
		            <div class="fuel-input">
		                <div class="col-md-4 col-sm-2">
		                    <label for="Customer">Customer</label>
		                    {!! Form::select('customer',$page_data['customer']->toArray(), null,['class'=>'form-control customer wh-select2-class', 'multiple' => 'multiple'])!!}
		                    <div class="help-block with-errors"></div> 
		                </div>

		                <div class="col-md-4 col-sm-2">
		                    <label for=" Date From"> Date From</label>
		                    <input type="date" class="form-control from_date" id="from_date" name="from_date" value="">
		                    <div class="help-block with-errors"></div>
		                </div>

		                <div class="col-md-4 col-sm-2">
		                    <label for=" Date To"> Date To</label>
		                    <input type="date" class="form-control to_date" id="to_date" name="to_date" value="">
		                    <div class="help-block with-errors"></div> 
		                </div>

		                <div class="form-action col-md-12 col-sm-12">
		                    <br/><br/>
		                  	@if(Auth::user()->logistic_type == '2')  
		                    <center> 
		                    	<a onclick="clientURL(this)" class="newbooking">Client Report</a>
		                    	<a onclick="mrURL(this)" class="newbooking">Vessel Reccon - MR</a> 
		                    	<a onclick="vgmURL(this)" class="newbooking">Vessel Reccon - Vgm</a>
		                    </center>
		                    @endif

		                    @if(Auth::user()->logistic_type == '1')  
		                    <center>
		                    	<a onclick="importclientURL2(this)" class="newbooking">Client Report</a>
		                    	<a onclick="importclientDetailURL2(this)" class="newbooking">Client Report - Detailed</a>
		                    	<a onclick="empty_return_truckinfo(this)" class="newbooking">Truck Info - Empty Return</a>
		                    	<a onclick="eta_vessel(this)" class="newbooking">ETA Vessel File</a>
		                    	<a onclick="port_storage(this)" class="newbooking">Client Reccon - Port Storage</a>
		                    	<a onclick="detention(this)" class="newbooking">Client Reccon - Detention</a>
		                    </center>
		                    @endif
		                </div>
		            </div>
	          	</div>
	        </div>
     	</div>
    </div>
</section>
<script type="text/javascript">
	$(".alert").fadeTo(2000, 500).slideUp(500, function(){
    	$(".alert").alert('close');
  	});
	var startDate = '2024-12-12';
	var endDate = '2025-01-11';
	$("#from_date").val(startDate);
	$("#to_date").val(endDate);

  	function clientURL(element){
		var date1 = $('.from_date').val();
		var date2 = $('.to_date').val();
		var customer = $('.customer').val();

		if(date1 == '' || date2 == '' || customer == '')
		{
			alert("Please select Customer & FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('downloadExcelExport/xls') }}" + '/' + date1 + '/' + date2 +'/' + customer;
	    	});
		}
	}

	function vgmURL(element){
		var date1 = $('.from_date').val();
		var date2 = $('.to_date').val();

		if(date1 == '' || date2 == '')
		{
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('downloadVGMExcelExport/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}
	}

	function mrURL(element){
		var date1 = $('.from_date').val();
		var date2 = $('.to_date').val();

		if(date1 == '' || date2 == '')
		{
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('downloadMRExcelExport/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}
	}

	function detention(element){
		var date1 = $('.from_date').val();
		var date2 = $('.to_date').val();

		if(date1 == '' || date2 == '')
		{
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('detentionExcel/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}	
	}

	function port_storage(element){
		var date1 = $('.from_date').val();
		var date2 = $('.to_date').val();

		if(date1 == '' || date2 == '')
		{
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('portstorageExcel/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}	
	}

	function eta_vessel(element){
		var date1 	 = $('.from_date').val();
		var date2 	 = $('.to_date').val();

		if(date1 == '' || date2 == ''){
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('etavesselExcel/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}	
	}

	function empty_return_truckinfo(element){
		var date1 	 = $('.from_date').val();
		var date2 	 = $('.to_date').val();

		if(date1 == '' || date2 == ''){
			alert("Please select FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('empty_return_truckinfoExcel/xls') }}" + '/' + date1 + '/' + date2;
	    	});
		}	
	}

	function importclientURL(element){

		var date1 	 = $('.from_date').val();
		var date2 	 = $('.to_date').val();
		var customer = $('.customer').val();

		if(date1 == '' || date2 == '' || customer == ''){
			alert("Please select Customer & FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('importclientExcel/xls') }}" + '/' + date1 + '/' + date2 +'/' + customer;
	    	});
		}	
	}

	function importclientURL2(element){

		var date1 	 = $('.from_date').val();
		var date2 	 = $('.to_date').val();
		var customer = $('.customer').val();

		if(date1 == '' || date2 == '' || customer == ''){
			alert("Please select Customer & FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('importclientExcel2/xls') }}" + '/' + date1 + '/' + date2 +'/' + customer;
	    	});
		}	
	}

	function importclientDetailURL2(element){

		var date1 	 = $('.from_date').val();
		var date2 	 = $('.to_date').val();
		var customer = $('.customer').val();

		if(date1 == '' || date2 == '' || customer == ''){
			alert("Please select Customer & FromDate & ToDate");
		}
		else
		{
			$(element).attr('href', function() {
	        	return "{{ URL::to('importclientDetailExcel2/xls') }}" + '/' + date1 + '/' + date2 +'/' + customer;
	    	});
		}	
	}
</script>
<style type="text/css">
	button {
		/*padding: 10px !important;*/
		margin-right:10px;
	}

	select{
    display: inline-block !important;
    padding:6px !important;
  }

  .selectboxit-container {
    display: none !important;
  }

</style>

@endsection