@extends('layouts.app')

@section('title', 'Detail Cuti')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-calendar-event"></i> Detail Cuti</h2>
    <div>
        <a href="{{ route('cuti.download-pdf', $cuti) }}" class="btn btn-danger" target="_blank">
            <i class="bi bi-file-pdf"></i> Download PDF
        </a>
        <a href="{{ route('cuti.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Kembali
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Informasi Cuti</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="40%">Pegawai</th>
                        <td>: {{ $cuti->pegawai->nama_lengkap }} ({{ $cuti->pegawai->nip }})</td>
                    </tr>
                    <tr>
                        <th>Jenis Cuti</th>
                        <td>: {{ $cuti->jenis_cuti }}</td>
                    </tr>
                    <tr>
                        <th>Tanggal</th>
                        <td>: {{ $cuti->tanggal_mulai->format('d/m/Y') }} - {{ $cuti->tanggal_selesai->format('d/m/Y') }}</td>
                    </tr>
                    <tr>
                        <th>Jumlah Hari</th>
                        <td>: {{ $cuti->jumlah_hari }} hari</td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td>: 
                            @if($cuti->status == 'Menunggu Persetujuan')
                            <span class="badge bg-warning">{{ $cuti->status }}</span>
                            @elseif($cuti->status == 'Disetujui')
                            <span class="badge bg-success">{{ $cuti->status }}</span>
                            @else
                            <span class="badge bg-danger">{{ $cuti->status }}</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>Alasan</th>
                        <td>: {{ $cuti->alasan }}</td>
                    </tr>
                    @if($cuti->alamat_cuti)
                    <tr>
                        <th>Alamat Cuti</th>
                        <td>: {{ $cuti->alamat_cuti }}</td>
                    </tr>
                    @endif
                    @if($cuti->disetujui_oleh && $cuti->disetujuiOleh)
                    <tr>
                        <th>Disetujui Oleh</th>
                        <td>: {{ $cuti->disetujuiOleh->username }} ({{ $cuti->tanggal_persetujuan->format('d/m/Y H:i') }})</td>
                    </tr>
                    @endif
                    @if($cuti->catatan_persetujuan)
                    <tr>
                        <th>Catatan</th>
                        <td>: {{ $cuti->catatan_persetujuan }}</td>
                    </tr>
                    @endif
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        @if($cuti->status == 'Menunggu Persetujuan' && auth()->user()->isPimpinan())
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0">Aksi Persetujuan</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('cuti.approve', $cuti) }}" class="mb-2">
                    @csrf
                    <div class="mb-2">
                        <label for="catatan_approve" class="form-label">Catatan (Opsional)</label>
                        <textarea class="form-control" id="catatan_approve" name="catatan" rows="2" placeholder="Catatan persetujuan..."></textarea>
                    </div>
                    @if(auth()->user()->isPimpinan())
                    <div class="mb-2">
                        <label for="keterangan_pimpinan_approve" class="form-label">Keterangan Pimpinan <small class="text-muted">(Opsional)</small></label>
                        <textarea class="form-control" id="keterangan_pimpinan_approve" name="keterangan_pimpinan" rows="2" placeholder="Tambahkan keterangan tambahan dari pimpinan..."></textarea>
                        <small class="form-text text-muted">Keterangan ini akan ditambahkan pada catatan persetujuan</small>
                    </div>
                    <div class="alert alert-info mb-2">
                        <small><i class="bi bi-info-circle"></i> <strong>Catatan:</strong> Jika Anda ingin mengurangi jumlah hari cuti, isi form di bawah ini. Jika tidak diisi, cuti akan disetujui sesuai pengajuan.</small>
                    </div>
                    <div class="mb-2">
                        <label for="tanggal_selesai_baru" class="form-label">Ubah Tanggal Selesai <small class="text-muted">(Opsional)</small></label>
                        <input type="date" class="form-control" id="tanggal_selesai_baru" name="tanggal_selesai_baru" 
                               min="{{ $cuti->tanggal_mulai->format('Y-m-d') }}" 
                               max="{{ $cuti->tanggal_selesai->format('Y-m-d') }}"
                               placeholder="Kosongkan jika tidak diubah">
                        <small class="form-text text-muted">Jika diisi, harus antara tanggal mulai dan tanggal selesai pengajuan</small>
                    </div>
                    <div class="mb-2">
                        <label for="jumlah_hari_baru" class="form-label">Ubah Jumlah Hari <small class="text-muted">(Opsional)</small></label>
                        <input type="number" class="form-control" id="jumlah_hari_baru" name="jumlah_hari_baru" 
                               min="1" max="{{ $cuti->jumlah_hari }}"
                               placeholder="Kosongkan jika tidak diubah">
                        <small class="form-text text-muted">Jumlah hari saat ini: <strong>{{ $cuti->jumlah_hari }} hari</strong>. Maksimal yang dapat disetujui: {{ $cuti->jumlah_hari }} hari</small>
                    </div>
                    @endif
                    <button type="submit" class="btn btn-success w-100">
                        <i class="bi bi-check-circle"></i> Setujui
                    </button>
                </form>
                
                <form method="POST" action="{{ route('cuti.reject', $cuti) }}">
                    @csrf
                    <div class="mb-2">
                        <label for="catatan_reject" class="form-label">Alasan Penolakan <span class="text-danger">*</span></label>
                        <textarea class="form-control @error('catatan') is-invalid @enderror" 
                                  id="catatan_reject" name="catatan" rows="2" required placeholder="Masukkan alasan penolakan..."></textarea>
                        @error('catatan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    @if(auth()->user()->isPimpinan())
                    <div class="mb-2">
                        <label for="keterangan_pimpinan_reject" class="form-label">Keterangan Pimpinan <small class="text-muted">(Opsional)</small></label>
                        <textarea class="form-control" id="keterangan_pimpinan_reject" name="keterangan_pimpinan" rows="2" placeholder="Tambahkan keterangan tambahan dari pimpinan..."></textarea>
                        <small class="form-text text-muted">Keterangan ini akan ditambahkan pada alasan penolakan</small>
                    </div>
                    @endif
                    <button type="submit" class="btn btn-danger w-100">
                        <i class="bi bi-x-circle"></i> Tolak
                    </button>
                </form>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection