@extends('adminsection.layouts.master')

@section('title')
	Hotel
	|| @parent
@stop

@section('page-title')
	Hotel 
@stop

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('hotel.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<form method="get" class="input-group form-group search-block">
							<input type="text" class="form-control" placeholder="Type hotel name" name="srctext">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="submit">Search</button>
							</span>
						</form>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Address</th>
							<th>Phone</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($hotels as $hotel)
							<tr>
								<th scope="row" width="5%">{{$loop->iteration}}</th>
								<td width="20%">
									<span title="{{$hotel->star_category}} Star" data-toggle="tooltip" data-placement="top">
										{{$hotel->name}}
									</span>
								</td>
								<td width="25%">{{$hotel->address}}</td>
								<td width="15%">{{$hotel->phone}}</td>
								<td width="35%">
									<a href="{{route('hotel.edit', $hotel)}}" class="btn btn-info btn-sm">
										Edit
									</a>
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deleteHotel{{$hotel->id}}">
										Delete
									</a>
									<a href="{{route('hotel.rooms', $hotel)}}" class="btn btn-light btn-sm">
										Rooms
									</a>
								</td>
							</tr>
							<!-- Modal -->
							<div class="modal fade" id="deleteHotel{{$hotel->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="{{route('hotel.delete', $hotel)}}">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title" id="exampleModalLabel">
													Delete
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to delete {{$hotel->name}}?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<span class="float-right">
			{{$hotels->links()}}
		</span>
	</div>
</div>
@stop