@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.message.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="Ex. Bảo trì hệ thống" name="title" value="{{ old('title',@$mes->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('message') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Nội dung</label>
						<div class="col-lg-10">
							<textarea class="form-control" placeholder="Ex. Nội dung tin nhắn" name="message" >{{ old('message',@$mes->message)  }}</textarea>
							<div class="form-control-feedback">
								@if( @$errors->first('message') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('message') }}</span>
						</div>
					</div>
					
					<div class="form-group has-feedback @if( @$errors->first('message') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Thời gian</label>

						<div class="has-feedback @if( @$errors->first('start_time') != null ) has-error  @endif  col-lg-5">
							<input type="text" class="form-control date" id="start_time" placeholder="Bắt đầu" name="start_time" value="{{ old('start_time',@$mes->start_time)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('start_time') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('start_time') }}</span>
						</div>

						<div class="has-feedback @if( @$errors->first('end_time') != null ) has-error  @endif col-lg-5">
							<input type="text" class="form-control date" id="end_time" placeholder="Kết thúc" name="end_time" value="{{ old('end_time',@$mes->end_time)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('end_time') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('end_time') }}</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">Đối tượng</label>
						<div class="col-lg-2">
							<div class="radio">
								<label>
									<input type="radio" name="code" value="all" class="control-primary" @if(old('code',@$mes->code) == 'all') checked="checked" @endif>
									Tất cả
								</label>
							</div>
							
						</div>

						<div class="col-lg-2">
							<div class="radio">
								<label>
									<input type="radio" name="code" value="services" class="control-primary" @if(old('code',@$mes->code) == 'services') checked="checked" @endif>	
									Nhóm dịch vụ
								</label>
							</div>
						</div>
						<div class="col-lg-2">
							<div class="radio">
								<label>
									<input type="radio" name="code" value="resellers" class="control-primary" @if(old('code',@$mes->code) == 'resellers') checked="checked" @endif>
									Nhóm đại lý	
								</label>
							</div>
						</div>
						<div class="col-lg-2">
							<div class="radio">
								<label>
									<input type="radio" name="code" value="customers" class="control-primary" @if(old('code',@$mes->code) == 'customers') checked="checked" @endif>
									Cá nhân
								</label>
							</div>
						</div>
						<div class="col-lg-2">
							<div class="radio">
								<label>
									<input type="radio" name="code" value="mac" class="control-primary" @if(old('code',@$mes->code) == 'mac') checked="checked" @endif>
									Mac
								</label>
							</div>
						</div>
					</div>

					<div class="form-group target has-feedback @if( @$errors->first('mac') != null ) has-error  @else hidden  @endif ">
						<label class="control-label col-lg-2 text-semibold">Chọn Mac</label>
						<div class="col-lg-10">
							<select name="mac" class="form-control select2" id="mac" data-placeholder="Chọn Mac">
								<option value="">Chọn Mac</option>
								@foreach($macs as $mac)
									<option value="{{ $mac->mac_address }}" @if($mac->mac_address == old('mac',@$mes->mac) ) selected="selected" @endif>{{ $mac->mac_address }}</option>
								@endforeach
							</select>
							<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 target has-feedback @if( @$errors->first('service_id') != null ) has-error  @else hidden  @endif ">
						<label class="control-label col-lg-2 text-semibold">Dịch vụ</label>
						<div class="col-lg-10">
							<select name="service_id" class="form-control select2" id="services" data-placeholder="Chọn dịch vụ">
								<option value="">Chọn dịch vụ</option>
								@foreach($services as $groups)
								<optgroup label="{{ $groups['name'] }}">
									@foreach($groups['val'] as $ser)
									<option value="{{ $ser->id }}" group="{{ $groups['name'] }}" @if($ser->id == old('service_id',@$mes->service_id) ) selected="selected" @endif>{{ $ser->name }}</option>
									@endforeach
								</optgroup>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('service_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('service_id') }}</span>
						</div>
					</div>

					<div class="form-group target has-feedback @if( @$errors->first('user_id') != null ) has-error @else hidden  @endif  ">
						<label class="control-label col-lg-2 text-semibold">Đại lý</label>
						<div class="col-lg-10">
							<select name="user_id" class="form-control select2" id="resellers" data-placeholder="Chọn đại lý">
								<option value="">Chọn đại lý</option>
								@foreach($resellers as $res)
								<option value="{{ $res->id }}"  @if($res->id == old('user_id',@$mes->user_id) ) selected="selected" @endif>{{ $res->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('user_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('user_id') }}</span>
						</div>
					</div>

					<div class="form-group target has-feedback @if( @$errors->first('customer_id') != null ) has-error @else hidden  @endif">
						<label class="control-label col-lg-2 text-semibold">Khách hàng</label>
						<div class="col-lg-10">
							<select name="customer_id" class="form-control select2" id="customers" data-placeholder="Chọn khách hàng">
								<option value="">Chọn khách hàng</option>
								@foreach($customers as $cus)
								<option value="{{ $cus->id }}"  @if($cus->id == old('customer_id',@$mes->customer_id) ) selected="selected" @endif>{{ $cus->fullname }} - {{ $cus->address }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('customer_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('customer_id') }}</span>
						</div>
					</div>

					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('priority') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mức ưu tiên</label>
						<div class="col-lg-10">
							<select name="priority" class="form-control select2"   id="priority" data-placeholder="Chọn mức">
								<option value="">Mức ưu tiên</option>
								<option value="1" @if(1 == old('priority',@$mes->priority) ) selected="selected" @endif>Bình thường</option>
								<option value="2" @if(2 == old('priority',@$mes->priority) ) selected="selected" @endif>Quan trọng</option>
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('priority') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('priority') }}</span>
						</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>
		.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/styling/uniform.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/ui/moment/moment.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/pickers/anytime.min.js')}}"></script>
	<script>
		var show = "{{old('code',@$mes->code)}}";
		if(show && $('#'+show)){
			$('.target').addClass('hidden');
			$('#'+show).parents('div.form-group').removeClass('hidden');
		}
		// Default initialization
    	$(".styled").uniform();
    	// Primary
	    $(".control-primary").uniform({
	        wrapperClass: 'border-primary-600 text-primary-800'
	    });

		$("#end_time, #start_time").AnyTime_picker({
	        format: "%d-%m-%Z"
	    });

		$(document).ready(function() {
			$('.select2').select2();
		});

		$('input.control-primary').change(function() {
			var id = $(this).val();
			if($('#'+id)){
				$('.target').addClass('hidden');
				$('#'+id).parents('div.form-group').removeClass('hidden');
			}

		});
	</script>
@endpush