@extends('layouts.app')
@section('content')
<section id="content_outer_wrapper" class="">
   <div id="content_wrapper" class="rightnav_v2 toggle-right">
      <div id="header_wrapper" class="header-md" style="height:6%">
         <div class="container-fluid">
            <div class="row">
               <div class="col-xs-12">
                  <header id="header">
                     <h1 class="geo-font-sub-m" style="font-size: 2em">{{$staffInfo->nameGeo}} {{$staffInfo->lastNameGeo}}</h1>
                  </header>
                  <p class="geo-font-sub-m" style="width: 100%; line-height: 1">
                     ანაზღაურებადი დღეების რაოდენობა: {{$vacationInfo['numberOfDays']}}, გამოყენებული დღეების რაოდენობა: {{$remainingDays['paid']}}, დარჩენილი დღეების რაოდენობა: {{$vacationInfo['numberOfDays'] - $remainingDays['paid']}}.
                     <br>
                     არაანაზღაურებადი დღეების რაოდენობა: {{$vacationInfo['numberOfDaysUnpaid']}}, გამოყენებული დღეების რაოდენობა: {{$remainingDays['unPaid']}}, დარჩენილი დღეების რაოდენობა: {{$vacationInfo['numberOfDaysUnpaid'] - $remainingDays['unPaid']}}.
                  </p>
                  <input type="hidden" id="authUser" value="{{Auth::user()->rule}}">
                  @if(isset($vacationInfo->id))
                     <input type="hidden" id="vacationInfo" value="{{$vacationInfo->id}}">
                  @endif
               </div>
            </div>
         </div>
      </div>
      <div id="content" class="container-fluid">
         @if(Auth::user()->rule!=3 && Auth::user()->rule!=4)
            @if(Route::current()->getName() != 'myVacation')
               <button class="btn btn-info" onclick="add_form_vacation_modal(1)" data-toggle="modal"
                       data-target="#vacation_form"><i class="zmdi zmdi-plus"></i> შვებულების დამატება
                  <div class="ripple-container"></div>
               </button>
            @endif
         @endif
         <div class="content-body">
            <div class="row">
               <div class="col-xs-12">
                  <div class="card card-data-tables product-table-wrapper">
                     <div class="card-body p-0">
                        <div class="table-responsive">
                           <table id="vacation_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                              <thead>
                                 <tr>
                                    <th>id</th>
                                    <th>რიგითობა</th>
                                    <th>დაწყების თარიღი</th>
                                    <th>დასრულების თარიღი</th>
                                    <th>დღეების რაოდენობა</th>
                                    <th>ტიპი</th>
                                    <th>კომენტარი</th>
                                    <th id="tableEdit">რედაქტირება</th>
                                    <th id="tableDelete">წაშლა</th>
                                 </tr>
                              </thead>
                              <tbody>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div id="content_wrapper" class="rightnav_v2 toggle-right" style="padding-top: 0">
      <div id="header_wrapper" class="header-md" style="height:6%">
         <div class="container-fluid">
            <div class="row">
               <div class="col-xs-5">
                  <header id="header">
                     <h1 class="geo-font-sub-m">ბიულეტენი</h1>
                  </header>
               </div>
            </div>
         </div>
      </div>
      <div id="content" class="container-fluid">
         @if(Auth::user()->rule!=3 && Auth::user()->rule!=4)
            @if(Route::current()->getName() != 'myVacation')
               <button class="btn btn-info" onclick="add_form_vacation_modal(2)" data-toggle="modal"
                       data-target="#vacation_form"><i class="zmdi zmdi-plus"></i> ბიულეტენის დამატება
                  <div class="ripple-container"></div>
               </button>
            @endif
         @endif
         <div class="content-body">
            <div class="row">
               <div class="col-xs-12">
                  <div class="card card-data-tables product-table-wrapper">
                     <div class="card-body p-0">
                        <div class="table-responsive">
                           <table id="bulletin_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                              <thead>
                              <tr>
                                 <th>id</th>
                                 <th>რიგითობა</th>
                                 <th>დაწყების თარიღი</th>
                                 <th>დასრულების თარიღი</th>
                                 <th>დღეების რაოდენობა</th>
                                 <th>ტიპი</th>
                                 <th>კომენტარი</th>
                                 <th id="tableEditBulletin">რედაქტირება</th>
                                 <th id="tableDeleteBulletin">წაშლა</th>
                              </tr>
                              </thead>
                              <tbody>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<div class="modal fade" id="vacation_form" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
   <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title">დამატება</h4>
            <ul class="card-actions icons right-top">
               <a href="javascript:void(0)" data-dismiss="modal" class="text-white" aria-label="Close">
                  <i class="zmdi zmdi-close"></i>
               </a>
            </ul>
         </div>
         <div class="modal-body">
            <div class="card">
               <div class="card-body">
                  <form id="faculty-form" action="{{ route('add_edit_vacation') }}" method="POST">
                     @csrf
                     <div class="form-group is-empty">
                        <div class="">
                           <label class="control-label" style="margin-bottom: 10px;">რაოდენობა</label>
                           <input id="counter" type="number" class="form-control" name="counter" required placeholder="რაოდენობა" autocomplete="off">
                        </div>
                     </div>
                     <div class="form-group is-empty">
                        <div class="col-xs-4">
                           <div class="input-group">
                              <span class="input-group-addon"><i class="zmdi zmdi-calendar"></i></span>
                              <div class="input-group">
                                 <label class="control-label" style="margin-bottom: 10px;">დაწყება</label>
                                 <input id="startDate" type="text" name="startDate" class="form-control" value="{{date('Y-m-d')}}" size="30" autocomplete="off">
                                 <span class="input-group-addon"><i class="ion-calendar"></i></span>
                              </div>
                           </div>
                        </div>
                        <div class="col-xs-4">
                           <div class="input-group">
                              <span class="input-group-addon"><i class="zmdi zmdi-calendar"></i></span>
                              <div data-format="dd-mm-YYYY" class="input-group">
                                 <label class="control-label" style="margin-bottom: 10px;">დასრულება</label>
                                 <input id="endDate" type="text" name="endDate" class="form-control" size="30" autocomplete="off">
                                 <span class="input-group-addon"><i class="ion-calendar"></i></span>
                              </div>
                           </div>
                        </div>
                        <div class="col-xs-4">
                           <div class="input-group">
                              <div data-format="dd-mm-YYYY" class="input-group">
                                 <label class="control-label" style="margin-bottom: 10px;">დღეების რაოდენობა</label>
                                 <input id="numberOfDays" type="number" class="form-control" name="numberOfDays" required placeholder="რაოდენობა" autocomplete="off" >
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="form-group is-empty" style="height: 40px"></div>
                     <div class="form-group is-empty">
                        <div>
                           <label class="control-label" style="margin-bottom: 10px;">აირჩიეთ შვებულების ტიპი</label>
                           <select id="type" name="type" class="form-control select"
                                   aria-required="true">
                           </select>
                        </div>
                     </div>
                     <div class="form-group is-empty">
                        <div>
                           <label class="control-label" style="margin-bottom: 10px;">კომენტარი</label>
                           <br>
                           <textarea id="comment" name="comment" rows="3" style="width: 100%;"></textarea>
                        </div>
                     </div>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">
                           დახურვა
                           <div class="ripple-container">
                              <div class="ripple ripple-on ripple-out" style="left: 71.9688px; top: 13.8594px; background-color: rgb(104, 134, 150); transform: scale(14.5);">
                              </div>
                              <div class="ripple ripple-on ripple-out" style="left: 73.9688px; top: 4.85938px; background-color: rgb(104, 134, 150); transform: scale(14.5);">
                              </div>
                           </div>
                        </button>
                        <input type="hidden" id="id" name="id">
                        <input id="vacationType" type="hidden" name="vacationType">
                        <input type="hidden" id="vacationId" name="vacationId">
                        <input type="hidden" id="vacationStaffId" name="vacationStaffId">
                        <button type="submit" class="btn btn-primary">შენახვა</button>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@push('custom-scripts')
   <script>
      $.fn.datepicker.defaults.format = 'yyyy-mm-dd';
      $("#startDate").datepicker();
      $("#endDate").datepicker();
      $("#endDate").change(function(){
         var endDate = Date.parse($(this).val());
         var startDate = new Date($("#startDate").val());
         var milliSecundsInDay = 24*60*60*1000;
         var numberOfDays = Math.abs(endDate-startDate)/milliSecundsInDay;
         $("#numberOfDays").val(numberOfDays+1);
      });
   </script>
   <script type="text/javascript" src="{{ asset ('js/page-managers/vacationsmanager_manage.js') }}"></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('comment', options);
   </script>
@endpush
@endsection