@extends('layouts.app')

@section('title', 'İzin Onayları')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title mb-0">İzin Onayları</h3>
                </div>
                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="table-dark">
                                <tr>
                                    <th>ID</th>
                                    <th>Personel</th>
                                    <th>Departman</th>
                                    <th>İzin Türü</th>
                                    <th>Başlangıç</th>
                                    <th>Bitiş</th>
                                    <th>Gün Sayısı</th>
                                    <th>Başvuru Tarihi</th>
                                    <th>İşlemler</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($leaves as $leave)
                                    <tr>
                                        <td>{{ $leave->id }}</td>
                                        <td>{{ $leave->employee->user->name }}</td>
                                        <td>
                                            @if($leave->employee->department)
                                                {{ $leave->employee->department->name }}
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td>{{ $leave->leaveType->name }}</td>
                                        <td>{{ $leave->start_date->format('d.m.Y') }}</td>
                                        <td>{{ $leave->end_date->format('d.m.Y') }}</td>
                                        <td>{{ $leave->start_date->diffInDays($leave->end_date) + 1 }} gün</td>
                                        <td>{{ $leave->created_at->format('d.m.Y') }}</td>
                                        <td>
                                            <div class="btn-group btn-group-sm" role="group">
                                                <button type="button" 
                                                        class="btn btn-outline-primary" 
                                                        title="Detayları Görüntüle"
                                                        data-bs-toggle="modal" 
                                                        data-bs-target="#viewModal{{ $leave->id }}">
                                                    <i class="bi bi-eye"></i>
                                                </button>
                                                <form action="{{ route('manager.approvals.approve', $leave) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" 
                                                            class="btn btn-outline-success" 
                                                            title="Onayla"
                                                            onclick="return confirm('Bu izni onaylamak istediğinizden emin misiniz?')">
                                                        <i class="bi bi-check"></i>
                                                    </button>
                                                </form>
                                                <button type="button" 
                                                        class="btn btn-outline-danger" 
                                                        title="Reddet"
                                                        data-bs-toggle="modal" 
                                                        data-bs-target="#rejectModal{{ $leave->id }}">
                                                    <i class="bi bi-x"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center text-muted">Onay bekleyen izin bulunmuyor.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="d-flex justify-content-center">
                        {{ $leaves->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- View Modals -->
@foreach($leaves as $leave)
<div class="modal fade" id="viewModal{{ $leave->id }}" tabindex="-1" aria-labelledby="viewModalLabel{{ $leave->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="viewModalLabel{{ $leave->id }}">İzin Başvuru Detayları</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <h6>Genel Bilgiler</h6>
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>Personel:</strong></td>
                                <td>{{ $leave->employee->user->name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Departman:</strong></td>
                                <td>{{ $leave->employee->department ? $leave->employee->department->name : '-' }}</td>
                            </tr>
                            <tr>
                                <td><strong>İzin Türü:</strong></td>
                                <td>{{ $leave->leaveType->name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Başlangıç:</strong></td>
                                <td>{{ $leave->start_date->format('d.m.Y') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Bitiş:</strong></td>
                                <td>{{ $leave->end_date->format('d.m.Y') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Gün Sayısı:</strong></td>
                                <td>{{ $leave->start_date->diffInDays($leave->end_date) + 1 }} gün</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <h6>İzin Nedeni</h6>
                        <p>{{ $leave->reason }}</p>
                        
                        @if($leave->emergency_contact)
                            <h6>Acil Durum Bilgileri</h6>
                            <p><strong>Kişi:</strong> {{ $leave->emergency_contact }}</p>
                            @if($leave->emergency_phone)
                                <p><strong>Telefon:</strong> {{ $leave->emergency_phone }}</p>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
            </div>
        </div>
    </div>
</div>
@endforeach

<!-- Reject Modals -->
@foreach($leaves as $leave)
<div class="modal fade" id="rejectModal{{ $leave->id }}" tabindex="-1" aria-labelledby="rejectModalLabel{{ $leave->id }}" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="rejectModalLabel{{ $leave->id }}">İzni Reddet</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('manager.approvals.reject', $leave) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="rejection_reason{{ $leave->id }}" class="form-label">Red Nedeni <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="rejection_reason{{ $leave->id }}" name="rejection_reason" 
                                  rows="4" required placeholder="İzin reddinin nedenini açıklayın..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                    <button type="submit" class="btn btn-danger">Reddet</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach
@endsection