@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Edit Faq</title>
<link href="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin') }}/css/bootstrap-datepicker.css" rel="stylesheet">

@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/settings/faqs/'.$faq->id,'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 Faq</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/settings/faqs')}}'" ><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][question]', $faq->lang_translations->where('lang',$lang)->first()->content['question']??'' ,['class' => 'form-control','id'=>'title']) }}
                                        @else
                                            {{ Form::text('question', $faq->question ,['class' => 'form-control','id'=>'title']) }}
                                        @endif
                                        <label for="title">Question</label>
                                        <span class="help-block">Question is required </span>
                                    </div>

                                    <div class="form-group form-md-line-input form-md-floating-label">
                                        @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][content][answer]', $faq->lang_translations->where('lang',$lang)->first()->content['answer']??'',['class' => 'form-control','id'=>'answer_'.$lang,'data-error-container' => '#answer_'.$lang ,'rows' => '5' ]) }}
                                        @else
                                            {{ Form::textarea('answer', $faq->answer, ['class' => 'form-control','id'=>'answer','data-error-container' => '#answer' ,'rows' => '5' ]) }}
                                        @endif
                                        <label for="form_control_1">Answer</label>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <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, ($faq->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, ($faq->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>
                            </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"><i class="fa fa-close" onclick="location.href = '{{url('admin/settings/faqs')}}'" ></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {!! FORM::close() !!}
        </div>
    </div>
</div>
@endsection

@section('footerScripts')
<script>
    var Globals =