@extends('layouts.app')
@section('content')
<form class="form" method="POST" action="{{route('masters.sub_hobby.store')}}">
	@method("POST")
	<section class="content mb-5">
		<div class="container-fluid">

			<div class="row titlepad publsih-sticky">
				<div class="col-md-12">
					<div class="mt-3 mb-3">
						<div class="dashbed-border-bottom"></div>
					</div>
					<div class="row">
						<div class="col-sm-8">
							<h4>{{__("labels.sub_hobby_create_heading")}}</h4>
							{{-- <p class="page-sub-head">{{__("labels.sub_hobby_crud_sub_heading")}}</p> --}}
						</div>
						<div class="col-md-4 text-sm-right mt-2">
							<button type="submit" class="btn-md px-3 py-2 btn-primary"><i
									class="fa fa-check-square-o"></i> {{__("buttons.publish")}}</button>
							<a href="{{route('masters.sub_hobby.index')}}" class="btn-md px-3 py-2 btn-secondary"><i
									class="fa fa-chevron-circle-left"></i> {{__("buttons.cancel")}}</a>
						</div>
					</div>

				</div>
			</div>



			<div class="row">
				<div class="col-md-8">


					<div class="tabData mt-4">
						<h6>{{__("labels.sub_hobby_create_title")}}</h6>
						<div class="mt-2 mb-2">
							<div class="dashbed-border-bottom"></div>
						</div>
						<div class="pb-4">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label>{{__("labels.sub_hobby_create_name")}}<span
												class="text-red">*</span></label>
										<input type="text" class="form-control @error('name') is-invalid @enderror"
											name="name" placeholder="{{__('placeholders.sub_hobby_name')}}"
											value="{{ old('name') }}" />
										@error('name')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div>
								<div class="col-md-6">
                                <div class="form-group">
										<label>{{__("labels.sub_hobby_create_hobby")}}<span
												class="text-red">*</span></label>
												<select class="form-control select2" name = "hobby_id">
												<option value = "{{null}}">Select Hobby</option>
													@foreach ($hobbies as $hobby)
														<option value = "{{$hobby -> id}}">{{$hobby -> name}}</option>
													@endforeach
												</select>
										@error('hobby_id')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</form>
@endsection