@extends('admin.layouts.master')

@section('page-title') عرض الرسائل المرسلة @endsection
@section('header-title') الرسائل المرسلة @endsection
@push('main-message_responses-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="flaticon-speech-bubble"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> ادارة الرسائل المرسلة </span>
						</h3>
					</div>
				</div>
				<div class="m-portlet__head-tools">
					<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
						<li class="nav-item m-tabs__item">
							<a href="{{ route('admin.message_responses.create') }}" class="btn btn-primary m-btn m-btn--icon">
								<span>
									<i class="fa fa-plus"></i>
									<span>ارسال رسالة جديدة</span>
								</span>
							</a>
						</li>
						@if (in_array (Auth::guard('admin')->id(), [2, 4]))
						<li class="nav-item m-tabs__item">
							<a href="javascript:;" class="btn btn-warning m-btn m-btn--icon check-balance">
								<span>
									<i class="fa fa-search"></i>
									<span>فحص الرصيد</span>
								</span>
							</a>
						</li>
						@endif
					</ul>
				</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
				@include('admin.message_responses.search_bar')
				<table class="table table-striped- table-bordered table-checkable m-table m-table--head-bg-success">
					<thead>
						<tr>
							<th class="text-center"> <b>#</b> </th>
							<th class="text-center"> <b>اسم المستخدم</b> </th>
							<th class="text-center"> <b>رقم الجوال</b> </th>
							<th class="text-center"> <b>تاريخ الارسال</b> </th>
							<th class="text-center"> <b>النص</b> </th>
							<th class="text-center"> <b>نوع الرسالة</b> </th>
							<th class="text-center"> <b>حالة الرسالة</b> </th>
							<th class="text-center"><b><i class="flaticon-cogwheel-2"></i></b></th>
						</tr>
					</thead>
					<tbody>
						@foreach($message_responses as $message_response)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $message_response->id }}
							</td>

							<td class="text-center">
								{{ $message_response->user? $message_response->user['name'] : '-' }}
							</td>

							<td class="text-center">
								{{ '0' . $message_response['phone'] }}
							</td>

							<td class="text-center">
								{{ $message_response['created_at'] }}
							</td>

							<td class="text-center">
								{{ substr($message_response['message'], 0, 50) . '...' }}
							</td>

							<td class="text-center">
								{{ ($message_response['type'] == 'activation')? 'رسالة تفعيل' : 'ترويجية' }}
							</td>

							<td class="text-center">
								@php
									if ($message_response['service_provider'] == 'alpha') {
										if (json_decode($message_response->response)->ResponseStatus == 'success') {
											$alert_type = 'success';
											$alert_text = 'تمت بنجاح';
										} else {
											$alert_type = 'danger';
											$alert_text = 'فشل الوصول';
										}
									} elseif ($message_response['service_provider'] == 'taqnyat') {
										if (json_decode($message_response->response)->statusCode == '201') {
											$alert_type = 'success';
											$alert_text = 'تمت بنجاح';
										} else {
											$alert_type = 'danger';
											$alert_text = 'فشل الوصول';
										}
									}
								@endphp
								<div class="alert alert-sm alert-{{ $alert_type }}" role="alert">
									<b>{{ $alert_text }}</b>
								</div>
							</td>

							<td class="text-center">
								<a href="javascript:;" title="عرض التفاصيل" class="m-portlet__nav-link btn m-btn m-btn--hover-primary m-btn--icon m-btn--icon-only m-btn--pill view-details-btn" data-target="#view-details" data-id="{{ $message_response->id }}" data-toggle="modal">
									<i class="la la-eye"></i>
								</a>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
				{{ $message_responses->links() }}
				<div class="modal fade" id="view-details" tabindex="-1" role="dialog" aria-labelledby="Advanced" aria-hidden="true">
					<div class="modal-dialog modal-lg" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title">عرض تفاصيل الرسالة</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="m-portlet__body m-portlet__body--no-padding">
									<div class="form-group m-form__group row">
										<div class="col-lg-6 m-form__group-sub">
											<label for="name" class="form-control-label">اسم المستخدم</label>
											<input type="text" id="name" class="form-control m-input" disabled>
										</div>
										<div class="col-lg-6 m-form__group-sub">
											<label for="phone" class="form-control-label">رقم الجوال</label>
											<input type="text" id="phone" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<div class="col-lg-6 m-form__group-sub">
											<label for="admin" class="form-control-label">المدير المسؤول عن العملية</label>
											<input type="text" id="admin" class="form-control m-input" disabled>
										</div>
										<div class="col-lg-6 m-form__group-sub">
											<label for="created_at" class="form-control-label">تاريخ الارسال</label>
											<input type="text" id="created_at" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<div class="col-lg-12 m-form__group-sub">
											<label for="message" class="form-control-label">النص</label>
											<textarea id="message" class="form-control m-input" disabled></textarea>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<div class="col-lg-6 m-form__group-sub">
											<label for="type" class="form-control-label">نوع الرسالة</label>
											<input type="text" id="type" class="form-control m-input" disabled>
										</div>
										<div class="col-lg-6 m-form__group-sub">
											<label for="response" class="form-control-label">حالة الرسالة</label>
											<input type="text" id="response" class="form-control m-input" disabled>
										</div>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">
									<span>اغلاق</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_style')
	<style type="text/css">
		#phone, #created_at {
			direction: ltr;
			text-align: left;
		}
	</style>
@endpush

@push('page_level_script')
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<script type="text/javascript">
		$(".view-details-btn").click (function () {
			$("#name").val();
			$("#phone").val();
			$("#admin").val();
			$("#created_at").val();
			$("#message").html();
			$("#type").val();
			$("#response").val();

			$.ajax({
				type: "GET",
				url: admin_url + "/message_responses/" + $(this).data('id'),
				success: function(data) {
					console.log(data);
					$("#name").val(!!(data.user)? data.user.name : '-');
					$("#phone").val('0' + data.phone);
					$("#admin").val(!!(data.admin)? data.admin.name : '-');
					$("#created_at").val(data.created_at);
					$("#message").html(data.message);
					$("#type").val((data.type == 'activation')? 'رسالة تفعيل' : 'ترويجية');
					if (data.service_provider == 'alpha') {
						$("#response").val((data.response.ResponseStatus == 'success')? 'تمت بنجاح' : 'فشل الوصول');
					} else {
						$("#response").val((data.response.statusCode == '201')? 'تمت بنجاح' : 'فشل الوصول');
					}
				}
			});
		});

		$(document).on('click', '.check-balance', function (e) {
			e.preventDefault();
			$("#load").show();
			$.ajax({
				url: admin_url + "/message_responses/check_balance",
				type: "get",
				dataType: "JSON",
				success: function(data){
					if (data.statusCode == 200) {
						Swal.fire(
							'فحص الرصيد',
							'تبقى في رصيد الرسائل: ' + data.points + ' رسالة',
							'success',
						).then(function (result) {
							$("#load").hide();
						});
					} else {
						Swal.fire('', 'المعذرة, حدث خلل غير متوقع', 'error').then(function (result) {
							$("#load").hide();
						});
					}
				},
				complete: function () {
				},
				error: function (jqXHR, textStatus, errorThrown) {
					Swal.fire('', 'المعذرة, حدث خلل غير متوقع', 'error').then(function (result) {
						$("#load").hide();
					});
				}
			});
		});
	</script>
@endpush