@extends('layouts.app')
@section('content')
   <style>
      .staffInfo{
         color:#758396;
         padding-top: 5px;
      }
   </style>
<section id="content_outer_wrapper">
   <div id="content_wrapper" class="card-overlay">
      <div id="header_wrapper" class="header-md">
         <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('vacation.store') }}"  method="post"  class="form-horizontal">
                           @csrf
                           <div class="form-group">
                              <label class="col-sm-3 control-label">სახელი, გვარი</label>
                              <div class="col-sm-9">
                                 <input id="myStuff" type="text" class="form-control" name="stuffName" required placeholder="სახელი, გვარი" autocomplete="off">
                                 <input type="hidden" id="stuffId" name="stuffId">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">პირადი ნომერი</label>
                              <div class="col-sm-9 staffInfo">
                                 <span id="idNumber"></span>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">პოზიცია</label>
                              <div class="col-sm-9 staffInfo">
                                 <span id="position"></span>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">დეპარტამენტი</label>
                              <div class="col-sm-9 staffInfo">
                                 <span id="deparment"></span>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">ანაზღაურებადი შვებულების დღეების რაოდენობა</label>
                              <div class="col-sm-9">
                                 <input id="numberOfDays" type="number" class="form-control" name="numberOfDays" value="24" required  autocomplete="off">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">არაანაზღაურებადი შვებულების დღეების რაოდენობა</label>
                              <div class="col-sm-9">
                                 <input id="numberOfDaysUnpaid" type="number" class="form-control" name="numberOfDaysUnpaid" required value="15" autocomplete="off">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-sm-3 control-label">წელი</label>
                              <div class="col-sm-9">
                                 <input id="year" type="text" class="form-control" name="year" data-mask="0000" required placeholder="0000" autocomplete="off">
                              </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 type="text/javascript" src="{{ asset ('js/page-managers/vacations_create_manage.js') }}"></script>
@endpush
@endsection