@extends('admin/layouts/default')

{{-- title --}}
@section('title')
    {{ trans('admin/'.$langFile.'.create-title') }} ::
    @parent
@stop

{{-- content --}}
@section('content')
    <div class="toolbar row">
        <div class="col-sm-6 hidden-xs">
            <div class="page-header">
                <h1>{{ trans('admin/'.$langFile.'.create-title') }} <small></small></h1>
            </div>
        </div>
        <div class="col-sm-6 col-xs-12">
            <div class="toolbar-tools pull-right">
                <ul class="nav navbar-right">
                    <li><a href="{{ route($routes['index']) }}" ><i class="fa fa-chevron-left"></i>{{ trans('admin/general.back') }}</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('admin') }}">{{ trans('admin/general.dashboard') }}</a></li>
                <li><a href="{{ route($routes['index']) }}">{{ trans('admin/'.$langFile.'.index-title') }}</a></li>
                <li class="active">{{ trans('admin/'.$langFile.'.create-title') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Notifications -->
            @include('admin/notifications')
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h4 class="panel-title">{{ trans('admin/'.$langFile.'.item-info') }}</h4>
                    <div class="panel-tools">
                        <div class="dropdown">
                            <a data-toggle="dropdown" class="btn btn-xs dropdown-toggle btn-transparent-grey">
                                <i class="fa fa-cog"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-light pull-right" role="menu">
                                <li>
                                    <a class="panel-collapse collapses" href="#"><i class="fa fa-angle-up"></i> <span>{{ trans('admin/general.collapse') }}</span> </a>
                                </li>
                                <li>
                                    <a class="panel-expand" href="#">
                                        <i class="fa fa-expand"></i> <span>{{ trans('admin/general.fullscreen') }}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>

                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="" autocomplete="off" enctype="multipart/form-data">
                        <!-- CSRF Token -->
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                        <div class="form-group">
                            <label for="language" class="col-sm-2 col-md-2 col-lg-1 control-label">{{ trans('admin/general.language') }}</label>
                            <div class="col-sm-10 col-md-10 col-lg-11">
                                <select class="form-control" name="language" id="language" data-options="" style="width:auto;" disabled="disabled">
                                    @foreach(languages() AS $lng)
                                        <option value="{{ $lng->code }}"{{ (old('language') == defaultLanguage() ? ' selected="selected"' : '') }}>{{ $lng->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="tabbable">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab-general" data-toggle="tab">{{ trans('admin/general.general') }}</a></li>
                                <li><a href="#tab-features" data-toggle="tab">Features</a></li>
                                <li><a href="#tab-foods" data-toggle="tab">Compatible foods</a></li>
                                <li><a href="#tab-meta-data" data-toggle="tab">{{ trans('admin/general.seo') }}</a></li>

                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="tab-general">

                                    <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="title">Title</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text"  name="title" id="title" value="{{ old('title') }}" />
                                        </div>
                                    </div>

									<div class="row">
										<div class="col-sm-2"></div>
										<div class="col-sm-3">
											<div class="form-group{{ $errors->has('code') ? ' has-error' : '' }}" style="margin-left: 0">
												<label class="control-label" for="code">Code</label>
												<input class="form-control" type="text"  name="code" id="code" value="{{ old('code') }}" />
											</div>
										</div>
										<div class="col-sm-3">
											<div class="form-group{{ $errors->has('stock') ? ' has-error' : '' }}" style="margin-left: 0">
												<label class="control-label" for="stock">Stock</label>
												<input class="form-control" type="text"  name="stock" id="stock" value="{{ old('stock') }}" />
											</div>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-2"></div>
										<div class="col-sm-3">
											<div class="form-group{{ $errors->has('price') ? ' has-error' : '' }}" style="margin-left: 0;margin-right: 0">
		                                        <label class="control-label" for="price">{{ trans('admin/products.price') }}</label>
	                                            <input class="form-control" type="text" name="price" id="price" value="{{ old('price') }}" />
		                                    </div>
										</div>
										<div class="col-sm-3">
											<label class="control-label" for="discount_type">Discount type</label>
                                            <select name="discount_type" id="discount_type" class="form-control">
												<option value="0" {{ (old('discount_type') == 0 ? ' selected="selected"' : '') }}>Fix amount</option>
                                                <option value="1" {{ (old('discount_type') == 1 ? ' selected="selected"' : '') }}>Percent</option>
                                            </select>
										</div>
										<div class="col-sm-3">
											<div class="form-group{{ $errors->has('discount_amount') ? ' has-error' : '' }}" style="margin-left: 0;margin-right: 0">
												<label class="control-label" for="discount_amount">Discount amount</label>
												<input class="form-control" type="text" name="discount_amount" id="discount_amount" value="{{ old('discount_amount') }}" />
											</div>
										</div>
									</div>

									<div class="form-group{{ $errors->has('brand_id') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="brand_id">Brand</label>
										<div class="col-sm-3">
											<select name="brand_id" id="brand_id" class="form-control">
												<option value=""{{ (old('brand_id') == '' ? ' selected="selected"' : '') }}>Select Brand</option>
												@foreach ($brands as $brand)
													<option value="{{$brand->id}}"{{ (old('brand_id') == $brand->id ? ' selected="selected"' : '') }}>{{ $brand->language->title }}</option>
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group{{ $errors->has('categories') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="category_id">Categories</label>
										<div class="col-sm-3">
											<select name="categories[]" id="categories" multiple class="form-control" style="height:200px">
												@foreach ($categories as $category)
													<option value="{{$category->id}}" {{ (@ in_array($category->id, old("categories")) ? ' selected="selected" ' : ' ' ) }}>{{ $category->language->name }}</option>
													@foreach($category->getSubcategories() as $sc)
														<option value="{{$sc->id}}" {{ (@ in_array($sc->id, old("categories")) ? ' selected="selected" ' : ' ' ) }}>&nbsp;&nbsp;&nbsp;{{$sc->language->name}}</option>
														@foreach($sc->getSubcategories() as $sc2)
															<option value="{{$sc2->id}}" {{ (@ in_array($sc2->id, old("categories")) ? ' selected="selected" ' : ' ' ) }}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$sc2->language->name}}</option>
														@endforeach
													@endforeach
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group{{ $errors->has('thumbnail') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="thumbnail">Thumbnail</label>
										<div class="col-sm-9">
											<div class="input-group">
												<input class="form-control" type="text" name="thumbnail" id="thumbnail" value="{{ old('thumbnail') }}" />
												<span class="input-group-btn">
													<a href="#" field-id="thumbnail" title="" class="btn btn-primary elfinder-select-item">Select</a>
												</span>
											</div>
										</div>
									</div>

                                    <div class="form-group{{ $errors->has('image') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="image">{{ trans('admin/products.image') }}</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <input class="form-control" type="text" name="image" id="image" value="{{ old('image') }}" />
                                                <span class="input-group-btn">
                                                    <a href="#" field-id="image" title="" class="btn btn-primary elfinder-select-item">Select</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('short_content') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="short_content">Short Content</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control" name="short_content" id="short_content" rows="4">{{ old('short_content') }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('content') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="content">Content</label>
                                        <div class="col-sm-9">
                                            <textarea class="ckeditor" name="content" id="content" rows="4">{{ old('content') }}</textarea>
                                        </div>
                                    </div>

									<div class="form-group{{ $errors->has('similar_products') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="similar_products">{{ trans('admin/products.similar_products') }}</label>
                                        <div class="col-sm-9">
                                            <select name="similar_products[]" id="similar_products" style="width: 100%;" multiple="multiple"></select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="status">{{ trans('admin/general.status') }}</label>
                                        <div class="col-sm-9">
                                            <select name="status" id="status" class="form-control" style="width: auto;">
                                                <option value="1"{{ (old('status') == 1 ? ' selected="selected"' : '') }}>{{ trans('admin/general.active') }}</option>
                                                <option value="0"{{ (old('status') == 0 ? ' selected="selected"' : '') }}>{{ trans('admin/general.inactive') }}</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>

                                <div class="tab-pane" id="tab-features">
									<div class="form-group{{ $errors->has('type_id') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="type_id">Type</label>
										<div class="col-sm-3">
											<select name="type_id" id="type_id" class="form-control">
												<option value="" {{ (old('type_id') == '' ? ' selected="selected"' : '') }}>Select Type</option>
												@foreach ($types as $type)
													<option value="{{ $type->id }}"{{ (old('type_id') == $type->id ? ' selected="selected"' : '') }}>{{ $type->language->title }}</option>
													@foreach ($type->children() as $typeChild)
														<option value="{{ $typeChild->id }}"{{ (old('type_id') == $typeChild->id ? ' selected="selected"' : '') }}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $typeChild->language->title }}</option>
													@endforeach
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group{{ $errors->has('country_id') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="country_id">Country</label>
										<div class="col-sm-3">
											<select name="country_id" id="country_id" class="form-control">
												<option value="" {{ (old('country_id') == '' ? ' selected="selected"' : '') }}>Select Country</option>
												@foreach (\App\Country::getAll() as $country)
													<option value="{{ $country['id'] }}"{{ (old('country_id') == $country['id'] ? ' selected="selected"' : '') }}>{{ $country['name'] }}</option>
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group{{ $errors->has('region_id') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="region_id">Region</label>
										<div class="col-sm-3">
											<select name="region_id" id="region_id" class="form-control">
												<option value="" {{ (old('region_id') == '' ? ' selected="selected"' : '') }}>Select Region</option>
												@foreach ($regions as $region)
													<option value="{{ $region->id }}"{{ (old('region_id') == $region->id ? ' selected="selected"' : '') }}>{{ $region->language->title }}</option>
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group">
                                        <label class="col-sm-2 control-label">Occasions</label>
                                        <div class="col-sm-9">
											@foreach ($occasions as $occasion)
	                                            <label class="checkbox-inline">
	                                                <input type="checkbox" class="flat-black"
															name="occasions[]" id="occasion-{{ $occasion->id }}"
															value="{{ $occasion->id }}"
															{{ (@in_array($occasion->id, old("occasions")) ? ' checked="checked" ' : ' ' ) }}> {{ $occasion->language->title }}
	                                            </label>
											@endforeach
                                        </div>
                                    </div>

									<div class="form-group{{ $errors->has('culture_type_id') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="culture_type_id">Culture</label>
										<div class="col-sm-3">
											<select name="culture_type_id" id="culture_type_id" class="form-control">
												<option value="" {{ (old('culture_type_id') == '' ? ' selected="selected"' : '') }}>Select Culture</option>
												@foreach ($cultureTypes as $cultureType)
													<option value="{{ $cultureType->id }}"{{ (old('culture_type_id') == $cultureType->id ? ' selected="selected"' : '') }}>{{ $cultureType->language->title }}</option>
												@endforeach
											</select>
										</div>
									</div>

									<div class="form-group{{ $errors->has('serving_temperature') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="serving_temperature">Serving temperature</label>
										<div class="col-sm-3">
											<input class="form-control" type="text" name="serving_temperature" id="serving_temperature" value="{{ old('serving_temperature') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('grapes') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="grapes">Grapes</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="grapes" id="grapes" value="{{ old('grapes') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('capacity') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="capacity">Capacity</label>
										<div class="col-sm-3">
											<input class="form-control" type="text" name="capacity" id="capacity" value="{{ old('capacity') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('alcohol') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="alcohol">Alcohol</label>
										<div class="col-sm-3">
											<input class="form-control" type="text" name="alcohol" id="alcohol" value="{{ old('alcohol') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('sulfiti') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="sulfiti">Sulfiti</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="sulfiti" id="sulfiti" value="{{ old('sulfiti') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('apogee_year') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="apogee_year">Apogee year</label>
										<div class="col-sm-3">
											<input class="form-control" type="text" name="apogee_year" id="apogee_year" value="{{ old('apogee_year') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('keep_year') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="keep_year">Keep year</label>
										<div class="col-sm-3">
											<input class="form-control" type="text" name="keep_year" id="keep_year" value="{{ old('keep_year') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('features_text') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="features_text">Features Text</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control" name="features_text" id="features_text" rows="4">{{ old('features_text') }}</textarea>
                                        </div>
                                    </div>

									<div style="margin-top: 20px;">
										<div class="row">
											<div class="col-sm-offset-1 col-sm-9">
												<h3>Features</h3>
											</div>
										</div>

										@foreach (config('config.product-features') as $feature)
											<div class="form-group">
												<label class="col-sm-2 control-label" for="">{{ $feature['label'] }}</label>
												<div class="col-sm-4">
													<div class="pull-left">
														<div class="slider">
															<input type="text" name="features[{{ $feature['id'] }}]" data-key="{{ $feature['id'] }}" value="0" />
														</div>
													</div>
													<div class="pull-left" style="margin-left: 15px">
														<label class="control-label" id="label-{{ $feature['id'] }}">0</label>
													</div>
												</div>
											</div>
										@endforeach
									</div>

								</div>

                                <div class="tab-pane" id="tab-foods">
									<div class="form-group{{ $errors->has('meat') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="meat">Meat</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="meat" id="meat" value="{{ old('meat') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('cheese') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="cheese">Cheese</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="cheese" id="cheese" value="{{ old('cheese') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('fish') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="fish">Fish</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="fish" id="fish" value="{{ old('fish') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('vegetables') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="vegetables">Vegetables</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="vegetables" id="vegetables" value="{{ old('vegetables') }}" />
										</div>
									</div>

									<div class="form-group{{ $errors->has('desserts') ? ' has-error' : '' }}">
										<label class="col-sm-2 control-label" for="desserts">Desserts</label>
										<div class="col-sm-9">
											<input class="form-control" type="text" name="desserts" id="desserts" value="{{ old('desserts') }}" />
										</div>
									</div>
								</div>

                                <div class="tab-pane" id="tab-meta-data">

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">{{ trans('admin/general.url') }}</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <span class="input-group-addon">{{ str_finish(URL::to('/' . defaultLanguage() . '/'), '/') }}</span>
                                                <input class="form-control" type="text"  name="slug" id="slug" value="{{ old('slug') }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-title">{{ trans('admin/general.meta-title') }}</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-title" id="meta-title" value="{{ old('meta-title') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-description">{{ trans('admin/general.meta-description') }}</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-description" id="meta-description" value="{{ old('meta-description') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-keywords">{{ trans('admin/general.meta-keywords') }}</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-keywords" id="meta-keywords" value="{{ old('meta-keywords') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="facebook_meta_image">{{ trans('admin/general.facebook-meta-image') }}</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <input class="form-control" type="text" name="facebook_meta_image" id="facebook_meta_image" value="{{ old('facebook_meta_image') }}"/>
                                                <span class="input-group-btn">
                                                    <a href="#" field-id="facebook_meta_image" title="" class="btn btn-primary elfinder-select-item">{{ trans('admin/general.select') }}</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-9">
                                            <label class="checkbox-inline">
                                                <input type="checkbox" class="flat-black" name="show_in_sitemap" id="show_in_sitemap" value="1" {{ (old('show_in_sitemap', 1)=='1'?'checked="checked"':'') }}> {{ trans('admin/general.show-site-map') }}
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="page_priority"> {{ trans('admin/general.page-priority') }}</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" type="text"  name="page_priority" id="page_priority" value="{{ old('page_priority', 0.5) }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="page_change_frequency">{{ trans('admin/general.page-change-frequency') }}</label>
                                        <div class="col-sm-9">
                                            <select name="page_change_frequency" id="page_change_frequency" class="form-control" style="width:auto;">
                                                @foreach(config('pages.page-change-frequencies') AS $key=>$frequency)
                                                    <option value="{{ $key }}"{{ (old('page_change_frequency', 'monthly') == $key ? ' selected="selected"' : '') }}>{{ $frequency }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                </div>

                            </div>
                        </div>

                        <div class="form-group" style="padding-top:20px;">
                            <div class="col-sm-offset-2 col-sm-9">
                                <a class="btn btn-link" href="{{ route($routes['index']) }}">{{ trans('admin/general.cancel') }}</a>
                                <button type="reset" class="btn">{{ trans('admin/general.reset') }}</button>
                                <button type="submit" name="save-and-return" class="btn btn-default">{{ trans('admin/general.save-and-return') }}</button>
                                <button type="submit" class="btn btn-success">{{ trans('admin/general.save') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    @parent
    <script type="text/javascript">
		$(document).ready(function() {
			$('.slider input').slider({
				min: 0,
				max: 100,
				step: 1,
				orientation: 'horizontal',
				value: 0,
				tooltip: 'hide',
			}).on('slide', function(ev) {
				$('#label-' + $(ev.target).data('key')).html($(ev.target).val());
			});
		});
		var selectedArray = @php echo json_encode($selectedArray) @endphp
    </script>
    {{ Html::script('assets/admin/products/products.js') }}
@stop