@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">
					{{ ( isset($id) ? 'Chỉnh sửa thông tin block slider' :'Thêm mới block slider') }}
					<a href="{{ route('backend.web_block.list') }}" class="pull-right">Danh sách block slider</a>
					</legend>

					<div class="col-md-6">
						<div class="form-group has-feedback @if( @$errors->first('name_block') != null ) has-error  @endif ">
							<label class="control-label col-lg-2 text-semibold">Tên block</label>
							<div class="col-lg-10">
								<input type="text" class="form-control" placeholder="Nhập vào tên block" name="name_block" value="{{ old('name_block',@$block->name_block)  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('name_block') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('name_block') }}</span>
							</div>
						</div>

						<div class="form-group has-feedback @if( @$errors->first('type_block') != null ) has-error  @endif ">
							<label class="control-label col-lg-2 text-semibold">Kiểu block</label>
							<div class="col-lg-10">
								<select name="type_block" class="form-control select2"  data-allow-clear="true"  data-placeholder="Chọn kiểu block">
									<option value="">Chọn kiểu block</option>
								    @foreach (config('itv.type_block') as $key => $value)
										<option value="{{ $key }}" {{ $key == @$block->type_block ? 'selected' : '' }}>{{ $value }}</option>
									@endforeach

								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('type_block') != null )<i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('type_block') }}</span>
							</div>
						</div>

						<div class="form-group @if( @$errors->first('website') != null ) has-error  @endif  has-feedback">
							<label class="control-label col-lg-2 text-semibold">Trang web</label>
							<div class="col-lg-10">
								<input type="text"  autocomplete="off" class="form-control" placeholder="Nhập vào trang web hiển thị" name="website" value="{{ old('website',@$block->website) }}">
								<div class="form-control-feedback">
									@if( @$errors->first('website') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('website') }}</span>
							</div>
						</div>
					</div>

					<div class="col-md-6">
						<div class="form-group @if( @$errors->first('page_display') != null ) has-error  @endif  has-feedback">
							<label class="control-label col-lg-2 text-semibold">Trang hiển thị</label>
							<div class="col-lg-10">
								<input type="text"  autocomplete="off" class="form-control" placeholder="Nhập vào trang hiển thị" name="page_display" value="{{ old('page_display',@$block->page_display) }}">
								<div class="form-control-feedback">
									@if( @$errors->first('page_display') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('page_display') }}</span>
							</div>
						</div>

						<div class="form-group @if( @$errors->first('display_order') != null ) has-error  @endif  has-feedback">
							<label class="control-label col-lg-2 text-semibold">Thứ tự</label>
							<div class="col-lg-10">
								<input type="text"  autocomplete="off" class="form-control" placeholder="Nhập vào thứ tự hiển thị" name="display_order" value="{{ old('display_order',@$block->display_order) }}">
								<div class="form-control-feedback">
									@if( @$errors->first('display_order') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('display_order') }}</span>
							</div>
						</div>

						<div class="form-group has-feedback @if( @$errors->first('category_id') != null ) has-error  @endif ">
							<label class="control-label col-lg-2 text-semibold">Danh mục</label>
							<div class="col-lg-10">
								<select name="category_id" class="form-control select2"  data-allow-clear="true"  data-placeholder="Chọn danh mục">
									<option value="">Chọn danh mục</option>
                                    @foreach ($cagegories as $category)
                                        <option value="{{$category->id}}" @if( $category->id == old('category_id', @$block->category_id) ) selected="selected" @endif>{{$category->display_name}}</option>
                                    @endforeach
									
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('category_id') != null )<i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('category_id') }}</span>
							</div>
						</div>
					</div>
						
				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">{{ ( isset($id) ? 'Cập nhật' :'Thêm mới') }} <i class="icon-file-plus position-right"></i></button>
				</div>
			</form>

		</div>
	</div>
@endsection

@push('styles')
	<style>
		
	</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();
		});

	</script>
@endpush