@extends('admin.layouts.app')

@section('title', 'Talepler')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">Talepler</h1>
        <a href="{{ route('admin.requests.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg"></i> Yeni Talep
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover" id="requestsTable">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Tip</th>
                            <th>Kurum</th>
                            <th>Kişi</th>
                            <th>Özet</th>
                            <th>Öncelik</th>
                            <th>Durum</th>
                            <th>Tarih</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($requests as $ticket)
                        <tr>
                            <td>{{ $ticket->id }}</td>
                            <td>{{ $ticket->reqType->name ?? '-' }}</td>
                            <td>{{ $ticket->reqInstitution?->name ?? '-' }}</td>
                            <td>{{ $ticket->contact?->name ?? '-' }}</td>
                            <td>{{ Str::limit($ticket->summary, 50) }}</td>
                            <td>
                                
                                @php
                                    $priorityColor = match($ticket->reqPriority->name) {
                                        'Yüksek' => 'danger',
                                        'Orta' => 'warning',
                                        default => 'info'
                                    };
                                @endphp
                                <span class="badge bg-{{ $priorityColor }}">
                                    {{ $ticket->reqPriority->name }}
                                </span>
                            </td>
                            <td>
                                @php
                                    $statusColor = match($ticket->reqStatus->name) {
                                        'Açık' => 'success',
                                        'Beklemede' => 'warning',
                                        default => 'secondary'
                                    };
                                @endphp
                                <span class="badge bg-{{ $statusColor }}">
                                    {{ $ticket->reqStatus->name }}
                                </span>
                            </td>
                            <td>{{ $ticket->created_at->format('d.m.Y H:i') }}</td>
                            <td>
                                <a href="{{ route('admin.requests.show', $ticket) }}" class="btn btn-sm btn-primary">
                                    <i class="bi bi-eye"></i>
                                </a>
                                <form action="{{ route('admin.requests.destroy', $ticket) }}" method="POST" class="d-inline delete-form">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="text-center">Henüz talep bulunmuyor.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            <div class="d-flex justify-content-end mt-3">
                {{ $requests->links() }}
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.bootstrap5.min.css"/>

<!-- DataTables JS -->
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    $(document).ready(function() {
        $('#requestsTable').DataTable({
            language: {
                url: '//cdn.datatables.net/plug-ins/1.11.5/i18n/tr.json'
            },
            order: [[0, 'desc']], // ID'ye göre azalan sıralama
            pageLength: 25, // Sayfa başına gösterilecek kayıt sayısı
            columnDefs: [
                {
                    targets: -1, // İşlemler sütunu
                    orderable: false, // Sıralama yapılamaz
                    searchable: false // Arama yapılamaz
                }
            ]
        });
    });

    // Silme işlemi için SweetAlert kodu
    document.querySelectorAll('.delete-form').forEach(form => {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            
            Swal.fire({
                title: 'Talebi silmek istediğinizden emin misiniz?',
                text: "Bu işlem geri alınamaz ve talebe ait tüm veriler silinecektir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Evet, sil',
                cancelButtonText: 'Vazgeç'
            }).then((result) => {
                if (result.isConfirmed) {
                    this.submit();
                }
            });
        });
    });
</script>
@endsection