@extends('layouts.presensi');
@section('header')
 <!-- App Header -->
 <div class="appHeader bg-primary text-light">
    <div class="left">
        <a href="/dashboard" class="headerButton">
            <ion-icon name="chevron-back-outline"></ion-icon>
        </a>
    </div>
    <div class="pageTitle">IZIN/SAKIT</div>
    <div class="right"></div>
</div>
<!-- * App Header -->
@endsection

<div class="row" style="margin-top: 3rem">
    <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">
        @foreach ( $dataizin as $d )
        <ul class="listview image-listview">
            <li>
                <div class="item">
                    <div class="in">
                        <div>
                            <b> {{ $d->nopengajuan  }} ({{ $d->status=="s" ? "Sakit" : "Izin" }})</b> <br>
                            <small class="text-muted">{{ date("d-m-Y",strtotime($d->tgl_izin))}}</small> -
                            <small class="text-muted">{{ date("d-m-Y",strtotime($d->tgl_izin2))}}</small> <br>
                            @if ($d->perihal == 1)
                                <small class="text-muted">Meniggalkan pekerjaan pada jam kerja</small> <br>
                                <small class="text-muted"> {{ date("H-i",strtotime($d->jamawal))}} </small> -
                                @if ($d->jamakhir != null)
                                    <small class="text-muted"> {{ date("H-i",strtotime($d->jamakhir))}} </small> <br>
                                @else
                                    <small class="text-muted">Tidak kembali</small> <br>
                                @endif

                            @elseif ($d->perihal == 2)
                                <small class="text-muted">Tidak masuk kerja</small> <br>
                            @endif
                            <small class="text-muted">{{ $d->keterangan }}</small>

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

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

                        @if ($d->status_approved==0)
                            <span class="badge bg-warning">Waiting</span>
                        @elseif ($d->status_approved==1)
                            <span class="badge bg-success">Approved</span>
                        @elseif ($d->status_approved==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="/presensi/buatizin" class="fab">
            <ion-icon name="add-outline"></ion-icon>
        </a>
    </div>
@endsection

{{-- 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 Izin</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="/izin/hapusizin" id="frmhapusabsen" name="frmhapusabsen" method="POST">
                @csrf
                <input type="hidden" id="nopengajuan2" name="nopengajuan2">
                Hapus data izin?
                <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