@layout('../../layouts/dashboard')
@set('title', 'Create guide')
@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">Guides</h4>
            <p class="card-description">
              Create guide
            </p>
            <form class="forms-sample" method="post" action="{{ route('auth.admin.create.guides') }}">
              {{  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="exampleInputPassword1">Description</label>
                <textarea class="form-control" id="description" name="description"></textarea>
                @if(flashMessages.has('errors.description'))
                  <small class="text-danger">{{ flashMessages.get('errors.description') }}</small>
                @endif
              </div>
              
              <div class="form-group"> 
                  <span>
                      <div id="emailTypeBlock">
                          <div class="input-container">
                              <label class="floating-label">Thumb URL</label>
                              <input style="background-color: rgba(0, 0, 0, 0.4); border: none;" type="text" class="form-control empty" name="thumbnail" />
                              @if(flashMessages.has('errors.thumbnail'))
                                <small class="text-danger">{{ flashMessages.get('errors.thumbnail') }}</small>
                              @endif
                          </div>
                      </div>
                  </span> 
            </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>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@end