@extends('layouts.presensi');
@section('header')
 <!-- App Header -->
 <div class="appHeader bg-primary text-light">
    <div class="left">
        <a href="/menu/index" class="headerButton goBack">
            <ion-icon name="chevron-back-outline"></ion-icon>
        </a>
    </div>
    <div class="pageTitle">CUTI</div>
    <div class="right"></div>
</div>
<!-- * App Header -->
@endsection
<div class="presencetab mt-5">
    <div class="tab-pane fade show active" id="pilled" role="tabpanel">
        <ul class="nav nav-tabs style1" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#home" role="tab">
                    Permohohonan Cuti
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#profile" role="tab">
                    Sisa Cuti
                </a>
            </li>
        </ul>
    </div>

    <div class="tab-content mt-2" style="margin-bottom:100px;">
        <div class="tab-pane fade show active" id="home" role="tabpanel">
            <div class="row">
                <div class="col">
                    @php
                        $messagesuccess = Session::get('success');
                        $messageerror = Session::get('error');
                    @endphp
                    @if (Session::get('success'))
                        <div class="alert alert-success">
                            {{ $messagesuccess }}
                        </div>
                    @endif
                    @if (Session::get('error'))
                        <div class="alert alert-danger">
                            {{ $messageerror }}
                        </div>
                    @endif
                </div>
            </div>
            <div class="row">
                <div class="col">
                    @if ($datacuti->isEmpty())
                        <div class="alert alert-outline-warning">
                            <p>Belum pernah buat cuti </p>
                        </div>
                    @endif
                    @foreach ( $datacuti as $d )
                    <ul class="listview image-listview">
                        <li>
                            <div class="item">
                                <div class="in">
                                    <div>
                                        <b> {{ $d->nopengajuan  }}  ({{ $d->jenis_cuti }})</b> <br>
                                        <small class="text-muted"> {{ date("d-m-Y",strtotime($d->tgl_cuti1))}} - {{ date("d-m-Y",strtotime($d->tgl_cuti2))}}</small> <br>
                                        <small class="text-muted">{{ $d->keterangan }}</small>

                                        <br>
                                        @if ($d->status_approved1==0)
                                            <a href="#" class="btn btn-sm btn-danger tampilkanhapus" id="hapus" nopengajuan2={{ $d->nopengajuan }}>
                                                Hapus
                                            </a>
                                            <a href="/cuti/{{ $d->nopengajuan }}/resend" class="btn btn-sm btn-success">
                                                Kirim Ulang Notifikasi
                                            </a>
                                        @endif
                                    </div>
                                    @php
                                        $path = Storage::url('uploads/cuti/'.$d->lampiran);
                                    @endphp

                                    @if ($d->lampiran != null)
                                        <a href="{{ $path }}" class="headerButton">
                                            <ion-icon name="document-attach-outline"></ion-icon>
                                            lampiran
                                        </a>
                                    @else
                                            Tidak ada lampiran
                                    @endif



                                    @if ($d->status_approved1==0)
                                        <span class="badge bg-warning">Waiting</span>
                                    @elseif ($d->status_approved1==1)
                                        <span class="badge bg-success">Approved</span>
                                    @elseif ($d->status_approved1==2)
                                    <span class="badge bg-danger">Decline</span>
                                    @endif
                                </div>
                            </div>
                        </li>
                    </ul>
                    @endforeach
                </div>
            </div>

            {{-- @section('content') --}}
                <div class="fab-button bottom-right" style="margin-bottom: 70px">
                    <a href="/cuti/buatcuti" class="fab">
                        <ion-icon name="add-outline"></ion-icon>
                    </a>
                </div>
            {{-- @endsection --}}

        </div>

        <div class="tab-pane fade" id="profile" role="tabpanel">
            <ul class="listview image-listview">
               <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Tanggal Join </small> <br>
                                @if ($jatahcuti)
                                <small > {{ date('d-m-Y', strtotime($jatahcuti->joindate))}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Tgl. Kontrak  </small> <br>
                                @if ($jatahcuti)
                                <small > {{ date('d-m-Y', strtotime($jatahcuti->contractdate))}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Tgl. Expired Cuti  </small> <br>
                                @if ($jatahcuti)
                                <small > {{ date('d-m-Y', strtotime($jatahcuti->cutiexpired))}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Tgl. Expired Cuti  </small> <br>
                                @if ($jatahcuti)
                                <small > {{ date('d-m-Y', strtotime($jatahcuti->cutiexpired))}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Hak cuti lama </small> <br>
                                @if ($jatahcuti)
                                <small > {{ $jatahcuti->hakcutilama}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Hak cuti baru </small> <br>
                                @if ($jatahcuti)
                                <small > {{ $jatahcuti->hakcutibaru}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted"> Ambil Cuti </small> <br>
                                @if ($jatahcuti)
                                <small > {{ $jatahcuti->totalcuti}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted">Pengajuan Cuti </small> <br>
                                @if ($jatahcuti)
                                <small > {{ $jatahcuti->totpengajuan}} </small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted"> Sisa cuti (Hak Cuti lama + baru - ambil cuti - pengajuan cuti)</small> <br>
                                {{-- @if ($jatahcuti) --}}
                                <small > {{ $jatahcuti2}} </small>
                                {{-- @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif --}}
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <div class="in">
                            <div>
                                <small class="text-muted"> Hak cuti hangus </small> <br>
                                @if ($jatahcuti)
                                <small > {{ $jatahcuti->hangus}} hari</small>
                                @else
                                <small > Data belum ada, silahkan tanya admin </small>
                                @endif
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item">
                    </div>
                </li>
                <li>
                    <div class="item">
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>


{{-- Modal Hapus --}}
<div class="modal modal-blur fade" id="modal-hapus" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Hapus Data Tukar Jadwal</h5>
          <button type="button" id="btn-close2" class="btn-close2" data-bs-dismiss="modal" aria-label="Close">
            <ion-icon name="close-circle-outline"></ion-icon>
          </button>
        </div>
        <div class="modal-body">
            <form action="/cuti/hapus" id="frmhapusabsen" name="frmhapusabsen" method="POST">
                @csrf
                <input type="hidden" id="nopengajuan2" name="nopengajuan2">
                Hapus data pengajuan cuti?
                <div class="row mt-1">
                    <div class="col-12">
                        <div class="form-group">
                            <button class="btn btn-danger w-100" type="submit">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-send" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M10 14l11 -11"></path>
                                    <path d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"></path>
                                 </svg>
                                 Hapus
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
      </div>
    </div>
</div>

@push('myscript')
<script>
    $(function(){
        $('.option-content').hide();

        $("#btn-close2").click(function () {
            $("#modal-hapus").modal("hide");
        });

        $(".tampilkanhapus").click(function(e){
             e.preventDefault();
            var nopengajuan2 = $(this).attr("nopengajuan2");
            $("#nopengajuan2").val(nopengajuan2);
            $("#modal-hapus").modal("show");
        });

    });
</script>
@endpush