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

  </style>
@endsection
@section('content')
  <h1 class="df-title mg-b-10">Pengajuan Cuti</h1>
  <ol class="breadcrumb df-breadcrumbs">
    <li class="breadcrumb-item">Dashboard</li>
    <li class="breadcrumb-item active" aria-current="page">Pengajuan Cuti</li>
  </ol>
  <div class="card card-table mg-t-50">
    <div class="card-header">
      <form>
        <div class="row">
          <div class="col-md-2">
            <select class="select2" style="width:100%" name="tahun" onchange="javascript:submit()">
              <option value="all" {{ ($tahun == 'all' ? 'selected' : null ) }} >Semua Tahun</option>
              @for ($y=date('Y'); $y > 2020; $y--)
              <option value="{{$y}}" {{ ($tahun == $y ? 'selected' : null ) }} >{{$y}}</option>
              @endfor
            </select>
          </div>
          <div class="col-md-3">
            <select class="select2" style="width:100%" name="jenis" onchange="javascript:submit()">
              <option value="all" {{ ($jenis == 'all' ? 'selected' : null ) }} >Semua Jenis Cuti</option>
              @foreach ($data['jenis_cuti'] as $key => $value)
              <option value="{{$value->id}}" {{ ($jenis == $value->id ? 'selected' : null ) }} >{{$value->jenis_cuti}}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-7">
            <div class="pull-right">
              @if($jenis == 'all' )
                <a class="btn btn-primary" href="{{ route('form_pengajuan',['jenis'=>$data['jenis_cuti'][0]->label]) }}" >Formulir Pengajuan</a>
              @else
                <a class="btn btn-primary" href="{{ route('form_pengajuan',['jenis'=>$jenis_cuti->label]) }}" >Formulir Pengajuan</a>
              @endif
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="card-body">
      <table class="table table-vertical-middle">
        <thead>
          <tr>
            <th width="80px">No</th>
            <th width="130px">Tanggal</th>
            <th>Jenis Cuti</th>
            <th class="center">Tanggal dan Durasi Cuti</th>
            <th class="center">No. Surat Cuti</th>
            <th class="center">Status</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @foreach ($data['pengajuan'] as $key => $value)
            <tr>
              <td>{{ $data['pengajuan']->firstItem() + $key }}</td>
              <td>{{GlobalHelper::dateFormat($value->created_at,'d-m-Y')}}</td>
              <td>{{$value->jenis_cuti}}</td>
              <td class="center" style="white-space:nowrap">
                {!!$value->tanggal_cuti!!}
                <hr style="margin-top: 0.3rem;margin-bottom: 0.3rem;">
                {{ $value->durasi }} Hari Kerja
              </td>
              <td class="center">{!! (!empty($value->no_surat_cuti) ? $value->no_surat_cuti : '<span style="color:#b00000" >Surat Cuti Belum Terbit</span>' ) !!}</td>
              <td class="center" style="color:{{ $value->color }};font-weight:600">{{ $value->status }}</td>
              <td style="width:1px;white-space:nowrap;">
                @if($value->fid_status == 1 )
                  <a href="{{ route('detail_pengajuan',['page'=>'pengajuan','id'=>$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_pengajuan') }}" method="post" id="hapus{{$value->id}}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="{{$value->id}}">
                    <input type="hidden" name="action" value="delete">
                  </form>
                @else
                  <a href="{{ route('detail_pengajuan',['page'=>'pengajuan','id'=>$value->id]) }}" class="button dark ripple-effect ico">
                    <i data-feather="search" class="tx-white-8 wd-20 ht-20 "></i>
                  </a>
                @endif
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <div class="card-footer">
      {{ $data['pengajuan']->links('include.pagination', ['pagination' => $data['pengajuan']] ) }}
    </div>
  </div>
@endsection
@section('js')
  <script>

  </script>
@endsection