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

@section('breadcrumb')
{{ Breadcrumbs::render($othrsAtrArr['breadcrumb']) }}
@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">{{ __($othrsAtrArr['title']) }}</h5>
      </div>
      <div class="card-block">
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />

        <form name="aeDataFrm" id="aeDataFrm" action="{{ route($othrsAtrArr['store_route']) }}" method="POST">
          {{ csrf_field() }}

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

          @if(isset($templateAssoc) && count($templateAssoc)>0)
          <x-form.group_lyt1_2_10 label="{{ __('admin.template_txt') }}" for="template_id"
            error="{{ $errors->first('template_id') }}" required="true">
            <select id="template_id" class="form-control" name="template_id">
              <option value="">{{ __('admin.def_drop_optn_styl1_txt') }}</option>
              @foreach( $templateAssoc as $tid => $template )
              <option value="{{ $tid }}" {{ ( $templateId > 0 && $tid == $templateId ) ? 'selected' : '' }}>{{ $template }}</option>
              @endforeach
            </select>
          </x-form.group_lyt1_2_10>
          @endif

          <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="{{ old('title') }}" onblur="setSlugValue();" />
          </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="{{ old('slug') }}" />
          </x-form.group_lyt1_2_10>

          <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 }}" {{ ( $value == old('category') ) ? 'selected' : '' }}>{{ $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="{!! old('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="{!! old('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) }}">
                {{ __('admin.browse_media_txt') }}
              </x-link_media_popup>
              <x-form.field.hidden value="" 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 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) }}">
                {{ __('admin.browse_media_txt') }}
              </x-link_media_popup>
              <x-form.field.hidden value="" 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 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) }}">
                {{ __('admin.browse_media_txt') }}
              </x-link_media_popup>
              <x-form.field.hidden value="" 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 d-none" id="featuredImgRemov-2" text="{{ __('admin.remove_media_txt') }}" />
            </div>
          </x-form.group_lyt1_2_10>


          @php 
            $tagsArr = old('tags') ?? [];
          @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="{{ old('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="{{ old('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="{!! old('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="{{ old('c_order') > 0 ? old('c_order') : '' }}" />
          </x-form.group_lyt1_2_10>
          @endif

          <x-form.group_lyt1_2_10 label="{{ __('admin.status_txt') }}" for="status" error="{{ $errors->first('status') }}" required="true">
            <select id="status" class="form-control" name="status">
              @foreach($moduleAtrArr['statuses'] as $key => $label)
              <option value="{{ $key }}" @if( $key==old('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="{{ old('published_at') }}" class="datetime-with-default" />
            </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')}}");
    });

    $('#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