@extends('admins.layouts.index')
@section('content')
<!-- Default card -->
{!! Form::model($model, ['method'=>'post','class'=>'form-horizontal','files'=>true]) !!}
<div class="card card-danger">
    <div class="card-header with-border">
        <h3 class="card-title"> <i class="fa fa-info-circle fa-fw"></i>{{__('Header Images')}}</h3>
    </div>
    <div class="card-body">
        @if($model->header_image_path)
            <div class="row">
                <div class="col-sm-4 offset-4 text-center">
                    <img class="img-fluid margin-bottom-10" src="{{asset($model->get_header_image_path())}}">
                    <br>
                    <a onclick="return confirm('{{__('Are you confirm?')}}')" href="{{action('Admin\BlogController@getDeleteHeaderImage', [$model->id])}}">
                        {{__('Remove Header Image')}}
                    </a>
                </div>
            </div>
            <hr>
        @endif
    </div>
    <!-- /.card-body -->
</div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
    @foreach(App\Translation::get_lang_array() as $index => $row)
        <li class="nav-item" role="presentation">
            <a class="text-uppercase nav-link {{$index == 0 ? 'active':''}} text-upppercase" id="tab-{{$row->lang}}" data-toggle="tab" href="#{{$row->lang}}" role="tab" aria-controls="home" aria-selected="true">
                {{$row->lang}}
            </a>
        </li>
    @endforeach
</ul>
<div class="tab-content" id="myTabContent">
    @foreach(App\Translation::get_lang_array() as $index => $row)
        @php $data = $model->getFormTranslation($row->lang); @endphp

        <div class="tab-pane fade show {{$index == 0 ? 'active':''}}" id="{{$row->lang}}" role="tabpanel" aria-labelledby="tab-{{$row->lang}}">
            <div class="card card-danger">
                <div class="card-header">
                    {{ __('Basic Information') }}
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="form-group row">
                                {!! Form::label('locale['.$row->lang.'][title]', __('Title'), ['class'=>'col-sm-3 col-form-label text-right']) !!}
                                <div class="col-sm-9">
                                    {!! Form::text('locale['.$row->lang.'][title]', $model->id ? (isset($data['title']) ? $data['title']:null):null, ['id'=>'locale['.$row->lang.'][title]','class'=>'form-control '.($errors->first('locale.*.title') ? 'is-invalid' : ''), $index == 0 ? 'autofocus':'']) !!}
                                    {!!$errors->first('locale.*.title', '<span for="locale.*.title" class="error invalid-feedback">:message</span>')!!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="form-group row">
                                {!! Form::label('locale['.$row->lang.'][keywords]', __('Keywords'), ['class'=>'col-sm-3 col-form-label text-right']) !!}
                                <div class="col-sm-9">
                                    {!! Form::text('locale['.$row->lang.'][keywords]', $model->id ? (isset($data['keywords']) ? $data['keywords']:null):null, ['id'=>'locale['.$row->lang.'][keywords]','class'=>'form-control '.($errors->first('locale.*.keywords') ? 'is-invalid' : ''), $index == 0 ? 'autofocus':'']) !!}
                                    {!!$errors->first('locale.*.keywords', '<span for="locale.*.keywords" class="error invalid-feedback">:message</span>')!!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group row">
                                {!! Form::label('locale['.$row->lang.'][description]', __('Description'), ['class'=>'col-sm-2 col-form-label text-right']) !!}
                                <div class="col-sm-10">
                                    {!! Form::textarea('locale['.$row->lang.'][description]', $model->id ? (isset($data['description']) ? $data['description']:null):null, ['id'=>'locale['.$row->lang.'][description]','class'=>'textarea form-control '.($errors->first('locale.*.description') ? 'is-invalid' : ''), $index == 0 ? 'autofocus':'']) !!}
                                    {!!$errors->first('locale.*.description', '<span for="locale.*.description" class="error invalid-feedback">:message</span>')!!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="form-group row">
                                {!! Form::label('locale['.$row->lang.'][tags]', __('Tags'), ['class'=>'col-sm-3 col-form-label text-right']) !!}
                                <div class="col-sm-9">
                                    {!! Form::text('locale['.$row->lang.'][tags]', $model->id ? (isset($data['tags']) ? $data['tags']:null):null, ['id'=>'tags_'.$row->lang,'class'=>'form-control '.($errors->first('locale.*.tags') ? 'is-invalid' : ''), $index == 0 ? 'autofocus':'']) !!}
                                    {!!$errors->first('locale.*.tags', '<span for="locale.*.tags" class="error invalid-feedback">:message</span>')!!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>
<div class="card card-danger">
    <div class="card-header with-border">
        <h3 class="card-title"> <i class="fa fa-info-circle fa-fw"></i>{{__('Other Information')}}</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group row">
                    {!! Form::label('header_image_path', __('Header Image'), ['class'=>'col-sm-4 col-form-label text-right']) !!}
                    <div class="col-sm-8">
                        {!! Form::file('header_image_path', ['id'=>'header_image_path','class'=>'form-control '.($errors->first('header_image_path') ? 'is-invalid' : ''),'placeholder'=>__('Header Image')]) !!}
                        {!!$errors->first('header_image_path', '<span for="header_image_path" class="error invalid-feedback">:message</span>')!!}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group row">
                    {!! Form::label('category_id', __('Category'), ['class'=>'col-sm-4 col-form-label text-right']) !!}
                    <div class="col-sm-8">
                        {!! Form::select('category_id', App\BlogCategory::combobox(), null,  ['id'=>'category_id','class'=>'form-control select2 '.($errors->first('category_id') ? 'is-invalid' : ''),'style'=>'width: 100%;']) !!}
                        {!!$errors->first('category_id', '<span for="category_id" class="error invalid-feedback">:message</span>')!!}
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group row">
                    {!! Form::label('published_at', __('Published At'), ['class'=>'col-sm-4 col-form-label text-right']) !!}
                    <div class="col-sm-8">
                        {!! Form::text('published_at', $model->id ? $model->published_at:$model->date_displayed('now'), ['id'=>'published_at','class'=>'datepicker form-control '.($errors->first('published_at') ? 'is-invalid' : ''),'placeholder'=>__('Published At')]) !!}
                        {!!$errors->first('published_at', '<span for="published_at" class="error invalid-feedback">:message</span>')!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.card-body -->
    <div class="card-footer text-right">
        <button type="submit" class="btn btn-success">
            <i class="fas fa-save"></i> {{ __('Save') }}
        </button>
        <a class="btn btn-danger" href="{{action('Admin\BlogController@getIndex')}}">
            <i class="fas fa-angle-left"></i> {{__('Back')}}
        </a>
    </div>
    <!-- /.card-footer -->
</div>
<!-- /.card -->
{!! Form::close() !!}
@endsection
@section('script')
@endsection