@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
	<div class="side-app">
		<div class="page-header">
			<h4 class="page-title">Report Lists</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{route('admin.report')}}">Report Search</a></li>
				<li class="breadcrumb-item active" aria-current="page">Report Lists</li>
			</ol>

        </div>
     
		<div class="row">
            
			<div class="col-md-12">
               
				<div class="card">
                   
					@if(Session::has('success'))

						<div class="alert alert-primary">
							<p>{{ Session::get('success') }}</p>
						</div>

					@endif

					@if(Session::has('errors'))

						<div class="alert alert-danger">
							<p>{{ Session::get('errors') }}</p>
						</div>

                    @endif

                    <form  method="post" action="{{route('admin.export_report')}}" id="export">
                    {{ csrf_field() }}
                        <input type="hidden" name="report_type" value="{{$inputarray['report_type']}}">
                        <input type="hidden" name="report_range" value="{{$inputarray['report_range']}}">
                        <input type="hidden" name="report_month" value="{{$inputarray['report_month']}}">
                        <input type="hidden" name="report_year1" value="{{$inputarray['report_year1']}}">
                        <input type="hidden" name="report_year2" value="{{$inputarray['report_year2']}}">
                        <input type="hidden" name="strt_date" value="{{$inputarray['strt_date']}}">
                        <input type="hidden" name="end_date" value="{{$inputarray['end_date']}}">
                    </form>

                    <div class="card-header">
						<h3 class="card-title">Report Lists</h3>
						@if($reportLists)
						<div class="col-xl-2 col-lg-2 col-md-2 ml-auto">
							<button type="button" class="btn btn-primary" onclick="export_submit();">Export</button>
						</div>
						@endif
					</div>
					<div class="card-body">
					  <div class="table-responsive" id="vueapp">
						<table id="tables" class="table card-table table-vcenter text-nowrap">
							<thead>
								<tr>
									<th style="text-align: center;">#</th>
                                    <th style="text-align: center;">User Name</th>
                                     <th style="text-align: center;">Package Name</th>
                                    <th style="text-align: center;">Package Price</th>
                                    <th style="text-align: center;">Subscription Date</th>
								</tr>
							</thead>
							<tbody>
							
                            @foreach($reportLists as $key=>$val)
                             <tr>
									<td style="text-align: center;">{{$key+1}}</td>
                                    <td style="text-align: center;">{{$val->username}}</td>
                                    <td style="text-align: center;">{{$val->package_name}}</td>
                                    <td style="text-align: center;">{{$val->package_price}}</td>
									<td style="text-align: center;">{{date('d-m-Y', strtotime($val->subscription_start_date))}}</td>
                                    			
							  </tr>
							@endforeach							
							</tbody>
						</table>
						
					  </div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
	$(document).ready(function() {
    		$('#tables').DataTable();
	});	

    function export_submit(){
        $('#export').submit();
    }
</script>
@endsection

<!-- <style>
    #tables_filter label{margin-right: 136px;}
    .btn-add{width: 120px;display: block;position: absolute; right: 22px;top: 75px;z-index: 999;}

</style> -->