@layout('../../layouts/dashboard')
@set('title', 'Create faq article')
@section('body')
<div class="grid-menu">
  <div class="content-wrapper">
    @include('../../partials/dashboard/messages')
    <div class="row mx-auto items-center justify-content-center">
      <div class="col-md-6 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Faq Article</h4>
            @if(data.length > 0)
              <form class="forms-sample" method="post" action="{{ route('auth.admin.create.faqarticle') }}">
                {{  csrfField() }}
                <div class="form-group">
                  <label for="exampleInputEmail1">Title</label>
                  <input name="title" type="text" class="form-control" id="exampleInputEmail1" placeholder="Title">
                  @if(flashMessages.has('errors.title'))
                    <small class="text-danger">{{ flashMessages.get('errors.title') }}</small>
                  @endif
                </div>
                <div class="form-group">
                  <label for="exampleInputEmail1">Thumbnail</label>
                  <input name="thumbnail" type="text" class="form-control" id="exampleInputEmail1" placeholder="Thumbnail">
                  @if(flashMessages.has('errors.thumbnail'))
                    <small class="text-danger">{{ flashMessages.get('errors.thumbnail') }}</small>
                  @endif
                </div>
                <div class="form-group">
                  <label for="exampleGuides">Faq</label>
                  <select name="faq_id" class="form-control">
                    @each(faq in data)
                      <option value="{{ faq.id }}">{{ faq.title }}</option>
                    @endeach
                  </select>
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">Content</label>
                  <textarea class="form-control" id="content" name="content"></textarea>
                  @if(flashMessages.has('errors.content'))
                    <small class="text-danger">{{ flashMessages.get('errors.content') }}</small>
                  @endif
                </div>
                <div class="text-center">
                  <button type="submit" class="btn btn-primary mr-2">Create</button>
                  @if(flashMessages.has('errors.slug'))
                    <small class="text-danger">{{ flashMessages.get('errors.slug') }}</small>
                  @endif
                </div>
              </form>
            @else
              <div class="justify-content-center col-md-12">
                -
              </div>
            @endif
          </div>
        </div>
      </div>
      <div style="text-align:center; margin:10px;padding:10px;" class="col-md-12 my-2 justify-content-center text-center">
        <a href="{{ route('admin.faqs') }}" class="btn btn-primary">
          Back
        </a>
      </div>
    </div>
  </div>
</div>
@end