@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('options') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Trạng thái</label>
						<div class="col-lg-10">
							<div class="checkbox checkbox-switchery">
								<label>
									<input type="checkbox" name="status" class="switchery-primary" @if(old('status',$service->status == 1)) checked="checked" @endif>	
								</label>
							</div>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block"></span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('name') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Tên dịch vụ</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. Vietnam - 1 Year" name="name" value="{{ old('name',$service->name)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('name') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('name') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('code') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mã dịch vụ</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. service-vn1y" name="code" value="{{ old('code',$service->code)  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('code') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('code') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('group_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Nhóm</label>
						<div class="col-lg-10">
							<select name="group_id" class="form-control">
								<option value="">Chọn nhóm</option>
								@foreach($groups as $group)
								<option value="{{ $group->id }}" @if($group->id == old('group_id',$service->group_id)) selected="selected" @endif>{{ $group->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('group_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('group_id') }}</span>
						</div>
					</div>

					<div class="clearfix">
						<div class="form-group has-feedback">
						<label class="control-label col-lg-2 text-semibold">Packages</label>
						<div class="col-lg-10">
							<select name="packages[]" class="form-control select2" multiple="multiple" data-placeholder="Chọn Packages">
								@foreach($packages as $pack)
								<option value="{{ $pack->id }}" @if(in_array($pack->id,(array)old('packages',@$packExits))) selected="selected" @endif>{{ $pack->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								&nbsp;
							</div>
							<span class="help-block"></span>
						</div>
					</div>

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

					<div class="form-group has-feedback @if( @$errors->first('usd') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Giá USD</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="usd" value="{{ old('usd', (float)$service->usd)  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('usd') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('usd') }}</span>
						</div>
					</div>
					<div class="form-group has-feedback @if( @$errors->first('vi_usd') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Giá USD(vi.itvjp.com)</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="vi_usd" value="{{ old('vi_usd', (float)$service->vi_usd) }}">
							<div class="form-control-feedback">
								@if( @$errors->first('vi_usd') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('vi_usd') }}</span>
						</div>
					</div>
					<div class="clearfix"></div>

					<div class="form-group has-feedback @if( @$errors->first('using_day') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Thời gian sd (tháng)</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. 360" name="using_day" value="{{ old('using_day',$service->using_day)  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('using_day') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('using_day') }}</span>
						</div>
					</div>

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

					<div class="form-group has-feedback @if( @$errors->first('options') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Options</label>
						<div class="col-lg-10">
							<div class="col-lg-10">
							<div class="row">
								@foreach($options as $opt)
								<div class="checkbox checkbox-switchery col-md-3">
									<label>
										<input type="checkbox" name="options[]" class="switchery-primary" value="{{ $opt['code'] }}" @if(in_array($opt['code'],(array)old('options',json_decode($service->options,true)))) checked="checked" @endif>	
										{{ $opt['name'] }}
									</label>
								</div>
								@endforeach
							</div>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block"></span>
						</div>
						</div>
					</div>



				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Cập nhật<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