@extends('admin.master')

@section('content')

	<section id="widget-grid" class="">
		<div class="row">
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="jarviswidget jarviswidget-color-darken" id="wid-id-list" data-widget-editbutton="false" data-widget-deletebutton="false">
					<header>
						<span class="widget-icon"><i class="fa fa-edit"></i></span>

						<h2>{{ isset($item)? 'Edit ' . $item->title : 'Add new Currency Item' }}</h2>
					</header>

					<div>
						<div class="widget-body no-padding">
							{{ Form::open([
									'method' => isset($item)? 'put':'post',
									'url' => url('/admin/currencies/' . (isset($item)? $item->id : '')),
									'id' => 'form-edit-currency',
									'class' => 'smart-form'
								])
							}}

							<header>
								{{ isset($item)? 'Edit ' . $item->title : 'Add new Currency Item' }}
							</header>

							<fieldset>

								<section>
									<label class="label">Flag</label>
									<label class="select {{ form_error_class_for('flag_id', $errors) }}">

										<select id="select-flags" class="select2" style="width: 100%" name="flag_id">
											@foreach($flags as $key => $flag)
												<option value="{{$flag->id}}" data-style="{{$flag->style}}" {{ (isset($item) && $item->flag_id == $flag->id? 'selected':'') }}>
													{{$flag->title}}
												</option>
											@endforeach
										</select>
									</label>
									{{ form_error_message_for('flag_id', $errors) }}
								</section>

								<section>
									<label class="label">Currency</label>
									<label class="input {{ form_error_class_for('title', $errors) }}">
										<i class="icon-prepend fa fa-money txt-color-greenDark"></i>
										<input type="text" name="title" placeholder="Please insert the Title" value="{{ ($errors && $errors->any()? Input::old('title') : (isset($item)? $item->title : '')) }}">
										<b class="tooltip tooltip-top-right">Title of Item</b>
									</label>
									{{ form_error_message_for('title', $errors) }}
								</section>

								<section>
									<label class="label">Buy</label>
									<label class="input {{ form_error_class_for('buy', $errors) }}">
										<i class="icon-prepend fa fa-arrow-down txt-color-blue"></i>
										<input type="text" name="buy" placeholder="Please insert the Buy" value="{{ ($errors && $errors->any()? Input::old('buy') : (isset($item)? $item->buy : '')) }}">
										<b class="tooltip tooltip-top-right">Buy of Item</b>
									</label>
									{{ form_error_message_for('buy', $errors) }}
								</section>

								<section>
									<label class="label">Sell</label>
									<label class="input {{ form_error_class_for('sell', $errors) }}">
										<i class="icon-prepend fa fa-arrow-up txt-color-red"></i>
										<input type="text" name="sell" placeholder="Please insert the Sell" value="{{ ($errors && $errors->any()? Input::old('sell') : (isset($item)? $item->sell : '')) }}">
										<b class="tooltip tooltip-top-right">Sell of Item</b>
									</label>
									{{ form_error_message_for('sell', $errors) }}
								</section>

							</fieldset>

							<footer>
								<button type="submit" class="btn btn-primary">Submit</button>
								<button type="button" class="btn btn-default" onclick="window.history.back();">Back</button>
							</footer>

							{{ Form::close() }}
						</div>
					</div>
				</div>
			</article>
		</div>
	</section>

	<script type="text/javascript" charset="utf-8">
		$(function ()
		{
			function format(country)
			{
				if (!country.id)
				{
					return country.text;
				} // optgroup

				return '<img style="vertical-align: initial;" class="flag flag-'+$(country.element).data('style')+'" src="images/blank.gif"/>' + country.text;
			}

			$('#select-flags').select2({
				formatResult: format,
				formatSelection: format,
				escapeMarkup: function (m)
				{
					return m;
				}
			});

			$("#form-edit-currency").validate({

				rules: {
					title: {
						required: true,
						minlength: 2,
						maxlength: 255
					},
					buy: {
						required: true
					},
					sell: {
						required: true
					}
				},

				errorPlacement: function (error, element)
				{
					error.insertAfter(element.parent());
				}
			});
		})
	</script>
@stop