@extends('layouts.main')
@section('title')
  Jenis Cuti |
@endsection
@section('css')
  <style>

  </style>
@endsection
@section('content')
  <h1 class="df-title mg-b-10">Jenis Cuti</h1>
  <ol class="breadcrumb df-breadcrumbs">
    <li class="breadcrumb-item">Dashboard</li>
    <li class="breadcrumb-item">Data Master</li>
    <li class="breadcrumb-item active" aria-current="page">Jenis Cuti</li>
  </ol>
  <div class="card card-table mg-t-50">
    <div class="card-header">
      <div class="row">
        <div class="col-md-8">
          <form action="" method="get">
            <div class="search-form">
              <input type="search" class="form-control" autocomplete="off" id="search" placeholder="Cari Jenis Cuti">
              <button class="btn" type="submit"><i data-feather="search"></i></button>
            </div>
          </form>
        </div>
        <div class="col-md-4">
{{--            @if(Session::get('useractive')->fid_hak_akses==3)--}}
{{--              <div class="pull-right">--}}
{{--                <button class="btn btn-primary" onclick="add_jenis_cuti()">Tambah</button>--}}
{{--              </div>--}}
{{--          @endif--}}
        </div>
      </div>
    </div>
    <div class="card-body">
      <table class="table table-vertical-middle">
        <thead>
          <tr>
            <th width="80px">No</th>
            <th>Jenis Cuti</th>
            <th>Label</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @foreach ($data['jenis_cuti'] as $key => $value)
            <tr>
              <td>{{$key+1}}</td>
              <td>{{$value->jenis_cuti}}</td>
              <td>{{$value->label}}</td>
              <td style="width:1px;white-space:nowrap;">
                <a href="javascript:;" onclick="edit_jenis_cuti({{$value->id}})" class="button green ripple-effect ico">
                  <i data-feather="edit" class="tx-white-8 wd-20 ht-20 "></i>
                </a>
                {{-- <a href="javascript:;" onclick="confirmDelete({{$value->id}})" class="button red ripple-effect ico">
                  <i data-feather="trash" class="tx-white-8 wd-20 ht-20 "></i>
                </a>
                <form action="{{ route('proses_jenis_cuti') }}" method="post" id="hapus{{$value->id}}">
                  {{ csrf_field() }}
                  <input type="hidden" name="id" value="{{$value->id}}">
                  <input type="hidden" name="action" value="delete">
                </form> --}}
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>

  <div class="modal fade" id="form-jenis-cuti" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="title"></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{ route('proses_jenis_cuti') }}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="modal-body">
            <div class="row">
              <div class="col-md-8">
                <div class="form-group">
                  <label>Jenis Cuti</label>
                  <input type="text" class="form-control" id="jenis_cuti" name="jenis_cuti">
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label>Label</label>
                  <input type="text" class="form-control" id="label" name="label">
                </div>
              </div>
            </div>
            <div class="form-group">
              <label>Syarat dan Ketentuan</label>
              <textarea class="ckeditor-custom" id="deskripsi" name="deskripsi"></textarea>
            </div>
          </div>
          <div class="modal-footer">
            <input type="hidden" name="id" id="id" >
            <button type="button" class="btn btn-dark" data-dismiss="modal">Batalkan</button>
            <button type="submit" class="btn btn-primary" name="action" id="action">Simpan</button>
          </div>
        </form>
      </div>
    </div>
  </div>

@endsection
@section('js')
  <script>
  // table = $('#datatable').DataTable({
  //   "ordering": false,
  //   "bLengthChange": false,
  //   "paging": false,
  //   "bInfo" : false
  // });
  //
  // $('#search').keyup(function(){
  //   table.search($(this).val()).draw() ;
  // });


  function add_jenis_cuti(){
    $('#jenis_cuti').val('');
    $('#label').val('');
    window.editorInstance.setData('');
    $('#id').val(0);
    $('#action').val('add');
    $('#title').html('Tambah Jenis Cuti');
    $('#form-jenis-cuti').modal('show');
  }

  function edit_jenis_cuti(id){
    $.get("{{ url('api/find_jenis_cuti') }}/"+id, function (result) {
      $('#jenis_cuti').val(result.jenis_cuti);
      $('#label').val(result.label);
      if(result.deskripsi != null ){
        window.editorInstance.setData(result.deskripsi);
      }
      else{
        window.editorInstance.setData('');
      }
      $('#id').val(id);
      $('#action').val('edit');
      $('#title').html('Edit Jenis Cuti');
      $('#form-jenis-cuti').modal('show');
    });
  }
  </script>
@endsection