@extends('admin.layouts.master')

@section('page-title') ادارة الأسواق @endsection
@section('header-title') ادارة الأسواق @endsection
@push('main-markets-active') m-menu__item--active @endpush

@section('content')
<div class="row">
	<div class="col-lg-12">
		<!--begin::Portlet-->
		<div class="m-portlet m-portlet--last m-portlet--head m-portlet--responsive-mobile" id="main_portlet">
			<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="fa fa-industry"></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.markets.create') }}" class="btn btn-primary m-btn m-btn--icon">
								<span>
									<i class="fa fa-plus"></i>
									<span>اضافة سوق جديد</span>
								</span>
							</a>
						</li>
					</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 (session('ERROR'))
				<div class="alert alert-danger alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>{{ session('ERROR') }}</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
				<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary" id="m_table_1">
					<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><i class="flaticon-cogwheel-2"></i></b> </th>
						</tr>
					</thead>
					<tbody>
						@if($markets->count())
						@foreach($markets as $market)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $loop->index +1 }}
							</td>

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

							<td class="text-center">
								<label class="m-checkbox m-checkbox--success">
									<input type="checkbox" class="appearance" id="{{ $market->id }}" {{ $market->presence ? 'checked' : '' }} >
									<span></span>
								</label>
							</td>

							<td class="text-center">
								<a href="{{ route('admin.markets.edit', ['market' => $market->id]) }}" title="تعديل" class="m-portlet__nav-link btn m-btn m-btn--hover-warning m-btn--icon m-btn--icon-only m-btn--pill">
									<i class="la la-edit"></i>
								</a>
							</td>
						</tr>
						@endforeach
						@endif
					</tbody>
				</table>
			</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">
		$('.appearance').on('click', function() {
			var id = $(this).attr('id');
			var checked = $(this).is(":checked") ? 1 : 0;
			var dataString = "id=" + id + "&checked=" + checked;

			$.ajax({
				type: "POST",
				url: "/admin/markets/featured",
				data: dataString,
				success: function(data){
					console.log(data);
					swal('', data.message, data.status);
					if (data.status == 'error') {
						$("#"+id).prop('checked', false);
					}
				}
			});
		});
	</script>
@endpush