@extends('admin/default')

@section('css')
	<style type="text/css">
		.error{
			color: red;
		}
		.label-container label.label {
		    width: 97%;
		    margin-bottom: 0;
		}
		.label-container button.btn.btn-sm.btn-outline-danger.delete_row {
		    width: 3%;
		    padding: 3px;
		}
		.label-container {
		    margin: 10px 0;
		}		
	</style>
@endsection

@section('content')
	<div id="spinner" class="text-center"></div>
   	<!-- Main content -->
   	<section class="content">
	  	<div class="card">
		<!-- Small boxes (Stat box) -->
			<div class="row">
				<div class="col-12">
					<!-- /.card-header -->
					<!-- form start -->
					<form role="form" method="POST" action="{{ route('admin.services.store') }}" enctype="multipart/form-data" id="store_service">
						@csrf
						<div class="card-body">
							<div class="row">
								<div class="col-6">
									<div class="form-group">
										<label for="category_id">Category</label><span class="text-danger">&#42;</span>
										<select class="form-control" id="category_id" name="category_id">
											<option value="">--select category--</option>
											@if(!empty($categories))
												@foreach($categories as $category)
													<option value="{{ $category->id }}">{{ $category->title }}</option>
												@endforeach
											@endif
										</select>
										@if ($errors->has('category_id'))
											<p class="text-danger" role="alert">
												{{ $errors->first('category_id') }}
											</p>
										@endif
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title</label><span class="text-danger">&#42;</span>
										<input type="text" class="form-control" id="title" name="title" placeholder="Enter Banner Title" value="{{ isset($banner) ? $banner->title : old('title') }}">
										@if ($errors->has('title'))
											<p class="text-danger" role="alert">
												{{ $errors->first('title') }}
											</p>
										@endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="image">Service Image</label>
										<div class="input-group">
											<div class="custom-file">
												<input type="file" class="custom-file-input" id="image" name="image">
												<label class="custom-file-label" for="image">Choose file</label>
											</div>
										</div>
										@if ($errors->has('image'))
											<p class="text-danger" role="alert">
												{{ $errors->first('image') }}
											</p>
										@endif
										<p class="text-muted"><small>Allowed JPG, GIF or PNG. Max size of 800kB. Ratio should be 480:89</small></p>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-12">
									<div class="form-group">
										<label for="description">Description</label><span class="text-danger">&#42;</span>
										<textarea rows="6" class="form-control" id="description" name="description" placeholder="type description">{{ isset($about) ? $about->description : old('description') }}</textarea>
										@if ($errors->has('description'))
											<p class="text-danger" role="alert">
												{{ $errors->first('description') }}
											</p>
										@endif
									</div>
								</div>
							</div>

							<!-- Links -->
							<div class="col-2">
								<button type="submit" class="btn btn-primary btn-block">Submit</button>
							</div>
						</div>
						<!-- /.card-body -->
					</form>
				</div>
			</div>
		<!-- /.row -->
	  	</div>
	  <!-- /.container-fluid -->
   	</section>

   	<!-- /.content -->
@endsection

@section('js')
@endsection