@extends('layouts.dashboard')

@section('stylesheet')


@endsection

@section('content')
<div class="row">
    <div class="col-lg-12">
            <ul class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#menu0">Global Settings</a></li>
              <li><a data-toggle="tab" href="#menu1">Home page SEO</a></li>
            </ul>
            <div class="tab-content">
                <label for="" class="control-label margint-15">(<span class="required">*</span>) Required field</label>
                <div id="menu0" class="tab-pane fade in active">
                    {!! Form::open(['route' => 'administration.settings.store','data-parsley-validate'=>'','files'=>true]) !!}
                        {{ Form::hidden('type','global') }}
                        {{ Form::hidden('option','chat') }}
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Site web Settings
                            </div>
                            <div class="panel-body">
                                <div class="col-lg-12">
                                    @foreach ($settings as $setting)
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                @php
                                                    $setting->value = json_decode($setting->value);
                                                @endphp
                                                @if ($setting->option == 'chat' && $setting->value->enable)
                                                    {{ Form::checkbox('chat', '1',true,array_merge(['class'=>'','id'=>'checkbox1'])) }} Disable Chat
                                                @else
                                                    {{ Form::checkbox('chat', '1',false,array_merge(['class'=>'','id'=>'checkbox1'])) }} Enable Chat
                                                @endif
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <!-- /.panel-body -->
                        </div>
                        <div class="col-lg-12">
                            {{ Form::submit('Add Setting',array_merge(['class'=>'btn btn-default'])) }}
                        </div>
                    {!! Form::close() !!}
                </div>
                <div id="menu1" class="tab-pane fade">
                    {!! Form::open(['route' => 'administration.settings.store','data-parsley-validate'=>'','files'=>true]) !!}
                        {{ Form::hidden('type','home') }}
                        {{ Form::hidden('option','seo') }}
                        {{-- Tour info --}}
                        <div class="panel panel-default margint-25">
                            <div class="panel-heading">
                                Home Page SEO
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                {{ Form::label('title', "Title", ['class' => 'control-label']) }}
                                                <span class="required">*</span>
                                                {{ Form::textarea('title', $homepageseo->value->title ?? null, array_merge(['class' => 'form-control','placeholder'=>"Title",'required'=>''])) }}
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                {{ Form::label('meta_key_en', "Keywords", ['class' => 'control-label']) }}
                                                <span class="required">*</span>
                                                {{ Form::textarea('meta_key_en', $homepageseo->value->meta_key_en ?? null, array_merge(['class' => 'form-control','placeholder'=>"Keywords",'required'=>''])) }}
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                {{ Form::label('meta_description_en', "Description", ['class' => 'control-label']) }}
                                                <span class="required">*</span>
                                                {{ Form::textarea('meta_description_en', $homepageseo->value->meta_description_en ?? null, array_merge(['class' => 'form-control','placeholder'=>"Description",'required'=>''])) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
								<div class="row">
									<h3>Footer Links</h3>
									<div class="col-lg-12">
										<div class="col-md-6">
											<label class="control-label"> Tilte</label>
										</div>
										<div class="col-md-5">
											<label class="control-label"> Link</label>
										</div>
										<div class="col-md-1">
											<label class="control-label"> Action</label>
										</div>
									</div>
									<div class="row" id="tour-days">
										@php
											$day_number = 1;
										@endphp
										@if(count($footers) > 0)
											@foreach($footers as $footer)
												<div class="col-lg-12 marginb-10 removeclass-day{{$footer->id}}" >
													<div class="col-md-6">
														{{ Form::text('footertitle[]', $footer->title, array_merge(['class' => 'form-control','placeholder'=>"Tilte"])) }}
													</div>
													<div class="col-md-5">
														{{ Form::text('footerslug[]', $footer->slug, array_merge(['class' => 'form-control','placeholder'=>"Link"])) }}
													</div>
													@if($loop->first)
														<div class="col-md-1">
															<a href="javascripts:;" onclick="addDay()" class="btn btn-primary"><i class="fa fa-plus"></i></a>
														</div>
													@else
														<div class="col-md-1">
															<a href="javascripts:;" onclick="removeDay({{$footer->id}})" class="btn btn-danger"><i class="fa fa-trash"></i></a>
														</div>
													@endif
												</div>
												@php
													$day_number = $footer->id;
												@endphp
											@endforeach
										@else
											<div class="col-lg-12 marginb-10 " >
												<div class="col-md-6">
													{{ Form::text('footertitle[]', null, array_merge(['class' => 'form-control','placeholder'=>"Tilte"])) }}
												</div>
												<div class="col-md-5">
													{{ Form::text('footerslug[]', null, array_merge(['class' => 'form-control','placeholder'=>"Link"])) }}
												</div>
												<div class="col-md-1">
													<a href="javascripts:;" onclick="addDay()" class="btn btn-primary"><i class="fa fa-plus"></i></a>
												</div>
											</div>                                    
										@endif
									</div>
								</div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            {{ Form::submit('Add Home Page SEO',array_merge(['class'=>'btn btn-default'])) }}
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
            

    </div>
    <!-- /.col-lg-12 -->
</div>
@endsection

@section('scripts')
	<script type="text/javascript">
        /* script day */
        var item_day = {{$day_number}};
        function addDay() {

            item_day++;
            var objTo = document.getElementById('tour-days')
            var divtest = document.createElement("div");
            divtest.setAttribute("class", "col-lg-12 marginb-10 removeclass-day"+item_day);
            var rdiv = 'removeclass-day'+item_day;
            divtest.innerHTML  = '<div class="col-md-6"><input class="form-control" placeholder="Title"  name="footertitle[]" type="text"></div> <div class="col-md-5"><input class="form-control" placeholder="Link"  name="footerslug[]" type="text"></div> <div class="col-md-1"><a href="javascripts:;" onclick="removeDay('+ item_day +')" class="btn btn-danger"><i class="fa fa-trash"></i></a></div>';
          
            objTo.appendChild(divtest)
        }
        function removeDay(rid) {
            item_day--;
            $('.removeclass-day'+rid).remove();
        }
	</script>
    {!! Html::script('backoffice/vendor/ckeditor/ckeditor.js') !!}

@endsection