@extends('admin.layouts.master')

@section('page-title') عرض مستخدمي اللوحة @endsection
@section('header-title') مستخدمي اللوحة @endsection
@push('main-admins-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-users"></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">
						@if (auth('admin')->user()->can('admins.create'))
						<li class="nav-item m-tabs__item">
							<a href="{{ route('admin.admins.create') }}" class="btn btn-primary m-btn m-btn--icon">
								<span>
									<i class="fa flaticon-grid-menu"></i>
									<span>اضافة مستخدم جديد</span>
								</span>
							</a>
						</li>
						@endif
						<li class="nav-item m-tabs__item">
							<a href="{{ route('admin.admins.banned') }}" class="btn btn-danger m-btn m-btn--icon">
								<span>
									<i class="fa flaticon-exclamation-2"></i>
									<span>عرض المستخدمين الموقوفين</span>
								</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="m-portlet__body">
				@include('admin.includes.alerts')

				<div id="table-container">
					@include('admin.admins.table')
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade in" id="permission_admin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<form class="permission_admin_form" id="permission_admin_form" action="" method="post">
				@csrf
				<div class="modal-header">
					<h4 class="modal-title" id="exampleModalLabel"> {{ __('api.permission') }} </h4>
					<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="form-group m-form__group row" id="permission-body">
					
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">{{ __('api.save') }}</button>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('api.dismiss') }}</button>
				</div>
				<div id="loading">
					<img id="loading-image" src="/assets/admin/ajax-loader.gif" alt="Loading..."/>
				</div>
				<input type="hidden" name="admin_id" class="admin_id" value="0">
			</form>
		</div>
	</div>
</div>
@stop

@push('page_level_script')
	<script type="text/javascript">
		$(document).on('click', '.pagination a',function(event) {
			event.preventDefault();
			$('li').removeClass('active');
			$(this).parent('li').addClass('active');
			var url = $(this).attr('href');
			getData(url);
		});

		function getData(url,name) {
			$('#load').show();
			$.ajax({
				url : url,
				data:{name:name}
			}).done(function (data) {
				$("#table-container").empty().html(data);
				$('#load').hide();
			});
		}
	</script>

	<script type="text/javascript">
		$(document).on('click', '.group_per', function () {
			var check = $(this).is(':checked');
			// var uncheck = $(this).is(':unchecked');
			var id = $(this).data('id');
			$('.' + id).each(function () {
				$(this).prop('checked', check);
			});
		});
		function get_permission() {
			$.ajax({
				url: admin_url + "/admins/get_permission",
				type: "get",
				dataType: "JSON",
				data:{},
				success: function(data) {
					if(data['status'] == true){
						console.log(1);
					}
				},
				error: function (jqXHR, textStatus, errorThrown) {
					$('#load').hide();
					swal({title: (!!jqXHR.responseJSON.message? jqXHR.responseJSON.message : "{{ __('api.whoops') }}"), type: "error"});
				}
			});
		}
		
		/*************************************************************************************************************************/

		$('#permission_admin_form').on('submit', function(e){
			e.preventDefault();
			$('#permission_admin_form #loading').show();
			var formData = new FormData(this);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: admin_url + "/admins/update_permission",
				type: "post",
				cache: false,
				contentType: false,
				processData: false,
				data: formData,
				success: function (data) {
					$('#permission_admin_form #loading').hide();
					if (data["status"] == true) {
						swal({
							title: "",
							text: data["message"],
							type: "success",
							showCancelButton: false,
							confirmButtonColor: "#DD6B55",
							confirmButtonText: "{{ __('api.ok') }}",
							cancelButtonText: "{{ __('api.cancel') }}"
						}).then (function (result) {
							var url = $(this).attr('href');
							getData(url);
							
							$('#permission_admin').modal('hide');
							$('#permission_admin_form').find(".permissions").val('');
						});
					} else {
						swal({
							title: "",
							text: data["message"],
							type: "error",
							showCancelButton: false,
							confirmButtonColor: "#DD6B55",
							confirmButtonText: "{{ __('api.ok') }}",
							cancelButtonText: "{{ __('api.cancel') }}"
						});
					}
				},
				error: function (jqXHR, textStatus, errorThrown) {
					$('#permission_admin_form #loading').hide();
					swal({title: (!!jqXHR.responseJSON.message? jqXHR.responseJSON.message : "{{ __('api.whoops') }}"), type: "error"});
				}
			});
		});
		
		/*************************************************************************************************************************/

		$(document).on('click', '.permission', function(e){
			var id = $(this).data('id');
			$('#permission_admin_form').find(".admin_id").val(id);
			$.ajax({
				url: admin_url + "/admins/admin_permission",
				type: "post",
				dataType: "JSON",
				data: {
					id: id
				},
				success: function(data) {
					$('#permission-body').html(data['data']);
				},
				complete:function(data){
					$('#permission_admin').modal('show');
				},
				error: function (jqXHR, textStatus, errorThrown) {
					$('#load').hide();
					swal({title: (!!jqXHR.responseJSON.message? jqXHR.responseJSON.message : "{{ __('api.whoops') }}"), type: "error"});
				}
			});
		});
	</script>
@endpush