@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 thiết bị' :'Thêm mới thiết bị') }}
					<a href="{{ route('backend.w_product.list') }}" class="pull-right">Danh sách thiết bị</a>
					</legend>

					<div class="col-md-6">
						<div class="form-group has-feedback @if( @$errors->first('name') != null ) has-error  @endif ">
							<label class="control-label col-lg-2 text-semibold">Model</label>
							<div class="col-lg-10">
								<input type="text" class="form-control" placeholder="Nhập vào Model" name="name" value="{{ old('name',@$device->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 @if( @$errors->first('deviceId') != null ) has-error  @endif  has-feedback">
							<label class="control-label col-lg-2 text-semibold">DeviceId</label>
							<div class="col-lg-10">
								<input type="text"  autocomplete="off" class="form-control" id="inputAddress" placeholder="Nhập vào deviceId" name="deviceId" value="{{ old('deviceId',@$device->deviceId) }}">
								<div class="form-control-feedback">
									@if( @$errors->first('deviceId') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('deviceId') }}</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">Loại thiết bị</label>
							<div class="col-lg-10">
								<select name="category_id" class="form-control select2"  data-allow-clear="true"  data-placeholder="Chọn loại thiết bị">
									<option value="">Chọn loại thiết bị</option>
									@foreach($categories as $category)
									<option value="{{$category->id}}" @if( $category->id == old('category_id', @$device->category_id) ) selected="selected" @endif>{{$category->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>

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

						<div class="form-group @if( @$errors->first('note') != null ) has-error  @endif  has-feedback">
							<label class="control-label col-lg-2 text-semibold">Ghi chú</label>
							<div class="col-lg-10">
								<textarea class="form-control" name="note" rows="3" placeholder="Nhập vào ghi chú">{{ old('note',@$device->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>
					</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