@extends('layouts.app')
@section('content')
<section id="content_outer_wrapper">
   <div id="content_wrapper" class="card-overlay">
      <div id="header_wrapper" class="header-md ecom-header">
         <div class="container">
            <div class="row">
               <div class="col-xs-12">
                  <header id="header">
                      <h1 class="geo-font-sub-m">ვაკანსიის დამატება</h1>
                  </header>
               </div>
            </div>
         </div>
      </div>
      <div id="content" class="container">
         <div class="content-body">
            <div class="row">
               <div class="col-xs-12">
                  <div class="card">
                     <div class="card-body">
                        <form id="form-horizontal" action="{{ route('vacancies.store') }}"  method="post"  class="form-horizontal">
                           @csrf
                           <div class="form-group">
                              <label for="nameInput" class="col-sm-2 control-label">დასახელება</label>
                              <div class="col-sm-10">
                                 <input id="nameInput" autocomplete="off"  type="text" name="name" placeholder="დასახელება"
                                        minlength="2"  class="form-control" value="{{ old('name') }}">
                                 @if ($errors->has('name'))
                                    <span class="invalid-feedback small" role="alert" style="color: red;">
                                       <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                 @endif
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-2 control-label ">ტიპი</label>
                              <div class="col-sm-10">
                                 <select id="countryInput" name="type" class="form-control select" style="display: none;" aria-required="true">
                                    @foreach($vacType as $_vacType)
                                       <option value="{{$_vacType->id}}" class="withripple">{{$_vacType->name}}</option>
                                    @endforeach
                                 </select>
                              </div>
                           </div>
                           <div class="form-group">
                              <label for="nameInput" class="col-sm-2 control-label">ანაზღაურება</label>
                              <div class="col-sm-10">
                                 <input id="nameInput" autocomplete="off" type="text" name="payment" class="form-control input-mask" data-mask="0000.00" placeholder="0000.00" autocomplete="off">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-2 control-label">დაწყების თარიღი</label>
                              <div class="col-xs-10">
                                 <div data-format="DD-MM-YYYY" class="input-group">
                                    <input type="text" name="publishStartDate"  class="form-control input-mask"
                                           data-mask="00-00-0000" placeholder="dd-mm-yyyy"
                                           autocomplete="off">
                                 </div>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-2 control-label">დასრულების თარიღი</label>
                              <div class="col-xs-10">
                                 <div data-format="DD-MM-YYYY" class="input-group">
                                    <input type="text" name="publishFinishDate"  class="form-control input-mask"
                                           data-mask="00-00-0000" placeholder="dd-mm-yyyy"
                                           autocomplete="off">
                                 </div>
                              </div>
                           </div>
                           <div class="form-group is-empty">
                              <label class="col-md-2 control-label">აღწერა</label>
                              <div class="col-md-10">
                                 <textarea class="form-control" name="description" rows="5" id="article-ckeditor"></textarea>
                              </div>
                           </div>
                           <div class="form-group is-empty">
                              <button type="submit" class="btn btn-primary btn-round pull-right m-t-20 m-b-20">
                                 დამატება
                                 <div class="ripple-container"></div>
                              </button>
                           </div>
                     </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   </div>
</section>
@push('custom-scripts')
<script>
   CKEDITOR.replace( 'article-ckeditor' );
</script>
@endpush
@endsection