@extends('admin.dashboard')
@section('admin')

<div class="page-content">
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">المناطق</div>
					<div class="ps-3">
					
					</div>
					<div class="ms-auto">
						<div class="btn-group">
		<a href="{{ route('add.state') }}" class="btn btn-primary">اضافة منطقة</a> 				 
						</div>
					</div>
				</div>
				<!--end breadcrumb-->

				<hr/>
				<div class="card">
					<div class="card-body">
						<div class="table-responsive">
							<table id="example" class="table table-striped table-bordered" style="width:100%">
								<thead>
			<tr>
				<th>الرقم</th>
				<th>الدولة </th> 
				<th>المدينة </th> 
				<th>المنطقة </th> 
				<th>الاجراء</th> 
			</tr>
		</thead>
		<tbody>
	@foreach($state as $key => $item)		
			<tr>
				<td> {{ $key+1 }} </td>
				<td> {{ $item['division']['division_name'] }}</td> 
				<td> {{ $item['district']['district_name'] }}</td> 
				<td> {{ $item->state_name }}</td> 
				<td>

 <a href="{{ route('edit.state',[$item->id,$item->division_id]) }}" class="btn btn-info">تعديل</a>
<a href="{{ route('delete.state',$item->id) }}" class="btn btn-danger" id="delete" >حذف</a>



				</td> 
			</tr>
			@endforeach


		</tbody>
		<tfoot>
			<tr>
				<th>الرقم</th>
				<th>الدولة </th> 
				<th>المدينة </th> 
				<th>المنطقة </th> 
				<th>الاجراء</th> 
			</tr>
		</tfoot>
	</table>
						</div>
					</div>
				</div>



			</div>




@endsection