@extends('layouts.master')

@section('header-title')
	<span class="font-weight-semibold">{{$module->long_name}}</span> - @lang('andon.notifications')
@endsection

@section('content')

	<!-- Scrollable datatable -->
	<div class="card card-main">
		<div class="card-header header-elements-inline">
			<h4 class="card-title">@lang('master.notif_conf')</h4>
			<div class="header-elements">
				<div class="list-icons">
            	</div>
        	</div>
		</div>

		<div class="card-body">
			@lang('andon.notif_instr_1')<br>
			@lang('andon.notif_instr_2')
		</div>

		<div class="table-responsive pb-3" style="min-height: 300px">
			<table class="table text-nowrap">
				<thead>
					<tr>
			            <th>@lang('master.name')</th>
			            <th><span class="ml-3">@lang('master.plant') | @lang('master.configuration')</span></th>
			            <th>@lang('andon.description')</th>
					</tr>
				</thead>
				<tbody>

					@foreach($notifications as $notification)
					<tr>
						<td>{{isset($notification['name_lang']) ? __($notification['name_lang']) : $notification['name'] }}</td>
						<td>
							<table>
								<tbody>
									@foreach($plants as $plant)
										<tr data-notification_id="{{$notification['id']}}" data-plant_id="{{$plant->id}}">
											<td>{{$plant->name}}</td>
											<td data-notification_type="system_plants">
												<div class="form-check form-check-right form-check-switchery">
													@if(in_array($plant->id, $notification['internal_plants']->toArray() ))
														<input type="checkbox" class="form-check-input-switchery" checked data-fouc>
													@else
														<input type="checkbox" class="form-check-input-switchery" data-fouc>
													@endif
													<label class="form-check-label">@lang('andon.system')</label>
												</div>													
											</td>
											<td data-notification_type="email_plants">
												<div class="form-check form-check-right form-check-switchery">
													@if(in_array($plant->id, $notification['email_plants']->toArray() ))
														<input type="checkbox" class="form-check-input-switchery" checked data-fouc>
													@else
														<input type="checkbox" class="form-check-input-switchery" data-fouc>
													@endif
													<label class="form-check-label">Email</label>
												</div>													
											</td>
											
											@if($notification['notifiables_type'] != App\Master\NotificationEvent::FIXED )
											<td style="min-width: 600px">
												<div class="row">
						                        	<label class="col-form-label col-lg-2" style="margin-top: auto; margin-bottom: auto">@lang('master.users')</label>
						                        	<div class="col-lg-10">
									                    <select multiple="multiple" class="form-control select" data-fouc>
									                    	@foreach($internal_users->where('plant_id', $plant->id) as $user)
									                    		@if( in_array($user->id, $notification['users'][$plant->id]) )
									                    			<option value="{{$user->id}}" selected>{{$user->full_name}}</option>
									                    		@else
									                    			<option value="{{$user->id}}">{{$user->full_name}}</option>
									                    		@endif
									                    	@endforeach
									                    </select>
						                            </div>
						                        </div>
											</td>
											@endif
										</tr>
									@endforeach									
								</tbody>
							</table>
						</td>
						<td>{{isset($notification['description_lang']) ? __($notification['description_lang']) : $notification['description']}}</td>
					</tr>
					@endforeach

				</tbody>
			</table>
		</div>
	</div>
	<!-- /scrollable datatable -->

@endsection


@section('app-scripts')
	
	<script type="text/javascript">
		const MODULE_ID = {{$module->id}};
		const MODULE_ROUTE = '{{$module->route_name}}';
	</script>

    <script src="{{mix('js/common/notifications.js')}}"></script>

@endsection