@extends('layouts.admin')
@section('content')

<div class="app-content content">
	<div class="content-wrapper">
		<div class="content-header row">
			<div class="content-header-left col-md-6 col-12 mb-2">
				<h3 class="content-header-title"> الاقسام الرئيسية </h3>
				<div class="row breadcrumbs-top">
					<div class="breadcrumb-wrapper col-12">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">الرئيسية</a>
							</li>
							<li class="breadcrumb-item active"> الاقسام الفرعية
							</li>
						</ol>
					</div>
				</div>
			</div>
		</div>

		<div class="content-body">
			<!-- DOM - jQuery events table -->
			<section id="dom">
				<div class="row">



					<div class="col-12">
						<div class="card">
							<div class="card-header">
								<h4 class="card-title">جميع الاقسام الفرعية </h4>
								<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
								<div class="heading-elements">
									<ul class="list-inline mb-0">
										<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
										<li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
										<li><a data-action="expand"><i class="ft-maximize"></i></a></li>
										<li><a data-action="close"><i class="ft-x"></i></a></li>
									</ul>
								</div>
							</div>
<div class="col-12">
	<form class="form" action="{{ URL::Current() }}" method="get"  >

	<input type="text" class="form-control   placeholder="  " value="{{request('search')}}" name="search">
<button class="btn btn-dark" value="Filter"  >Filter</button>
</form></div>
							@include('dashboard.includes.alerts.success')
							@include('dashboard.includes.alerts.errors')

							<div class="card-content collapse show">
								<div class="card-body card-dashboard">
									<form class="form" action="{{route('admin.brands.delAll')}}" method="POST" enctype="multipart/form-data">
										@csrf

										<table class="table table-striped table-bordered display nowrap zero-configuration">

<!--<table class="table display nowrap table-striped table-bordered scroll-horizontal table-responsive">
	<table class="table table-striped table-bordered display nowrap zero-configuration"  cellspacing="0" cellpadding="0">
-->		 
									<thead class="">
												<tr>
												locale=  {{ LaravelLocalization::getCurrentLocaleNative() }}
                  {{ LaravelLocalization::getCurrentLocaleDirection() }}
<br>app={{app()->getLocale()}}
													<th># </th>
													<th><!--الإسم (AR)-->{{__('general.name_ar')}}</th>
													 <th><!--الإسم (EN) -->{{__('general.name_en')}}</th>
 
													<th><!--النوع-->{{__('general.status')}}</th>
													
													<th><!--الإجراءات-->{{__('general.actions')}}</th>
													<th>
														<!-- <input type="submit"  style="margin-bottom: 10px" class="btn btn-danger" value="حذف " > -->
														<input type="image" src="{{asset('images/del.png')}}" alt="delete" width="50" height="50">
														<!--<input type="checkbox" id="select_all" />-->
													</th>
												</tr>
											</thead>
											<tbody>

												@isset($brands)
												@foreach($brands as $brand)
												<tr>

													<td>{{$loop->index+1}}</td>
													<td>{{$brand -> name_ar}}</td>
													<td>
														 
														{{$brand ->name_en}}

													</td>
													<td>
														@if( file_exists(realpath('assets/images/brands/'.$brand->img)))

														<img style="width: 100px; height: 100px;" src="{{asset('assets/images/brands/'.$brand->img)}}">
														@else
														<img style="width: 100px; height: 100px;" src="{{asset('images/noimage.png')}}">

														@endif
													</td>
													<td>{{--$brand -> getActive()--}}

														@if($brand->is_active==1)
														<a href="{{ route('admin.brands.deactivate',$brand -> id)}}">
															<img style="width: 30px; height: 30px;" src="{{asset('images/ok_blue.png')}}" alt="اضغط لالغاء التفعيل"></a>
														@else
														<a href="{{ route('admin.brands.activate',$brand -> id)}}" alt="اضغط للتفعيل">
															<img style="width: 30px; height: 30px;" src="{{asset('images/del_blue.png')}}" alt="اضغط للتفعيل"></a>

														@endif
													</td>


													
													<td width="10%">
                                                    
 														<div class="btn-group" role="group" aria-label="Basic example">
														 <!--	<a href="{{ route('admin.brands.edit',$brand -> id)}}"  ><img style="width: 30px; height: 30px;" src="{{asset('images/edit.png')}}"  alt="تعديل"></a> 
															<a href="{{ route('admin.brands.delete',$brand -> id)}}"  ><img style="width: 30px; height: 30px;" src="{{asset('images/delete.png')}}"  alt="حذف"></a> -->
															
                                                            
                                                             <!--<a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-pinterest"><span class="ft-trash-2 font-medium-4 box-shadow-3"></span></a>
                                                             <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class="icon-pencil  font-medium-4"></span></a>  
                                                             <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class="la la-archive"></span></a>
                                                            
                                                             <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class="la la-bitbucket font-medium-4"></span></a>
                                                              <a href="#" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span class=" ft-trash-2 font-medium-4 "style=" 
  
  box-shadow: 5px 10px #888888;"  ></span></a>-->
                                                            
                                                               <a href="{{ route('admin.brands.edit',$brand -> id)}}" class="btn btn-outline-info  mr-1 mb-1  box-shadow-3 " style="width:40px; height:40px;padding:10px 3px 3px 3px"><span class="icon-pencil  font-medium-4"></span><!--تعديل--></a>
                                                             <a href="{{ route('admin.brands.delete',$brand -> id)}}" class="btn btn-outline-info  mr-1 mb-1  box-shadow-3 " style="width:40px; height:40px ;padding:10px 3px 3px 3px"><span class="ft-trash-2 font-medium-4"><!--حذف--></span> </a>
															  
                                                             
                                                            


														</div>
													</td>
													<td align="center" width="5%">

														<input type="checkbox" class="class=" form-group"" name="ids[]" id="delAll" value="{{$brand -> id}}">
													</td>
												</tr>
												@endforeach

												@endisset

											</tbody>
										</table>




									</form>
									<div class="justify-content-center d-flex">
									
									</div>
									{!! $brands ->withQueryString()-> appends(['type'=>'brand']) ->links() !!}
									{{-- $brands ->withQueryString()-> appends(['type'=>'brand']) ->links('vendor.pagination.bootstrap-4') --}}
						{{--withQueryString() send all parameters in url like search --}}
						{{--appends(['type'=>'brand']) send all parameters in url like search --}}
						{{-- $brands-> withQueryString () ->links('pagination.custom') --}}
								</div>
							</div>
						</div> here
					</div>
				</div> 
                
			</section>
		</div>
	</div>
</div>
<script>
	$("#selectAll").click(function() {
		$("input[type=checkbox]").prop('checked', $(this).prop('checked'));

	});
</script>
@stop