@extends('admin.layouts.master')
@section('headerFiles')
<title>TABCFast | Edit Page</title>
<link href="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
<style>
    .portlet{
        border: 1px solid #CCC;
    }
</style>
@endsection



@section('content')

<div class="page-content-col">
    <div class="row">
        <div class="col-md-12">
            @include('admin/includes/front_alerts')
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 ">
            {!! Form::open([ 'url' => 'admin/cms/pages/'. $page->page_id,'files'=>true, 'id' => '']) !!}
            <div class="portlet light bordered">

                <div class="portlet-title" >
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">Add Page</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <button class="btn btn-success btn-sm"><i class="fa fa-save"></i> Save</button>
                            <button class="btn btn-danger btn-sm" type="button" onclick="location.href = '{{url('admin/cms/pages')}}'" ><i class="fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
                <div class="portlet-body form">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#en">{{__('lang.en')}}</a></li>
                        <li><a data-toggle="tab" href="#es">{{__('lang.es')}}</a></li>
                    </ul>

                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-8">
                                    @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                    <div id="{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                        <div class="form-group form-md-line-input form-md-floating-label">
                                            @if($lang!='en')
                                            {{ Form::text('lang['.$lang.'][content][title]', $page->lang_translations->where('lang',$lang)->first()->content['title']??'' ,['class' => 'form-control','id'=>'title']) }}
                                            @else
                                            {{ Form::text('title', $page->title ,['class' => 'form-control','id'=>'title']) }}
                                            @endif
                                            <label for="title">Page title</label>
                                            <span class="help-block">Page title is required </span>
                                        </div>
                                        <!--                                <div class="form-group form-md-line-input form-md-floating-label">  
                                                                            {!! Form::select('template_id', $templates,  $page->template_id, ['class' => 'form-control', 'id' => 'template_id']) !!}
                                        
                                                                            <label for="template_id"  style="font-size: 14px;">Template</label>
                                                                        </div>-->
                                        <div id="template_field">
                                            @if($page->template_id > 0 )
                                            <div class="portlet light">
                                                <div class="portlet-title">
                                                    <div class="caption"><i class="icon-puzzle font-grey-gallery"></i>
                                                        <span class="caption-subject bold font-grey-gallery uppercase">  </span>
                                                </div>
                                                <div class = "tools"><!--<a href = "javascript:;" class = "remove btn_remove"></a> --></div>
                                                </div>
                                                <div class = "portlet-body">
                                                <div class = "row">
                                                
                                                </div>
                                                </div>
                                                </div>



                                            @endif
                                        </div>
                                        @if($page->template_id== 0 )
                                        <div class="form-group lang-group last" >
                                            <label class="control-label">
                                                <strong style="color:#999; font-size:16px; font-weight: normal;">Page Content: </strong>
                                            </label>
                                            {{ Form::textarea('page_description', $page->page_description, ['class' => 'form-control','id'=>'page_description','data-error-container' => '#AdDescription' ,'rows' => '5' ]) }}
                                            <div id="description">
                                            </div>
                                        </div>
                                        @endif
                                        <div class="form-group form-md-line-input form-md-floating-label">
                                            @if($lang!='en')
                                            {{ Form::text('lang['.$lang.'][content][meta_title]', $page->lang_translations->where('lang',$lang)->first()->content['meta_title']??'' ,['class' => 'form-control','id'=>'meta_title']) }}
                                            @else
                                            {{ Form::text('meta_title', $page->meta_title ,['class' => 'form-control','id'=>'meta_title']) }}
                                            @endif
                                            <label for="meta_title">Page meta title</label>
                                            <span class="help-block">Page meta title is required </span>
                                        </div>
                                    </div>
                                    @endforeach

                                    <div class="form-group form-md-line-input form-md-floating-label">
                                        {{ Form::textarea('meta_keywords', $page->meta_keywords, ['class' => 'form-control','id'=>'meta_keywords','data-error-container' => '#meta_keywords' ,'rows' => '5' ]) }}
                                        <label for = "meta_keywords">Meta keywords for page</label>
                                    </div>
                                    <div class = "form-group form-md-line-input form-md-floating-label">
                                        {{ Form::textarea('meta_description', $page->meta_description, ['class' => 'form-control', 'id' => 'meta_description', 'data-error-container' => '#meta_description', 'rows' => '5']) }}
                                        <label for = "meta_description">Meta description for page</label>
                                    </div>
                                </div>

                                <input type="hidden" name="template_id" value="{{$page->template_id}}">
                                <div class="col-md-4">
                                    <div class="form-group form-md-radios">
                                        <label>Status</label>
                                        <div class="md-radio-inline">
                                            <div class="md-radio">
                                                {{ Form::radio('status', 1, ((int)$page->status == 1? true : null  ), ['class' => 'md-radiobtn','id'=>'active']) }}
                                                <label for="active">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Active
                                                </label>
                                            </div>
                                            <div class="md-radio">
                                                {{ Form::radio('status', 0, ((int)$page->status == 0? true : null  ), ['class' => 'md-radiobtn','id'=>'deactive']) }}
                                                <label for="deactive">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span> Deactive 
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    @if($page->template_id== 0 )
                                    <div class="form-group form-md-line-input form-md-floating-label">
                                        {{ Form::text('page_image_title', $page->page_image_title ,['class' => 'form-control','id'=>'page_image_title']) }}
                                        <label for="page_image_title">Page header title</label>
                                        <span class="help-block">Page header title is required </span>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label"><div style="color:#999;">Page header image:<br>Note: ( width should be greater 1200 or less than 1600 and  height should be greater 300 and less than 400 )</div></label><br>
                                        <div class="fileinput fileinput-new" id="page_image" data-provides="fileinput">
                                            <div class="fileinput-preview thumbnail" id="page_tag" data-trigger="fileinput" style="width: 250px; height: 250px;"> 
                                                <img src="{{ url('uploads/').($page->page_image == ''?'/no_image.png':'/page/'.$page->page_image) }}" id="page_img_show" alt="Page Image" />
                                            </div>
                                            <div>
                                                <span class="btn red btn-outline btn-file">
                                                    <span class="fileinput-new"> Select image </span>
                                                    <span class="fileinput-exists"> Change </span>

                                                    {{ Form::file('page_image', ['id'=>'page_image' ,'accept' => 'image/PNG, image/png, image/jpg, image/JPG, image/JPEG, image/jpeg, image/GIF, image/gif']) }}
                                                </span>
                                                <a href="javascript:;" class="btn red fileinput-exists" {{ ($page->page_image == ""? 'data-dismiss = fileinput':'onClick = deleteImage()')}}> Remove </a>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    <div class="form-group form-md-checkboxes">
                                        <label>Show In</label>
                                        <div class="md-checkbox">
                                            {{ Form::checkbox('header', 1, ((int)$page->header == 1? true : null  ), ['id' => 'header']) }}
                                            <label for="header">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> 
                                                Header
                                            </label>
                                        </div>  
                                        <div class="md-checkbox">
                                            {{ Form::checkbox('main_menu', 1, ((int)$page->main_menu == 1? true : null  ), ['id' => 'main_menu']) }}
                                            <label for="main_menu">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                                Main menu
                                            </label>
                                        </div>  
                                        <div class="md-checkbox">
                                            {{ Form::checkbox('footer_one', 1, ((int)$page->footer_one == 1? true : null  ), ['id' => 'footer_one']) }}
                                            <label for="footer_one">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> 
                                                Footer section one
                                            </label>
                                        </div>  
                                        <div class="md-checkbox">
                                            {{ Form::checkbox('footer_two', 1, ((int)$page->footer_two == 1? true : null  ), ['id' => 'footer_two']) }}
                                            <label for="footer_two">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                                Footer section two
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-group form-md-line-input form-md-floating-label">  
                                        {!! Form::select('link_target', $link_target, $page->link_target, ['class' => 'form-control', 'id' => 'link_target']) !!}
                                        <label for="link_target"  style="font-size: 14px;">Open in</label>
                                    </div>
                                    <div id="externa_link_div">
                                        <div class="form-group form-md-line-input form-md-floating-label">  
                                            {!! Form::select('link_to', $link_to, $page->link_to, ['class' => 'form-control select2', 'id' => 'link_to']) !!}
                                            <label for="link_to"  style="font-size: 14px;">Link To</label>
                                        </div>
                                        <div class="form-group form-md-line-input form-md-floating-label" id="external_link_form">
                                            {{ Form::text('external_link', $page->external_link ,['class' => 'form-control','id'=>'external_link']) }}
                                            <label for="external_link">External link</label>
                                            <span class="help-block">External Link Should be Appropriate </span>
                                        </div>
                                    </div>



                                </div>
                            </div>
                        </div>
                </div>
                <div class = "portlet-title " style = " border-top: 1px solid #eef1f5; border-bottom: 0;" >
                    <div class = "actions margin-top-10">
                        <div class = "btn-group">
                            <button class = "btn btn-success btn-sm"><i class = "fa fa-save"></i> Save</button>
                            <button class = "btn btn-danger btn-sm" type = "button" onclick = "location.href = '{{url('admin/cms/pages')}}'"><i class = "fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {!!FORM::close()!!}
        </div>
    </div>
</div>

@endsection

@section('footerScripts')
<script src = "{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type = "text/javascript"></script>
<script>var Globals =