@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('trainings.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="name" autocomplete="off" type="text" name="name" data-rule-required="true" minlength="2" class="form-control" aria-required="true">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-2 control-label">ტრენერი(ები)</label>
                              <div class="col-sm-10">
                                 <input id="spikers" autocomplete="off" type="text" name="spikers" data-rule-required="true" minlength="2" class="form-control" aria-required="true">
                              </div>
                           </div>
                           <div class="form-group">
                               <label class="col-sm-2 control-label">ბიუჯეტი</label>
                               <div class="col-sm-10">
                                  <input id="budget" autocomplete="off" type="text" name="budget" data-rule-required="true" minlength="2" class="form-control" aria-required="true">
                               </div>
                           </div>
                           <div class="form-group">
                              <label for="countryInput" class="col-sm-2 control-label ">თარიღი</label>
                              <div class="col-xs-5">
                                 <div class="input-group">
                                    <span class="input-group-addon"><i class="zmdi zmdi-calendar"></i></span>
                                    <input type="text" name="startDate" class="form-control" id="startDate" placeholder="დაწყება" size="30" autocomplete="off">
                                 </div>
                              </div>
                              <div class="col-xs-5">
                                 <div class="input-group">
                                    <span class="input-group-addon"><i class="zmdi zmdi-calendar"></i></span>
                                    <input type="text" name="endDate" class="form-control" id="endDate" placeholder="დამთავრება" size="30" autocomplete="off">
                                 </div>
                              </div>
                            </div>
                           <div class="form-group is-empty">
                              <label for="textArea" class="col-md-2 control-label">აღწერა</label>
                              <div class="col-md-10">
                                 <textarea class="form-control" name="description" rows="3" id="description"></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>
                      </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@push('custom-scripts')
   <script>
      $.fn.datepicker.defaults.format = 'yyyy-mm-dd';
      $("#startDate").datepicker();
      $("#endDate").datepicker();
   </script>
   <script src="/vendor/unisharp/ckeditor/ckeditor.js"></script>
   <script>
      var options = {
         filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
         filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
         filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
         filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token='
      };
      CKEDITOR.replace('description', options);
   </script>
@endpush
@endsection