@extends('themes.backend.layouts.app')
@section('editor') @stop
@section('fancybox') @stop
@section('select2') @stop
@section('datetimePicker') @stop

@section('breadcrumb')
{{ Breadcrumbs::render($editDataAtrArr['breadcrumb'], $dataArr) }}
@endsection

@section('content')
<div class="row">
   <div class="col-sm-12">
      <div class="card m-b-0">
         <div class="card-header">
         <h5 class="card-header-text">{{ $editDataAtrArr['title'] }}</h5>
         </div>
         <div class="card-block">
            <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
            
            <form name="eDataFrm" id="eDataFrm" 
                        action="{{ route($editDataAtrArr['update_route'], $dataArr->blog_post_id) }}" method="POST"
                        enctype="multipart/form-data">
              {{ csrf_field() }}
              {{ method_field('PATCH') }}

              <x-form.section_label>
                {{ __('admin.general_lbl') }}
              </x-form.section_label>

              <x-form.group_lyt1_2_10 label="{{ __('admin.title_txt') }}" for="title" error="{{ $errors->first('title') }}" required="true">
                  <x-form.field.text id="title" name="title" value="{{ $dataArr->title }}" />
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.slug_txt') }}" for="slug" error="{{ $errors->first('slug') }}" required="true" info="{{ __('message.info.add_slug') }}">
                  <x-form.field.text id="slug" name="slug" value="{{ $dataArr->slug }}" readonly="true" onclick="updateSlugValue();"/>
              </x-form.group_lyt1_2_10>


              @php 
                $categoriesArr = old('categories') ?? $dataArr->categories->pluck('blog_cat_id')->toArray();
              @endphp

              <x-form.group_lyt1_2_10 label="{{ __('admin.category_txt') }}" for="category" 
                  error="{{ $errors->first('category') }}" required="true">
                <select id="category" class="form-control" name="category">
                  <option value="">{{ __('admin.def_drop_optn_styl1_txt') }}</option>
                  @if(count($categoryArr) > 0)
                    @foreach($categoryArr as $value => $optTitle )
                      <option value="{{ $value }}" @if(in_array($value,$categoriesArr)) selected @endif>{{ $optTitle }}</option>                       
                    @endforeach
                  @endif
                </select>
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.excerpt_txt') }}" for="excerpt"
                error="{{ $errors->first('excerpt') }}"  required="true">
                <x-form.field.textarea id="excerpt" name="excerpt" value="{!! $dataArr->excerpt !!}" rows="8" />
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.description_txt') }}" for="description" error="{{ $errors->first('description') }}" required="true">
                  <x-form.field.textarea id="description" name="description" value="{!! $dataArr->description !!}" rows="8" class="editor_full" />
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.icon_img_txt') }}" for="icon_media_id" error="{{ $errors->first('icon_media_id') }}" info="{!! __('message.info.featured_img') !!}" >
                <div class="media_img_area">
                  <x-link_media_popup href="0" src="{{ route('admin.media.gallery', 0) }}">
                    @if( $dataArr->icon_media_id > 0 && !empty( $dataArr->mediaicon ) )
                      <x-img src="{{ $dataArr->mediaicon->getModuleVars()['media_folder'].$dataArr->mediaicon->path }}" class="img-fluid img-thumbnail img-100 display-media" alt="{{ $dataArr->mediaicon->alt }}" title="{{ $dataArr->mediaicon->title }}" data_id="{{ $dataArr->icon_media_id }}" />
                    @else
                      {{ __('admin.browse_media_txt') }}
                    @endif
                  </x-link_media_popup>
                  <x-form.field.hidden value="{{ $dataArr->icon_media_id }}" name="icon_media_id" id="featuredImgVal-0"/>
                  <x-form.field.button_def class="btn-danger btn-mini waves-effect waves-light remove_featured show-scn m-t-10{{ ( $dataArr->icon_media_id > 0 &&  !empty( $dataArr->mediaicon ) ) ? '' : ' d-none' }}" id="featuredImgRemov-0" text="{{ __('admin.remove_media_txt') }}"/>
                </div>
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.thumb_img_txt') }}" for="thumb_media_id" error="{{ $errors->first('thumb_media_id') }}" info="{!! __('message.info.featured_img') !!}" >
                <div class="media_img_area">
                  <x-link_media_popup href="1" src="{{ route('admin.media.gallery', 1) }}">
                    @if( $dataArr->thumb_media_id > 0 && !empty( $dataArr->mediathumb ) )
                      <x-img src="{{ $dataArr->mediathumb->getModuleVars()['media_folder'].$dataArr->mediathumb->path }}" class="img-fluid img-thumbnail img-100 display-media" alt="{{ $dataArr->mediathumb->alt }}" title="{{ $dataArr->mediathumb->title }}" data_id="{{ $dataArr->thumb_media_id }}" />
                    @else
                      {{ __('admin.browse_media_txt') }}
                    @endif
                  </x-link_media_popup>
                  <x-form.field.hidden value="{{ $dataArr->thumb_media_id }}" name="thumb_media_id" id="featuredImgVal-1"/>
                  <x-form.field.button_def class="btn-danger btn-mini waves-effect waves-light remove_featured show-scn m-t-10{{ ( $dataArr->thumb_media_id > 0 &&  !empty( $dataArr->mediathumb ) ) ? '' : ' d-none' }}" id="featuredImgRemov-1" text="{{ __('admin.remove_media_txt') }}"/>
                </div>
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.featured_img_txt') }}" for="media_id" error="{{ $errors->first('media_id') }}" info="{!! __('message.info.featured_img') !!}" >
                <div class="media_img_area">
                  <x-link_media_popup href="2" src="{{ route('admin.media.gallery', 2) }}">
                    @if( $dataArr->media_id > 0 && !empty( $dataArr->media ) )
                      <x-img src="{{ $dataArr->media->getModuleVars()['media_folder'].$dataArr->media->path }}" class="img-fluid img-thumbnail img-100 display-media" alt="{{ $dataArr->media->alt }}" title="{{ $dataArr->media->title }}" data_id="{{ $dataArr->media_id }}" />
                    @else
                      {{ __('admin.browse_media_txt') }}
                    @endif
                  </x-link_media_popup>
                  <x-form.field.hidden value="{{ $dataArr->media_id }}" name="media_id" id="featuredImgVal-2"/>
                  <x-form.field.button_def class="btn-danger btn-mini waves-effect waves-light remove_featured show-scn m-t-10{{ ( $dataArr->media_id > 0 &&  !empty( $dataArr->media ) ) ? '' : ' d-none' }}" id="featuredImgRemov-2" text="{{ __('admin.remove_media_txt') }}"/>
                </div>
              </x-form.group_lyt1_2_10>

              
              @php 
                $tagsArr = old('tags') ?? $dataArr->tags->pluck('blog_tag_id')->toArray();
              @endphp
              <x-form.group_lyt1_2_10 label="{{ __('blogpost.tag.label') }}" for="role" error="{{ $errors->first('tags') }}">
                <select id="tags" class="js-example-basic-multiple col-sm-12" multiple="multiple" name="tags[]">
                  @if(count($tagDataArr) > 0)
                    @foreach($tagDataArr as $value => $optTitle)
                    <option value="{{ $value }}"  @if(in_array($value,$tagsArr)) selected @endif>{{ $optTitle }}</option>
                    @endforeach
                  @endif
                </select>
              </x-form.group_lyt1_2_10>

              <x-form.section_label>
                {{ __('admin.seo_lbl') }}
              </x-form.section_label>

              <x-form.group_lyt1_2_10 label="{{ __('admin.seo_title_txt') }}" for="meta_title"
                  error="{{ $errors->first('meta_title') }}">
                  <x-form.field.textarea id="meta_title" name="meta_title" value="{{ $dataArr->meta_title }}" />
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.meta_key_txt') }}" for="meta_key" 
                  error="{{ $errors->first('meta_key') }}">
                  <x-form.field.textarea id="meta_key" name="meta_key" value="{{ $dataArr->meta_key }}"/>
              </x-form.group_lyt1_2_10>

              <x-form.group_lyt1_2_10 label="{{ __('admin.meta_descp_txt') }}" for="meta_descp"
                  error="{{ $errors->first('meta_descp') }}">
                  <x-form.field.textarea id="meta_descp" name="meta_descp" value="{!! $dataArr->meta_descp !!}" />
              </x-form.group_lyt1_2_10>

              <x-form.section_label>
                {{ __('admin.publish_lbl') }}
              </x-form.section_label>

              @if( $fldsHide['c_order'] == $boolFalse )
                <x-form.group_lyt1_2_10 label="{{ __('admin.order_txt') }}" for="c_order" 
                    error="{{ $errors->first('c_order') }}">
                    <x-form.field.text id="c_order" name="c_order" value="{{ $dataArr->c_order > 0 ? $dataArr->c_order : '' }}" />
                </x-form.group_lyt1_2_10>
              @endif 

              <x-form.group_lyt1_2_10 label="{{ __('admin.status_txt') }}" for="role" 
                  error="{{ $errors->first('status') }}" required="true">
                <select name="status" id="status" class="form-control">
                  @foreach($moduleAtrArr['statuses'] as $key => $label)
                  <option value="{{ $key }}" @if( $key==old('status') ) {{ 'selected' }} @elseif((($dataArr->status) && ($key == $dataArr->status))) {{ 'selected' }} @endif>{{ $label }}</option>
                  @endforeach
                </select>
              </x-form.group_lyt1_2_10>

              <div class="published_at_wrapper">
                <x-form.group_lyt1_2_10 label="{{ __('admin.publish_date_txt') }}" for="published_at"
                  error="{{ $errors->first('published_at') }}"  required="true">
                  <x-form.field.text id="published_at" name="published_at" value="{{ $dataArr->published_at ? date('d-m-Y H:i:s', strtotime($dataArr->published_at)) : '' }}" class="datetime" />
                </x-form.group_lyt1_2_10>
              </div>


              <div class="row">
                <div class="col-sm-12">
                  <x-form.group_lyt1_2_10 class="m-t-10">
                    <x-form.field.button id="submit" name="submit" />
                    <x-form.field.button type="reset" id="cancel" name="cancel" class="btn-danger" text="{{ __('admin.cancel_txt') }}" />
                  </x-form.group_lyt1_2_10>
                </div>
              </div>
            </form>
         </div>
         <!-- end of card-block -->
      </div>
   </div>
</div>
@stop
@push('scripts') 
  <script>
     $(document).ready(function() {
      checkStatus("{{ old('status') ?? $dataArr->status }}");
    });

    $('#status').bind('change', function() {
      var status = $(this).val();
      checkStatus(status);
    });
    
    function checkStatus(status){
      $(".published_at_wrapper").addClass('d-none');
      if(status == 'publish'){
        $(".published_at_wrapper").removeClass('d-none');
      }
    }
  </script>
@endpush