@extends('layouts.backend')

@section('title', $page_title)

@section('content')

@hasSection ('search')
<div class="block block-rounded block-bordered block-mode-hidden">
	<div class="block-header block-header-default">
		<h3 class="block-title">ค้นหา</h3>
		<div class="block-options">
			<button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"><i class="si si-arrow-down"></i></button>
		</div>
	</div>
	<div class="block-content pb-4">
		@yield('search')
	</div>
</div>
@endif

<div class="block block-rounded block-bordered" >
	<div class="block-content pb-4" >
		{{-- <h2 class="content-heading pt-0">เลือกวันที่</h2> --}}
		@hasSection('show_date')
		{!! view('report.date_search', [
			'start_date' => $start_date, 'end_date' => $end_date,
			'custom_date_parameters' => (isset($custom_date_parameters) ? $custom_date_parameters : [])
		])->render() !!}
		@endif

		@hasSection('search2')
			<div class="row" >
				<div class="col-lg-12" >
					<form style="display: inline-block; width: 50%;" >
						<input type="text" class="form-control form-control-sm ml-2" name="s" value="{{ (isset($s) ? $s : '') }}" placeholder="ค้นหา..." style="display: inline-block; width: 85%;" >
						<button type="submit" class="btn btn-primary btn-sm" >ค้นหา</button>
					</form>
					<br><br>
				</div>
			</div>
		@endif

		<h2 class="content-heading pt-0">รายงาน 
			<button class="btn btn-sm btn-primary btn-export-report" style="float: right;" >Export</button>
		</h2>
		
		<div class="row">
			<div class="col-12">
				@yield("report_table")
			</div>
		</div>
		<form method="GET" id="form-export-report" target="_blank" >
			<input type="hidden" id="start_date" name="start_date" >
			<input type="hidden" id="end_date" name="end_date" >
			<input type="hidden" id="export" name="export" value="export" >
			@isset($order_id)
			<input type="hidden" id="order_id" name="order_id" value="{{ $order_id }}" >
			@endisset
			@if(isset($custom_date_parameters))
				@foreach($custom_date_parameters as $key => $value)
				<input type="hidden" id="{{ $key }}" name="{{ $key }}" value="{{ $value }}" >
				@endforeach
			@endif
		</form>
	</div>
</div>

@endsection

@section('css')
<link rel="stylesheet" href="assets/js/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" />
@endsection


@section('script')
<script src="assets/js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		(function ($) {
			Dashmix.helpers(['datepicker']);
			$(".btn-export-report").on("click", function(){
				$("#form-export-report #start_date").val($("#form-search #start_date").val());
				$("#form-export-report #end_date").val($("#form-search #end_date").val());
				$("#form-export-report #product_cate_id").val($("#form-search #product_cate_id").val());
				$("#form-export-report").submit();
			});

		})(jQuery);
	});
</script>
@endsection