@extends('admin.layout.index')

@section('content')



					<!-- Page Header -->
					<div class="page-header">
						<div class="row">
							<div class="col-sm-7 col-auto">
								<h3 class="page-title">All Towns</h3>
								<ul class="breadcrumb">
									<li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
									<li class="breadcrumb-item active">Town</li>
								</ul>
							</div>
							<div class="col-sm-2 col">
								<a href="#Add_Specialities_details" data-toggle="modal" class="btn btn-primary float-right mt-2">Add Town</a>
							</div>
						</div>
					</div>
					<!-- /Page Header -->
					<div class="row">
						<div class="col-sm-6">
							<div class="card">
								<div class="card-body">
									<div class="table-responsive">
										<table class="datatable table table-hover table-center mb-0">
											<thead>
												<tr>

													<th>Town</th>
													<th>Region</th>
													<th class="text-right">Actions</th>
												</tr>
											</thead>
											<tbody>
                                                @if ($postTown->isNotEmpty())
                                                @foreach ($postTown ?? '' as $town)
												<tr>
                                                    <td>{{$town->name}}</td>
                                                    @foreach ($postRegion ?? '' as $region)
                                                    @if ($town->region_id == $region->id)
													<td>{{$region->name}}</td>
                                                    @endif
                                                    @endforeach
													{{-- <td>
														<h2 class="table-avatar">
															<a href="profile.html" class="avatar avatar-sm mr-2">
																<img class="avatar-img" src="assets/img/specialities/specialities-01.png" alt="Speciality">
															</a>
															<a href="profile.html">{{$town->code}}</a>
														</h2>
													</td> --}}

													<td class="text-right">
														<div class="actions">
															<a class="btn btn-sm bg-success-light" data-toggle="modal" href="#edit_specialities_details{{$town->id}}">
																<i class="fe fe-pencil"></i> Edit
															</a>
															<a  data-toggle="modal" href="#delete_modal{{$town->id}}" class="btn btn-sm bg-danger-light">
																<i class="fe fe-trash"></i> Delete
															</a>
														</div>
													</td>
												</tr>
                                                @endforeach
                                                @endif
                                            </tbody>
                                            {{-- <tbody>
                                                @if ($postTown->isNotEmpty())
                                                @foreach ($postTown ?? '' as $town)
                                                    <tr>
                                                        <td>{{$town->name}}</td>
                                                        <td>{{$town->code}}</td>
                                                        <td>
                                                            <a href="{{route('town.edit', $town->id)}}" class="mr-2"><i class="fas fa-edit text-info font-16"></i></a>
                                                            <a href="{{route('town.show', $town->id)}}"><i class="fas fa-eye text-danger font-16"></i></a>
                                                        </td>
                                                    </tr><!--end tr-->
                                                @endforeach
                                            @endif
                                            </tbody> --}}
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /Page Wrapper -->

			<!-- Add Modal -->
			<div class="modal fade" id="Add_Specialities_details" aria-hidden="true" role="dialog">
				<div class="modal-dialog modal-dialog-centered" role="document" >
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Add town</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form method="POST" action="{{route('town.store')}}" enctype="multipart/form-data" >
                                @csrf
								<div class="row form-row">
									<div class="col-12 col-sm-6">
										<div class="form-group">

                                            <input type="text" class="form-control" name="name" id="Name" required="">
										</div>
									</div>
									<div class="col-12 col-sm-6">
										<div class="form-group">
											<select class="custom-select" name="region_id" id="status-select">
                                                <option value="">Select Region</option>
                                                @if ($postRegion->isNotEmpty())
                                    @foreach ($postRegion as $region)
                                        <option value="{{$region->id}}">{{$region->name}}</option>
                                    @endforeach
                                @endif
                                            </select>
										</div>
									</div>

								</div>
								<button type="submit" class="btn btn-primary btn-block">Save Changes</button>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- /ADD Modal -->

            @if ($postTown->isNotEmpty())
            @foreach ($postTown ?? '' as $town)

			<!-- Edit Details Modal -->
			<div class="modal fade" id="edit_specialities_details{{$town->id}}" aria-hidden="true" role="dialog">
				<div class="modal-dialog modal-dialog-centered" role="document" >
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Edit {{$town->name}} town</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
                            <form method="POST" action="{{route('town.update', $town->id)}}" enctype="multipart/form-data">
                                @method('PUT')
                                @csrf
								<div class="row form-row">
									<div class="col-12 col-sm-6">
										<div class="form-group">
											{{-- <label>town</label> --}}
											<input type="text" class="form-control" name="name" value="{{$town->name}}"id="Name" required="">
										</div>
									</div>
									<div class="col-12 col-sm-6">
										<div class="form-group">
											<select class="custom-select" name="region_id" id="status-select">
                                                @foreach ($postRegion ?? '' as $region)
                                                @if ($town->region_id == $region->id)

                                                <option value="{{$region->id}}">{{$region->name}}</option>
                                                @endif
                                                @endforeach

                                                @if ($postRegion->isNotEmpty())
                                    @foreach ($postRegion as $region)
                                        <option value="{{$region->id}}">{{$region->name}}</option>
                                    @endforeach
                                @endif
                                            </select>
										</div>
									</div>

								</div>
								<button type="submit" class="btn btn-primary btn-block">Save Changes</button>
							</form>
						</div>
					</div>
				</div>
            </div>
            @endforeach
            @endif
			<!-- /Edit Details Modal -->

            <!-- Delete Modal -->
            @if ($postTown->isNotEmpty())
            @foreach ($postTown ?? '' as $town)
			<div class="modal fade" id="delete_modal{{$town->id}}" aria-hidden="true" role="dialog">
				<div class="modal-dialog modal-dialog-centered" role="document" >
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Delete {{$town->name}}</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="form-content p-2">
								{{-- <h4 class="modal-title">Delete </h4> --}}
                                <p class="mb-4">Are you sure want to delete {{$town->name}}?</p>
                                <a href="{{route('town.destroy', $town->id) }}"
                                    onclick="event.preventDefault();
                                    document.getElementById('deleteProd{{$town->id}}').submit();">
                                    {{-- <i class="fas fa-trash-alt text-danger font-12"></i> --}}
                                    <button type="submit" class="btn btn-primary">Save </button>
                            </a>
                            <form id="deleteProd{{$town->id}}" action="{{route('town.destroy', $town->id)}}" method="POST" style="display: none;">
                                @method('DELETE')
                                <input type="hidden" name="id" value="{{$town->id}}">
                                @csrf
                            </form>

								<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
							</div>
						</div>
					</div>
				</div>
            </div>
            @endforeach
            @endif
			<!-- /Delete Modal -->

						</div>
					</div>
@endsection