@extends('layouts.app')

@section('content')
	<section class="page-header row">
		<h2> Competitions </h2>
		<ol class="breadcrumb">
			<li><a href="{{ url('') }}"> Dashboard </a></li>
			<li><a href="{{ url('/manage/competitions') }}"> Competitions </a></li>
			<li class="active"> Form </li>
		</ol>
	</section>

	<div class="page-content row">
		<div class="page-content-wrapper no-margin">
			{!! Form::open(array('url'=>'/manage/competitions', 'class'=>'form-horizontal validated', 'files' => true )) !!}

			<div class="sbox-title clearfix">
				<div class="sbox-tools pull-right">
					<a href="{{ url('/manage/competitions') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="sbox-tools1 pull-left1">
					<button name="apply" class="btn btn-sm btn-primary" title="{{ __('core.sb_apply') }}">
						<i class="fa fa-check"></i> {{ __('core.sb_apply') }}
					</button>
					<button name="save" class="btn btn-sm btn-success" title="{{ __('core.sb_save') }}">
						<i class="fa fa-paste"></i> {{ __('core.sb_save') }}
					</button>
				</div>
			</div>

			<div class="sbox1">
				<div class="sbox-content clearfix row">
					<div class="col-xs-12">
						<ul class="parsley-error-list">
							@foreach($errors->all() as $error)
								<li>{{ $error }}</li>
							@endforeach
						</ul>

						<?php $curTime = time();?>
						<div class="sbox1">
							<div class="col-md-12">
								<fieldset class="sbox" style="border-top:0; border-radius: 5px;">
									<legend> Competitions </legend>
									<?php if (!isset($row['id'])) $row['id'] = null; ?>
									<input type='hidden' name='id' value='{{$row['id']}}'/>

									<div class="col-md-12">
										<div class="form-group depen- wrap-slug col-md-6">
											<label for="slug" class="control-label col-md-3 text-left"> Slug <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['slug'])) $row['slug'] = old('slug'); ?>
												<input type='text' name='slug' id='slug' value='{{ $row['slug'] }}' placeholder="Enter Slug"
													   data-parsley-maxlength="500" class='form-control input-sm' required/>
											</div>
										</div>

										<div class="form-group depen- wrap-active col-md-6" >
											<label for="active" class="control-label col-md-3 text-left"> Active? <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['active'])) $row['active'] = old('active', '0'); ?>
												<div class='switch-wrap'>
													<label class='switch'>
														<input type='hidden' name='active' value ='0' />
														<input type='checkbox' name='active' value ='1' @if($row['active']) checked @endif/>
														<span class="slider round"></span>
													</label>
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-12">
										<div class="form-group depen- wrap-start col-md-6">
											<label for="start" class="control-label col-md-3 text-left"> Start Date
												<span class="asterix text-danger"> * </span>
												<a class="adtip" data-toggle="tooltip" data-placement="bottom" title="Cairo Local Time"><i class="fa fa-info-circle"></i></a>
											</label>

											<div class="col-md-9">
												<?php if (!isset($row['local_start'])) $row['local_start'] = null; ?>
												<div class="input-group m-b" style="width:150px !important;">
													<input type='text' name='start' id='start'
														   value='{{ (isset($row['local_start'])) ? $row['local_start'] : old('start')}}'
														   placeholder="Enter Start Date"
														   autocomplete="off"
														   required class='form-control input-sm datetime'/>
													<span class="input-group-addon calwrap"><i class="fa fa-calendar"></i></span>
												</div>
											</div>
										</div>

										<div class="form-group depen- wrap-end col-md-6">
											<label for="end" class="control-label col-md-3 text-left"> End Date
												<span class="asterix text-danger"> * </span>
												<a class="adtip" data-toggle="tooltip" data-placement="bottom" title="Cairo Local Time"><i class="fa fa-info-circle"></i></a>
											</label>

											<div class="col-md-9">
												<?php if (!isset($row['local_end'])) $row['local_end'] = null; ?>
												<div class="input-group m-b" style="width:150px !important;">
													<input type='text' name='end' id='end'
														   value='{{ (isset($row['local_end'])) ? $row['local_end'] : old('end')}}'
														   placeholder="Enter End Date"
														   autocomplete="off"
														   required class='form-control input-sm datetime'/>
													<span class="input-group-addon calwrap"><i class="fa fa-calendar"></i></span>
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-12">
										<div class="form-group depen- wrap-web_image col-md-6">
											<label for="web_image" class="control-label col-md-3 text-left"> Web Image <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['web_image'])) $row['web_image'] = null; ?>
												<?php $val = $row['web_image']; $is_first = true; ?>
												<ul class='editor-nav nav nav-tabs'>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<li class='{{$is_first ? "active" : null}} '>
															<a href='#web_image_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
														</li>
														<?php $is_first = false; ?>
													@endforeach
												</ul>

												<div class="tab-content">
													<?php $is_first = true; ?>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='web_image_{{$ilang}}_{{$curTime}}'>
															<input name="web_image[{{$ilang}}]" id='web_image'
																   required placeholder='Web Image - {{$ilang}}'
																   class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : old("web_image.{$ilang}", '')}}">
														</div>
														<?php $is_first = false; ?>
													@endforeach
												</div>
											</div>
										</div>

										<div class="form-group depen- wrap-app_image col-md-6">
											<label for="app_image" class="control-label col-md-3 text-left"> App Image <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['app_image'])) $row['app_image'] = null; ?>
												<?php $val = $row['app_image']; $is_first = true; ?>
												<ul class='editor-nav nav nav-tabs'>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<li class='{{$is_first ? "active" : null}} '>
															<a href='#app_image_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
														</li>
														<?php $is_first = false; ?>
													@endforeach
												</ul>

												<div class="tab-content">
													<?php $is_first = true; ?>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='app_image_{{$ilang}}_{{$curTime}}'>
															<input name="app_image[{{$ilang}}]" id='app_image'
																   required placeholder='App Image - {{$ilang}}'
																   class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : old("app_image.{$ilang}", '')}}">
														</div>
														<?php $is_first = false; ?>
													@endforeach
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-12">
										<div class="form-group depen- wrap-timer_title col-md-6">
											<label for="timer_title" class="control-label col-md-3 text-left"> Timer Title <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['timer_title'])) $row['timer_title'] = null; ?>
												<?php $val = $row['timer_title']; $is_first = true; ?>
												<ul class='editor-nav nav nav-tabs'>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<li class='{{$is_first ? "active" : null}} '>
															<a href='#timer_title_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
														</li>
														<?php $is_first = false; ?>
													@endforeach
												</ul>

												<div class="tab-content">
													<?php $is_first = true; ?>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='timer_title_{{$ilang}}_{{$curTime}}'>
															<input name="timer_title[{{$ilang}}]" id='timer_title'
																   required placeholder='Timer Title - {{$ilang}}'
																   class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : old("timer_title.{$ilang}", '')}}">
														</div>
														<?php $is_first = false; ?>
													@endforeach
												</div>
											</div>
										</div>

										<div class="form-group depen- wrap-timer_subtitle col-md-6">
											<label for="timer_subtitle" class="control-label col-md-3 text-left"> Timer Sub-Title <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['timer_subtitle'])) $row['timer_subtitle'] = null; ?>
												<?php $val = $row['timer_subtitle']; $is_first = true; ?>
												<ul class='editor-nav nav nav-tabs'>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<li class='{{$is_first ? "active" : null}} '>
															<a href='#timer_subtitle_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
														</li>
														<?php $is_first = false; ?>
													@endforeach
												</ul>

												<div class="tab-content">
													<?php $is_first = true; ?>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='timer_subtitle_{{$ilang}}_{{$curTime}}'>
															<input name="timer_subtitle[{{$ilang}}]" id='timer_subtitle'
																   required placeholder='Timer Title - {{$ilang}}'
																   class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : old("timer_subtitle.{$ilang}", '')}}">
														</div>
														<?php $is_first = false; ?>
													@endforeach
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-12">
										<div class="form-group depen- wrap-content col-md-12">
											<label for="content" class="control-label col-md-3 text-left"> Content <span class="asterix text-danger"> * </span></label>

											<div class="col-md-12">
												<?php if (!isset($row['content'])) $row['content'] = null; ?>
												<?php $val = is_array($row['content']) ? (object) $row['content'] : json_decode($row['content']); $is_first = true; ?>
												<ul class='editor-nav nav nav-tabs'>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<li class='{{$is_first ? "active" : null}}'>
															<a href='#content_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
														</li>
														<?php $is_first = false; ?>
													@endforeach
												</ul>

												<div class="tab-content ">
													<?php $is_first = true; ?>
													@foreach(explode(',', config('website.cnf_langs')) as $ilang )
														<div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='content_{{$ilang}}_{{$curTime}}'>
                                                        <textarea name="content[{{$ilang}}]" rows='5' id='content' class='form-control editor input-sm' required>
                                                            {{ isset($val->{$ilang}) ? $val->{$ilang} : old("content.{$ilang}", '') }}
                                                        </textarea>
														</div>
														<?php $is_first = false; ?>
													@endforeach
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-12">
										<div class="form-group depen- wrap-background_color col-md-6">
											<label for="background_color" class="control-label col-md-3 text-left"> Background Color <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['background_color'])) $row['background_color'] = old('background_color'); ?>
												<input type='color' name='background_color' id='background_color' value='{{ $row['background_color'] }}'
													   required data-parsley-maxlength="500" class='form-control input-sm'/>
											</div>
										</div>

										<div class="form-group depen- wrap-text_color col-md-6">
											<label for="text_color" class="control-label col-md-3 text-left"> Text Color <span class="asterix text-danger"> * </span></label>

											<div class="col-md-9">
												<?php if (!isset($row['text_color'])) $row['text_color'] = old('text_color'); ?>
												<input type='color' name='text_color' id='text_color' value='{{ $row['text_color'] }}'
													   required data-parsley-maxlength="500" class='form-control input-sm '/>
											</div>
										</div>
									</div>
								</fieldset>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="sbox-title clearfix">
				<div class="sbox-tools pull-right">
					<a href="{{ url('/manage/competitions') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="sbox-tools1 pull-left1">
					<button name="apply" class="btn btn-sm btn-primary" title="{{ __('core.sb_apply') }}">
						<i class="fa fa-check"></i> {{ __('core.sb_apply') }}
					</button>
					<button name="save" class="btn btn-sm btn-success" title="{{ __('core.sb_save') }}">
						<i class="fa fa-paste"></i> {{ __('core.sb_save') }}
					</button>
				</div>
			</div>

			<input type="hidden" name="action_task" value="save"/>
			{!! Form::close() !!}
		</div>
	</div>
@stop