@extends('layouts.app', [
    'class' => '',
    'elementActive' => 'documents'
])

@section('content')
<div class="content">
  <div class="row">
    <div class="col-md-6">
      <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link bg-aqua-active" href="#" id="english-link">EN</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#" id="spanish-link">MY</a>
        </li>
      </ul>
      <div class="card">
        <div class="card-body">
          <form action="{{ isset($post) ? route('admin.posts.update', $document) : route('admin.posts.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
          <label class="required" for="author">Author</label>
          <input class="form-control {{ $errors->has('author') ? 'is-invalid' : '' }}" type="text" name="author" id="author" value="{{ old('author', '') }}" required>
          @if($errors->has('author'))
              <div class="invalid-feedback">
                  {{ $errors->first('author') }}
              </div>
          @endif
          <span class="help-block">{{ trans('cruds.article.fields.title_helper') }}</span>

          <div class="dispay" id="english-form">
            <div class="form-group">
                <label class="required" for="en_title">{{ trans('cruds.article.fields.title') }} (EN)</label>
                <input class="form-control {{ $errors->has('en_title') ? 'is-invalid' : '' }}" type="text" name="en_title" id="en_title" value="{{ old('en_title', '') }}" required>
                @if($errors->has('en_title'))
                    <div class="invalid-feedback">
                        {{ $errors->first('en_title') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.article.fields.title_helper') }}</span>
            </div>
            <div class="form-group">
                <label for="en_content">{{ trans('cruds.article.fields.full_text') }} (EN)</label>
                <textarea class="form-control {{ $errors->has('en_content') ? 'is-invalid' : '' }}" name="en_content" id="en_content">{{ old('en_content') }}</textarea>
                @if($errors->has('en_content'))
                    <div class="invalid-feedback">
                        {{ $errors->first('en_content') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.article.fields.full_text_helper') }}</span>
            </div>
          </div>
      
          <div class="d-none" id="spanish-form">
            <div class="form-group">
                <label class="required" for="title">{{ trans('cruds.article.fields.title') }} (MY)</label>
                <input class="form-control {{ $errors->has('my_title') ? 'is-invalid' : '' }}" type="text" name="my_title" id="my_title" value="{{ old('my_title', '') }}" required>
                @if($errors->has('my_title'))
                    <div class="invalid-feedback">
                        {{ $errors->first('my_title') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.article.fields.title_helper') }}</span>
            </div>
            <div class="form-group">
                <label for="my_content">{{ trans('cruds.article.fields.full_text') }} (MY)</label>
                <textarea class="form-control {{ $errors->has('my_content') ? 'is-invalid' : '' }}" name="my_content" id="my_content">{{ old('my_content') }}</textarea>
                @if($errors->has('my_content'))
                    <div class="invalid-feedback">
                        {{ $errors->first('my_content') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.article.fields.full_text_helper') }}</span>
            </div>
          </div>

          <div class="form-group">
            <button class="btn btn-primary" type="submit" name="btnSave" value="1">Save</button>
            <a href="{{ route('admin.documents.index') }}" class="btn btn-flat">Cancel</a>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
@stop

@push('scripts')
<script src="http://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  var $englishForm = $('#english-form');
   var $spanishForm = $('#spanish-form');
   var $englishLink = $('#english-link');
   var $spanishLink = $('#spanish-link');

   $englishLink.click(function() {
     $englishLink.toggleClass('bg-aqua-active');
     $englishForm.toggleClass('d-none');
     $spanishLink.toggleClass('bg-aqua-active');
     $spanishForm.toggleClass('d-none');
   });

   $spanishLink.click(function() {
     $englishLink.toggleClass('bg-aqua-active');
     $englishForm.toggleClass('d-none');
     $spanishLink.toggleClass('bg-aqua-active');
     $spanishForm.toggleClass('d-none');
   }); 
</script>
@endpush