@extends('adminsection.layouts.master')

@section('title')
	Create City
	|| @parent
@stop

@section('page-title')
	Create City 
@stop

@section('main-content')
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
	<div class="card">
		<div class="card-body">
			@if($errors->any())
				<ul class="alert alert-danger" style="background-color: #FFF4F4;">
					@foreach($errors->all() as $error)
						<li style="color: red;">{{$error}}</li>
					@endforeach
				</ul>
			@endif

			<form method="post" enctype="multipart/form-data">
				@csrf
				<div class="form-row">
					<div class="form-group col-md-6">
						<label class="col-form-label">Country Name</label>
						<input type="text" name="name" class="form-control" placeholder="Enter country Name" value="{{$country->name}}">
					</div>

					<div class="form-group col-md-6">
						<label class="col-form-label">Enter Short Code</label>
						<input type="text" name="short_code" class="form-control" placeholder="Enter country short code" value="{{old('short_code')}}">
						<small>
							Please use correct ISO short code, you can get shortcode <a href="https://www.worldatlas.com/aatlas/ctycodes.htm" target="_BLINK" style="color: blue; text-decoration: underline;">here</a>.
						</small>
					</div>
				</div>

				<div class="form-row">
					<div class="form-group col-md-12">
						<label class="col-form-label">Enter Continent</label>
						<input type="text" name="continent" class="form-control" placeholder="Enter continent Name" value="{{$country->continent}}">
					</div>
				</div>

				<div class="form-group">
					<div class="form-check">
						<label class="form-check-label">
							<input class="form-check-input" name="is_active" type="checkbox" value="1" @if($country->is_active) checked @endif>
							Active
						</label>
					</div>
				</div>

				<br>
				<button type="submit" class="btn btn-primary" style="cursor: pointer;">Submit</button>
			</form>
		</div>
	</div>
</div>
@stop

@section('js')
	@parent
	<script src="{{asset('adminsection/vendor/summernote/summernote-bs4.js')}}"></script>

	<script>
		$(document).ready(function() {
		  $('.summernote').summernote({
		  	height: 200,
		  });
		});
	</script>

@stop