@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-5">
                  <header id="header">
                     <h1 class="geo-font-sub-m">შვებულება</h1>
                  </header>
               </div>
            </div>
         </div>
      </div>
      <div id="content" class="container-fluid">
         <a class="btn btn-info" href="{{ route('vacation.create')}}">
            <i class="zmdi zmdi-plus"></i> დამატება
            <div class="ripple-container"></div>
         </a>
         <button class="btn btn-info" data-toggle="modal"
                 data-target="#archive_form"><i class="zmdi zmdi-account"></i> არქივი
            <div class="ripple-container"></div>
         </button>
         <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>წელი</th>
                                    <th id="tableEdit">რედაქტირება</th>
                                    <th id="tableDelete">წაშლა</th>
                                 </tr>
                              </thead>
                              <tbody>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<div class="modal fade" id="archive_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">
                  <div class='col-md-6'>
                     <form action="{{ route('archived_vacation') }}" method="POST" style="border: 0px">
                        @csrf
                        <label class="control-label">შეიყვანეთ დასაარქივებელი წელი</label>
                        <input id="year" type="text" class="form-control" name="year" data-mask="0000" required placeholder="0000" autocomplete="off">
                        <button type="submit" class="btn btn-primary">დაარქივება</button>
                     </form>
                  </div>
                  <div class='col-md-6'>
                     <label class="control-label">არქივი</label>
                        <div class="card card-data-tables product-table-wrapper">
                           <div class="card-body p-0">
                              <div class="table-responsive">
                              <table id="vacation_archive_tb" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                   <thead>
                                   <tr>
                                       <th>წელი</th>
                                       <th id="tableEditArchive">არქივიდან ამოღება</th>
                                   </tr>
                                   </thead>
                                   <tbody>
                                   </tbody>
                               </table>
                              </div>
                           </div>
                        </div>
                  </div>
            </div>
               <div class="modal-footer"></div>
         </div>
      </div>
   </div>
</div>
@push('custom-scripts')
   <script type="text/javascript" src="{{ asset ('js/page-managers/vacations_manage.js') }}"></script>
@endpush
@endsection