@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<form action="" method="POST">
				{{ csrf_field() }}
				<fieldset class="content-group">
					<legend class="text-bold">
					{{ $title }}
					<a href="{{ route('backend.service.list') }}" class="pull-right">Danh sách</a>
					</legend>

					<div class="form-group has-feedback @if( @$errors->first('title') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Tiêu đề</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="title" value="{{ old('title',@$view->title) }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('title') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('title') }}</span>
						</div>
					</div> 

					<div class="form-group has-feedback @if( @$errors->first('link') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Link</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="link" value="{{ old('link',@$view->link)  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('link') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('link') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('type') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Loại view</label>
						<div class="col-lg-10">
							<select name="type" class="form-control">
								<option value="">Chọn loại view</option>
								@foreach($types as $type => $name)
								<option value="{{ $type }}" @if($type == old('type',@$view->type)) selected="selected" @endif>{{ $name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('type') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('type') }}</span>
						</div>
					</div>

					<div class="clearfix">
					<div class="form-group has-feedback @if( @$errors->first('count_view') != null ) has-error  @endif">
						<label class="control-label col-lg-2 text-semibold">Order view</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="count_view" value="{{ old('count_view',@$view->count_view)  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('count_view') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('count_view') }}</span>
						</div>
					</div>

					
					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('note') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Ghi chú</label>
						<div class="col-lg-10">
							<textarea class="form-control" placeholder="Mô tả dịch vụ" name="note">{{ old('note',@$view->note)  }}</textarea>
							<div class="form-control-feedback">
								@if( @$errors->first('note') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('note') }}</span>
						</div>
					</div>

				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Thêm mới <i class="icon-file-plus position-right"></i></button>
				</div>
			</form>

		</div>
	</div>
@endsection

@push('styles')
	<style>
		.multiselect-filter .input-group-addon{
			display:none;
		}
		.multiselect-filter .input-group-btn .multiselect-clear-filter{
			opacity: 0;
		}
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/switchery.min.js')}}"></script>
	<script>
		$(document).ready(function() {
			$('.select2').select2({
		        minimumResultsForSearch: Infinity,
		    });


			var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery-primary'));

			elems.forEach(function(html) {
			  	var switchery = new Switchery(html);
			});
		});
	</script>
@endpush