@extends('admin.layouts.master')

@section('page-title') ارسال اشعارات للمستخدمين @endsection
@push('main-user_notifications-active') m-menu__item--active @endpush

@section('content')
<div class="row">
	<div class="col-md-12">
		<!--begin::Portlet-->
		<div class="m-portlet m-portlet--tab">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<span class="m-portlet__head-icon">
							<i class="la la-bell"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> ارسال اشعارات للمستخدمين </span>
						</h3>
					</div>
				</div>
			</div>
			<div class="m-portlet__body">
				@if (session('Done'))
				<div class="alert alert-success alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>{{ session('Done') }}</strong>
				</div>
				@endif
				@if ($errors->any())
				<div class="alert alert-danger alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>الرجاء تعديل الأخطاء</strong>
				</div>
				@endif
				<form action="{{ route('admin.user_notifications.store') }}" class="form-horizontal" method="POST" enctype="multipart/form-data" onsubmit="return confirm('تأكيد ارسال الاشعار؟')">
					@csrf

					<div class="form-group m-form__group row">
						<div class="col-lg-6 m-form__group-sub">
							<label for="title" class="form-control-label">العنوان  <strong> * </strong></label>
							<div class="input-group m-input-group">
								<div class="input-group-prepend">
									<span class="input-group-text">
										<i class="la la-ioxhost m--font-primary"></i>
									</span>
								</div>
								<input type="text" id="title" name="title" value="{{ old('title') }}" class="form-control m-input{{ $errors->has('title') ? ' is-invalid' : '' }}" autocomplete="off" autofocus="on">
							</div>
							@if ($errors->has('title'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('title') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="col-lg-6 m-form__group-sub">
							<label for="body" class="form-control-label">النص  <strong> * </strong></label>
							<div class="input-group m-input-group">
								<div class="input-group-prepend">
									<span class="input-group-text">
										<i class="la la-align-right m--font-warning"></i>
									</span>
								</div>
								<input type="text" id="body" name="body" value="{{ old('body') }}" class="form-control m-input{{ $errors->has('body') ? ' is-invalid' : '' }}" autocomplete="off" autofocus="on">
							</div>
							@if ($errors->has('body'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('body') }}
								</strong>
							</span>
							@endif
						</div>
					</div>

					<div class="form-group m-form__group row">
						<div class="col-lg-6 m-form__group-sub">
							<label for="target_users" class="form-control-label">المستخدمين المستقبلين للاشعار <strong> * </strong></label>
								<div class="m-radio-inline">
									<label class="m-radio">
										<input type="radio" name="target_users" value="all" id="target_users_all" checked> جميع المستخدمين
										<span></span>
									</label>
									<label class="m-radio">
										<input type="radio" name="target_users" value="single" id="target_users_single"> مستخدمين محددين
										<span></span>
									</label>
								</div>
							@if ($errors->has('target_users'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('target_users') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="col-lg-6 m-form__group-sub users-list">
							<label for="users" class="form-control-label">المستخدمين <strong> * </strong></label>
							<select id="users" name="users[]" class="form-control m-input{{ $errors->has('users') ? ' is-invalid' : '' }}" multiple="multiple" disabled>
							</select>
							@if ($errors->has('users'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('users') }}
								</strong>
							</span>
							@endif
						</div>
					</div>
					<br>
					<div class="m-portlet__foot m-portlet__foot--fit">
						<br>
						<div class="m-form__actions">
							<button type="submit" class="btn btn-primary">
								<span> ارسال </span>
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_script')
	<script src="{{ URL::asset('/assets/admin/datatables.js') }}"></script>
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<script type="text/javascript">
		$("#target_users_all").click (function () {
			$("#users").prop('disabled', true);
		});
		$("#target_users_single").click (function () {
			$("#users").prop('disabled', false);
		});

		$('#users').select2({
			ajax: {
				url: admin_url + '/user_notifications/get_users',
			}
		});
	</script>
@endpush