@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left">Room Type</h1>
				<ol class="breadcrumb float-right">
					<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
					<li class="breadcrumb-item"><a href="{{ route('guest-room.index') }}">Guest Room</a></li>
					<li class="breadcrumb-item active">Room Type</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>		
	</div>
	<div class="col-sm-12">
		<div class="row">			
			<div class="col-sm-12">
				<form method="post" enctype="multipart/form-data">
					@csrf
					@if($editData)
					<input type="hidden" name="action_type" value="updating" />
					@method('PUT')
					@else
					<input type="hidden" name="action_type" value="creating" />
					@endif
					<div class="card">
						<div class="card-header">
							@if($editData)
							Room Type Update Form
							@else
							New Room Type Form
							@endif
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="control-label">Type Name <span class="text-danger">*</span></label>
										<input type="text" name="name" value="{{ $editData?$editData->name:'' }}" class="form-control" required />
									</div>
								</div>
								<div class="col-sm-2">
									<div class="form-group">
										<label class="control-label">Base Fare</label>
										<input type="number" name="base_fare" value="{{ $editData?$editData->base_fare:'' }}" class="form-control" required="" />
									</div>
								</div>
								<div class="col-sm-2">
									<div class="form-group">
										<label class="control-label">Room Number <span class="text-danger">*</span></label>
										<input type="number" min="1" value="{{ $editData?$editData->room_number:1 }}" name="room_number" class="form-control" required />
									</div>
								</div>
								<div class="col-sm-2">
									<div class="form-group">
										<label class="control-label">Status</label>
										<select name="status" class="form-control form-control-sm">
											<option value="1" @if($editData && $editData->status == 1) selected @endif>Active</option>
											<option value="0" @if($editData && $editData->status == 0) selected @endif>Inactive</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<div class="form-group">
										<label class="control-label">Details</label>
										<textarea class="form-control summernote" name="details">{{ $editData?$editData->details:'' }}</textarea>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="form-group text-center">
										<label class="control-label">Featured Photo</label>
										<div class="fileinput fileinput-new" data-provides="fileinput">
											<div class="fileinput-new img-thumbnail" style="width: 200px; height: 200px;">
												@if($editData && $editData->featured_photo && file_exists('public/'. $editData->featured_photo))
											    <img src="{{ asset('public/'.$editData->featured_photo) }}" alt="...">
												@else
											    <img src="http://placehold.it/200x200" alt="...">
											    @endif
											</div>
								  			<div class="fileinput-preview fileinput-exists img-thumbnail" style="max-width: 200px; max-height: 200px;"></div>
										  	<div>
											    <span class="btn btn-outline-secondary btn-file">
											    	<span class="fileinput-new">Select image</span>
											    	<span class="fileinput-exists">Change</span>
											    	<input type="file" name="photo" accept="image/*" />
											    </span>
										    	<a href="#" class="btn btn-outline-secondary fileinput-exists" data-dismiss="fileinput">Remove</a>
										  	</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card-footer text-right">
							@if($editData)
							<button type="submit" class="btn btn-info">Update</button>
							@else
							<button type="submit" class="btn btn-sm btn-info">Add</button>
							@endif
						</div>
					</div>					
				</form>
			</div>

			<div class="col-sm-12 mt-4 mb-4">
				<div class="card">
					<div class="card-header">
						Room Type List
					</div>
					<div class="card-body">
						<div class="table-responsive">
							<table class="table table-bordered table-sm">
								<thead>
									<tr>
										<th class="text-center">Sl.</th>
										<th class="text-center">Photo</th>
										<th class="text-center">Type Name</th>
										<th class="text-center">Base Fare</th>
										<th class="text-center">Rooms</th>
										<th class="text-center">Status</th>
										<th class="text-center">Action</th>
									</tr>
								</thead>
								<tbody>
									@foreach($types as $type)
									<tr>
										<td class="text-center">{{ $loop->iteration }}</td>
										<td class="text-center">
											@if($type->featured_photo && file_exists('public/'. $type->featured_photo))
										    <img src="{{ asset('public/'.$type->featured_photo) }}" style="width: 100px; height: auto;" alt="...">
											@else
										    <img src="https://placehold.it/100x100" alt="...">
										    @endif
										</td>
										<td class="text-center">{{ $type->name }}</td>
										<td class="text-center">{{ $type->base_fare?number_format($type->base_fare, 2):'' }}</td>
										<td class="text-center">{{ $type->room_number }}</td>
										<td class="text-center">{{ $type->status_name() }}</td>
										<td class="text-center">
											@if($editData && $editData->id == $type->id)
											@else
											<a href="{{ route('guest-room.room-types', $type->id) }}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i></a>
											<a href="{{ route('guest-room.room-types', $type->id) }}" class="item-delete-btn btn btn-danger btn-sm"><i class="fa fa-remove"></i></a>
											@endif
										</td>
									</tr>
									@endforeach
								</tbody>
							</table>							
						</div>
					</div>
					<div class="card-footer">
						{{ $types->links() }}
					</div>
				</div>
			</div>		
		</div>
	</div>
</div>
@endsection

@section('page_script')
<script src="{{ asset('public/plugins/summernote/summernote.min.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ asset('public/plugins/summernote/summernote.min.css') }}">
@endsection

@section('before_body_end')
<style type="text/css">
	.short_cut {
		padding: 5px;
	}
</style>
<script type="text/javascript">
	$(function(){
		$('.summernote').summernote({
			minHeight: 200
		});
	});
</script>
@endsection