@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>Reports</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">

                <div class="row">
                    	
                    <div class="col-12">
                        <form action="{{ route('maropost.report.create') }}" method="post" onsubmit="OnSubmit();" >
                			@csrf
                            
                            <div class="form-group" style="margin-bottom:0;">
                            	
                                <div class="row">

                                    <div class="col-md-2">
                                        <label for="daterangepicker_custom" class="control-label">Date Range</label>
                                        <input type="text" name="daterangepicker_custom" class="form-control" autocomplete="off" value=""  id="daterangepicker_custom" />
                                        <input name="search_date_from" type="hidden" value="" />
                                        <input name="search_date_to" type="hidden" value="" />
                                    </div>
                                    <script type="text/javascript">
										
										var search_date_from = '{{ $search_date_from }}';
										var search_date_to = '{{ $search_date_to }}';
									
									</script>
                                
                                    <div class="col-md-1">
                                        <input type="submit" value="Create Report" class="btn btn-success float-right" style="margin-top:30px;" />
                                    </div>
                                </div>
        
                            </div>
                            
                        </form>
                    </div>

                </div>

                <hr />
                
            </section>
        </div>
    </div>
</div>
<!-- /Container -->


@endsection

@section('more_scripts')

    @include('maropost_reports.table-js')

@endsection