@php
    use App\Models\CutiIzinDetail;
@endphp
<div>
    {{-- If your happiness depends on money, you will never be happy with yourself. --}}

    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Cuti/ Izin</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
                <li class="breadcrumb-item active">Data Cuti/ Izin</li>
            </ol>

            <div class="page-header-actions">
                @if (
                    $this->session->nama_jabatan == 'Manager' ||
                        $this->session->nama_jabatan == 'SPV' ||
                        $this->session->nama_jabatan == 'HRD' ||
                        $this->session->id_users == '43' ||
                        Auth::user()->level == 'Super Admin')
                    <button type="button" data-target="#print" data-toggle="modal"
                        class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                        data-original-title="Tambah">
                        <i class="icon md-print" aria-hidden="true"></i>
                    </button>
                    <button type="button" data-target="#tambah" data-toggle="modal"
                        class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                        data-original-title="Tambah">
                        <i class="icon md-hospital" aria-hidden="true"></i>
                    </button>
                @endif
                @if(Auth::user()->id_users == '59')
                <button wire:click.prevent="UpdateCutiTahunan"
                    type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                    Update Cuti Tahunan
                </button>
                @endif
                <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                </button>
            </div>

        </div>
        <div class="page-content container-fluid">
            <div class="row">
                <div class="col-xl-6 col-md-6">
                    <!-- Widget Linearea Two -->
                    <div class="card card-block p-30 bg-amber-900">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number"><b></b>{{$sisa_cuti_umum ?? 0}}Hari Sisa Cuti Umum</span>
                                <span class="counter-number-related text-capitalize"> | @php
                                    echo date('Y');
                                @endphp</span>
                            </div>
                            <div class="counter-label text-capitalize">Total Sisa Cuti Umum</div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Two -->
                </div>
                <div class="col-xl-6 col-md-6">
                    <!-- Widget Linearea Two -->
                    <div class="card card-block p-30 bg-blue-700">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number"><b></b>{{ $sisa_cuti_off ?? 0 }} Hari Sisa Cuti OFF</span>
                                <span class="counter-number-related text-capitalize"> | @php
                                    echo date('Y');
                                @endphp</span>
                            </div>
                            <div class="counter-label text-capitalize">@php
                                $jam = floor($bonus_cuti / 60); // Hitung jam (pembagian bulat)
                                $menit = $bonus_cuti % 60;      // Hitung sisa menit
                            @endphp                            
                            {{ $jam }} jam {{ $menit }} menit Waktu Terkumpul</div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Two -->
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <!-- Panel Kitchen Sink -->
                    <div class="panel">
                        <header class="panel-heading">
                            <h3 class="panel-title">
                                Data Cuti/ Izin
                                <span class="panel-desc">
                                </span>
                            </h3>
                        </header>
                        <div class="panel-body">
                            <div class="row">
                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Divisi </label>
                                    <select wire:model.live="cek_divisi" class="form-control">
                                        <option value="">Pilih Divisi </option>
                                                                            </select>
                                </div>
                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Bulan</label>
                                    <select class="form-control" wire:model.live="bulan" required>
                                        <option value="">Pilih Bulan</option>
                                        <option value="01">Januari</option>
                                        <option value="02">Februari</option>
                                        <option value="03">Maret</option>
                                        <option value="04">April</option>
                                        <option value="05">Mei</option>
                                        <option value="06">Juni</option>
                                        <option value="07">Juli</option>
                                        <option value="08">Agustus</option>
                                        <option value="09">September</option>
                                        <option value="10">Oktober</option>
                                        <option value="11">November</option>
                                        <option value="12">Desember</option>
                                    </select>
                                </div>

                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Tahun</label>
                                    <select class="form-control" wire:model.live="tahun" required>
                                        <option value="">Pilih Tahun</option>
                                        <option value="2023">2023</option>
                                        <option value="2024">2024</option>
                                        <option value="2025">2025</option>
                                        <option value="2026">2026</option>
                                        <option value="2027">2027</option>
                                        <option value="2028">2028</option>
                                        <option value="2029">2029</option>
                                        <option value="2030">2030</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-1 col-lg-1">
                                    <label class="form-control-label">Data</label>
                                    <select class="form-control" wire:model.live="cek_limit" required>
                                        <option>10</option>
                                        <option>50</option>
                                        <option>100</option>
                                        <option>250</option>
                                        <option>500</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-1 col-lg-1">
                                    <label class="form-control-label">Order</label>
                                    <select class="form-control" wire:model.live="cek_urutan" required>
                                        <option value="DESC">Z-A</option>
                                        <option value="ASC">A-Z</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-2 col-lg-2">
                                    <label class="form-control-label">By</label>
                                    <select class="form-control" wire:model.live="cek_order_by" required>
                                        <option value="hrd_peminjaman_kendaraan.created_at">Created at</option>
                                        <option value="hrd_peminjaman_kendaraan.tgl_peminjaman">Tgl. Peminjaman</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-8 col-lg-8">
                                    <label class="form-control-label">Kata Kunci</label>
                                    <div class="input-group">
                                        <input type="text" wire:model.defer="cek_keyword"
                                            placeholder="Ketik Kata Kunci Pencarian ..." class="form-control" required>
                                        <span class="input-group-append">
                                            <button wire:click.prevent="search" type="submit"
                                                class="btn btn-primary"><i class="icon md-search"
                                                    aria-hidden="true"></i></button>
                                        </span>
                                        <span class="input-group-append">
                                            <button wire:click.prevent="clear_search" type="submit"
                                                class="btn btn-primary"><i class="icon md-refresh"
                                                    aria-hidden="true"></i></button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <table class="table table-hover table-bordered table-striped w-full">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nama</th>
                                        <th>Jenis Cuti/ Izin</th>
                                        <th>Tgl Pengajuan</th>
                                        <th>Jumlah Hari</th>                                        
                                        <th>Sisa Cuti Umum</th>
                                        @if(Auth::user()->id_users == '59')
                                        <th>Sisa Cuti OFF</th>
                                        <th>Bonus Cuti</th>
                                        @endif
                                        <th>Acc Manager</th>
                                        <th>Acc HRD</th>
                                        <th>Acc Direktur</th>
                                        <th style="text-align: center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($cuti as $row)
                                        <tr wire:key="{{ $row->id_hrd_cuti_izin }}">
                                            <td>{{ $loop->index + 1 }}</td>
                                            <td>{{ $row->nama_karyawan }}</td>
                                            <td>{{ $row->jenis }}
                                                <br>
                                                <span style="font-weight: bold"><i>Note: {{$row->keterangan_cuti_izin}}</i></span>
                                            </td>
                                            <td>{{ tgl_indo($row->tgl_pengajuan) }}</td>
                                            <td>                      
                                                @php
                                                    $jumlah_hari = CutiIzinDetail::where('id_hrd_cuti_izin', $row->id_hrd_cuti_izin)->count();
                                                @endphp                          
                                                <button wire:click.prevent="show_detail({{ $row['id_hrd_cuti_izin'] }})"
                                                        type="button" data-target="#detail_cuti_izin"
                                                        data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip" data-original-title="Detail">
                                                        {{$jumlah_hari}} Hari <i class="icon md-eye" aria-hidden="true"></i>
                                                </button>
                                            </td>                                            
                                            <td style="text-align: center">{{ $row->sisa_cuti ?? 0 }} Hari</td> 
                                            @if(Auth::user()->id_users == '59')
                                            <td style="text-align: center">{{ $row->sisa_cuti_off?? 0 }} Hari</td>
                                            <td style="text-align: center">{{ $row->bonus_cuti?? 0 }} Hari</td>                                                               
                                            @endif  
                                            
                                            <td class="text-center">
                                                <div class="d-flex flex-column align-items-center w-100">
                                                    <button class="btn text-white fw-bold py-2 w-90 shadow-sm
                                                        @if ($row->acc_manager === 'Rejected') bg-danger
                                                        @elseif($row->acc_manager === 'Accepted' || $row->acc_manager === 'Disetujui') bg-success
                                                        @else bg-warning text-dark @endif"
                                                        @if ($this->session->nama_jabatan == 'Manager') 
                                                            wire:click="toggleStatus({{ $row->id_hrd_cuti_izin }})"
                                                        @endif>
                                                        <i class="
                                                            @if ($row->acc_manager === 'Accepted' || $row->acc_manager === 'Disetujui') fas fa-check-circle
                                                            @elseif ($row->acc_manager === 'Rejected') fas fa-times-circle
                                                            @else fas fa-hourglass-half @endif me-1"></i>
                                                        {{ $row->acc_manager == null ? 'Pending' : $row->acc_manager }}
                                                    </button>
                                                    @if($row->acc_manager_date)
                                                        <span style="font-size: 10px" class="badge bg-light text-dark mt-2 border shadow-sm px-3 py-2 w-90 text-center">
                                                            <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->acc_manager_date) }} | 
                                                            <i class="far fa-clock"></i> {{ date('H:i', strtotime($row->acc_manager_date)) }}
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>
                                            
                                            <td class="text-center">
                                                <div class="d-flex flex-column align-items-center w-100">
                                                    <button class="btn text-white fw-bold py-2 w-90 shadow-sm
                                                        @if ($row->acc_hrd === 'Rejected') bg-danger
                                                        @elseif($row->acc_hrd === 'Accepted' || $row->acc_hrd === 'Disetujui') bg-success
                                                        @else bg-warning text-dark @endif"
                                                        @if ($this->session->nama_jabatan == 'HRD') 
                                                            wire:click="toggleStatus({{ $row->id_hrd_cuti_izin }})"
                                                        @endif>
                                                        <i class="
                                                            @if ($row->acc_hrd === 'Accepted' || $row->acc_hrd === 'Disetujui') fas fa-check-circle
                                                            @elseif ($row->acc_hrd === 'Rejected') fas fa-times-circle
                                                            @else fas fa-hourglass-half @endif me-1"></i>
                                                        {{ $row->acc_hrd == null ? 'Pending' : $row->acc_hrd }}
                                                    </button>
                                                    @if($row->acc_hrd_date)
                                                        <span style="font-size: 10px" class="badge bg-light text-dark mt-2 border shadow-sm px-3 py-2 w-90 text-center">
                                                            <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->acc_hrd_date) }} | 
                                                            <i class="far fa-clock"></i> {{ date('H:i', strtotime($row->acc_hrd_date)) }}
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>
                                            
                                            <td class="text-center">
                                                <div class="d-flex flex-column align-items-center w-100">
                                                    <button class="btn text-white fw-bold py-2 w-90 shadow-sm
                                                        @if ($row->acc_direktur === 'Rejected') bg-danger
                                                        @elseif($row->acc_direktur === 'Accepted' || $row->acc_direktur === 'Disetujui') bg-success
                                                        @else bg-warning text-dark @endif"
                                                        @if ($this->session->nama_jabatan == 'Direktur' && $row->acc_manager == 'Accepted') 
                                                            wire:click="toggleStatus({{ $row->id_hrd_cuti_izin }})"
                                                        @else
                                                            disabled
                                                        @endif>
                                                        <i class="
                                                            @if ($row->acc_direktur === 'Accepted' || $row->acc_direktur === 'Disetujui') fas fa-check-circle
                                                            @elseif ($row->acc_direktur === 'Rejected') fas fa-times-circle
                                                            @else fas fa-hourglass-half @endif me-1"></i>
                                                        {{ $row->acc_direktur == null ? 'Pending' : $row->acc_direktur }}
                                                    </button>
                                                    @if($row->acc_direktur_date)
                                                        <span style="font-size: 10px" class="badge bg-light text-dark mt-2 border shadow-sm px-3 py-2 w-90 text-center">
                                                            <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->acc_direktur_date) }} | 
                                                            <i class="far fa-clock"></i> {{ date('H:i', strtotime($row->acc_direktur_date)) }}
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>
                                            
                                            @if ($this->session->nama_jabatan == 'Manager' ||
                                                $this->session->nama_jabatan == 'Direktur' ||
                                                $this->session->nama_jabatan == 'HRD' ||
                                                $this->session->id_users == '43' ||
                                                Auth::user()->level == 'Super Admin' ||
                                                $this->session->nama_jabatan == 'SPV')
                                                <td style="text-align: center">
                                                    @if ($row->jenis == 'Izin Sakit')
                                                        <a href="{{ ImagePublic($row->lampiran) }}" target="_blank">
                                                            <button class="btn btn-sm btn-icon btn-primary btn-round">
                                                                <i class="icon md-download" aria-hidden="true"></i> Lampiran
                                                            </button>
                                                        </a>
                                                    @endif
                                                    <button wire:click.prevent="show({{ $row['id_hrd_cuti_izin'] }})"
                                                            type="button" data-target="#edit" data-toggle="modal"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            title="Edit">
                                                        <i class="icon md-edit" aria-hidden="true"></i>
                                                    </button>
                                                    <button wire:click.prevent="show({{ $row['id_hrd_cuti_izin'] }})"
                                                            type="button" data-target="#delete" data-toggle="modal"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            title="Delete">
                                                        <i class="icon md-delete" aria-hidden="true"></i>
                                                    </button>
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            
                            <hr>

                            {{ $cuti->links() }}
                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                    class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                        </div>
                    </div>
                    <!-- End Panel Kitchen Sink -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Page -->

    <!-- Modal Tambah -->
    <div wire:ignore.self class="modal fade" id="edit" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Form Update Cuti/ Izin
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <form wire:submit="update({{ $id_hrd_cuti_izin }})" enctype="multipart/form-data">
                    <div class="row">
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nama Karyawan </label>
                            <select wire:model.live="id_karyawan" class="form-control" disabled>
                                <option value="">Pilih Nama Karyawan </option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Lama Hari</label>
                            <input type="number" wire:model.defer="jumlah_hari" placeholder="Ketik Disini..."
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Jenis</label>
                            <select class="form-control" wire:model.live="jenis">
                                <option value="">SELECT</option>                               
                                <option>Izin Sakit</option>
                                <option>Cuti Melahirkan</option>
                                <option>Cuti Menikah</option>
                                <option>Cuti karena alasan penting</option>
                                <option>Cuti Off</option>
                            </select>
                        </div>
                        @if ($jenis == 'Izin Sakit')
                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Lampiran Surat Sakit</label>
                                <div class="form-group">
                                    <div class="input-group input-group-file" data-plugin="inputGroupFile">
                                        <input type="text" class="form-control" readonly=""
                                            value="{{ $lampiran }}">
                                        <span class="input-group-append">
                                            <span class="btn btn-success btn-file">
                                                <i class="icon md-upload" aria-hidden="true"></i>
                                                <input type="file" wire:model.live="lampiran">
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Keterangan</label>
                            <textarea class="form-control" wire:model.defer="keterangan_cuti_izin" rows="3"
                                placeholder="Berikan keterangan tanggal cuti/ izin lainya jika lebih dari 1 hari.." required></textarea>
                        </div>
                        @if( Auth::user()->id_users == '59')
                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Sisa Cuti Umum</label>
                                <input type="text" wire:model.defer="sisa_cuti" class="form-control">
                            </div>
                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Sisa Cuti OFf</label>
                                <input type="text" wire:model.defer="sisa_cuti_off" class="form-control">
                            </div>
                        @endif
                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save
                            </button>
                        </div>

                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
                </form>
                <br>
                <br>
                @if ($data_form == 1)
                    <div class="detail_cuti">
                        <form wire:submit="store_detail" enctype="multipart/form-data">
                            <div class="row">
                                <div class="form-group form-material col-md-8">
                                    <label class="form-control-label">Tanggal</label>
                                    <input type="date" wire:model.defer="tanggal_cuti_izin" class="form-control"
                                        required>
                                </div>
                                <div class="col-md-4 float-right">
                                    <label class="form-control-label"> </label>
                                    <button wire:loading.attr="disabled" type="submit"
                                        class="btn btn-primary btn-block">Save</button>
                                </div>
                            </div>
                        </form>
                        <br>
                        <hr>
                        <h4 class="form-control-label">Data Cut/ Izin </h4>
                        <div class="row">
                            <div class="col-12">
                                <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                            data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap
                            data-tablesaw-mode-switch>
                            <thead>
                                <tr>
                                    <th style="text-align: center">No</th>
                                    <th>Tanggal</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody wire:loading.remove>
                                                            </tbody>
                        </table>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

    </div>
    <!-- End Modal Tambah -->

    <!-- Modal Tambah -->
    <div wire:ignore.self class="modal fade" id="tambah" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">

        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Form Tambah Cuti/ Izin
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <form wire:submit="store" enctype="multipart/form-data">
                    <div class="row">
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nama Karyawan </label>
                            <select wire:model.live="id_users" class="form-control" required>
                                <option value="">Pilih Nama Karyawan </option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Lama Hari</label>
                            <input type="number" wire:model.defer="jumlah_hari" placeholder="Ketik Disini..."
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Jenis</label>
                            <select class="form-control" wire:model.live="jenis">
                                <option value="">SELECT</option>
                                <option>Izin Sakit</option>
                                <option>Izin Anggota Keluarga Meninggal</option>
                                <option>Cuti Melahirkan</option>
                                <option>Cuti Menikah</option>
                                <option>Cuti karena alasan penting</option>
                                <option>Cuti Off</option>
                            </select>
                        </div>
                        @if ($jenis == 'Izin Sakit')
                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Lampiran Surat Sakit</label>
                                <div class="form-group">
                                    <div class="input-group input-group-file" data-plugin="inputGroupFile">
                                        <input type="text" class="form-control" readonly=""
                                            value="{{ $lampiran }}">
                                        <span class="input-group-append">
                                            <span class="btn btn-success btn-file">
                                                <i class="icon md-upload" aria-hidden="true"></i>
                                                <input type="file" wire:model.live="lampiran">
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Keterangan</label>
                            <textarea class="form-control" wire:model.defer="keterangan_cuti_izin" rows="3"
                                placeholder="Berikan keterangan tanggal cuti/ izin lainya jika lebih dari 1 hari.." required></textarea>
                        </div>

                        <div class="col-md-12">
                            <hr>
                        </div>
                        @if ($data_form == 0)
                            <div class="col-md-6 float-right">
                                <button wire:loading.attr="disabled" type="submit"
                                    class="btn btn-primary btn-block">Save
                                </button>
                            </div>
                        @endif
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
                </form>
                <br>
                <br>
                @if ($data_form == 1)
                    <div class="detail_cuti">
                        <form wire:submit="store_detail" enctype="multipart/form-data">
                            <div class="row">
                                <div class="col-md-12">
                                    @if (session()->has('pesan'))
                                    <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-material col-md-8">
                                    <label class="form-control-label">Tanggal</label>
                                    <input type="date" wire:model.defer="tanggal_cuti_izin" class="form-control"
                                        required>
                                </div>
                                <div class="col-md-4 float-right">
                                    <label class="form-control-label"> </label>
                                    <button wire:loading.attr="disabled" type="submit"
                                        class="btn btn-primary btn-block">Save</button>
                                </div>
                            </div>
                        </form>
                        <br>
                        <hr>
                        <h4 class="form-control-label">Data Cuti/ Izin </h4>
                        <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                            data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap
                            data-tablesaw-mode-switch>
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Tanggal</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody wire:loading.remove>
                                                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

    </div>
    <!-- End Modal Tambah -->

    <!-- Modal Riwayat Log-->
    <div wire:ignore.self class="modal fade" id="detail_cuti_izin" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="store" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-lg">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Detail Cuti/ Izin
                        <span wire:loading wire:target="show_riwayat_log" class="panel-desc"
                            style="color: red;"><b>Loading.....</b></span>
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                            data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap
                            data-tablesaw-mode-switch>
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Tanggal</th>
                                </tr>
                            </thead>
                            <tbody wire:loading.remove>
                                                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- Modal Riwayat Log-->

    <!-- Modal Edit DELETE -->
    <div wire:ignore.self class="modal fade" id="delete" aria-hidden="true"
        aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
        data-backdrop="static">
        <form wire:submit="" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-sm">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="false">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel" style="color: red;">Anda yakin ingin menghapus
                        data

                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 float-right">
                            <button wire:click.prevent="destroy({{ $id_hrd_cuti_izin }})" type="button"
                                wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Yes</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">No</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal DELETE -->

    <!-- Modal Print -->
    <div wire:ignore.self class="modal fade" id="print" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">

        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Form Print
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <form action="/report/cuti-izin" method="GET" enctype="multipart/form-data">
                    <div class="row">
                        <!-- Tanggal Cuti Izin -->
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Tanggal Mulai</label>
                            <input type="date" name="tanggal_mulai_cuti_izin" class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Tanggal Akhir</label>
                            <input type="date" name="tanggal_akhir_cuti_izin" class="form-control" required>
                        </div>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
            </div>
        </div>

    </div>
    <!-- Modal Print -->

</div>