@extends('layouts.master', ['page_title' => 'Suggestions Mailbox', 'page_sub_title' => 'Inbox'])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> __('mailbox.inbox_history'),
											'description'	=>	__('mailbox.inbox_history_descr')
										])

		@slot( 'body' )

			<form id="search_data_form">
				<div class="row">

					<div class="col-md-2 my-2">
						<label class="col-form-label">@lang('master.dateFrom'):</label>
						<input type="text" class="form-control" name="date_from" placeholder="@lang('master.dateFrom'):">
					</div>
					<div class="col-md-2 my-2">
						<label class="col-form-label">@lang('master.dateTo'):</label>
						<input type="text" class="form-control" name="date_to" placeholder="@lang('master.dateTo'):">
					</div>

					<div class="col-md-2 my-2">
						<label class="col-form-label">&nbsp;&nbsp;</label>
						<div>
							@component('components.button', ['type'=>'search', 'submit' => true])@endcomponent
						</div>
					</div>

					<div class="col-md-2 my-2">
						<label class="col-form-label">&nbsp;&nbsp;</label>
						<div>
							@component('components.button', ['type'=>'download'])@endcomponent
						</div>
					</div>

				</div>
			</form>	
		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>@lang('master.view')</th>
						<th>ID</th>
						<th>@lang('master.date')</th>
						<th>@lang('master.name')</th>
						<th>@lang('master.status')</th>
						<th>@lang('mailbox.email')</th>
						<th>@lang('mailbox.telephone')</th>
						<th>@lang('mailbox.reason')</th>
						<th>@lang('mailbox.complaint_type')</th>
						<th>@lang('mailbox.message')</th>
						<th>@lang('mailbox.follow_up')</th>
						<th>@lang('audit.evidence')</th>
						<th>@lang('audit.ap_evidence')</th>
						<th>Closed evidence count</th>
						<th>@lang('mailbox.user_type')</th>
						<th>@lang('mailbox.facility')</th>
						<th>@lang('master.plant')</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>			            
						<td>ID</td>
						<td>@lang('master.date')</td>
						<td>@lang('master.name')</td>
						<td>@lang('master.status')</td>
						<td>@lang('mailbox.email')</td>
						<td>@lang('mailbox.telephone')</td>
						<td>@lang('mailbox.reason')</td>
						<td>@lang('mailbox.complaint_type')</td>
						<td>@lang('mailbox.message')</td>
						<td>@lang('mailbox.follow_up')</td>
						<td>@lang('audit.evidence')</td>
						<td>@lang('audit.ap_evidence')</td>
						<td>Closed evidence count</td>
						<td>@lang('mailbox.user_type')</td>
						<td>@lang('mailbox.facility')</td>
						<td>@lang('master.plant')</td>
			        </tr>
				@endslot
			@endcomponent
		@endslot

	@endcomponent

@endsection


@section('plugin-scripts')

	@include('scripts.datatablesjs')

@endsection


@section('app-scripts')
	<script type="text/javascript">
		const DATE_FROM = '{{$date_from}}';
		const DATE_TO = '{{$date_to}}';
		const PLANT_ID = {{$plant_id}};
		const MESSAGES = {!! json_encode($messages) !!};

	</script>
	<script src="{{mix('js/mailbox/inbox.js')}}"></script>

@endsection