@extends('layouts.master')

@section('content')
<div class="container py-4">
    <h2 class="fw-bold mb-4">Moje zgłoszenia</h2>

    <div class="table-responsive shadow rounded">
        <table class="table table-hover text-center align-middle">
            <thead>
                <tr>
                    <th>Kod zgłoszenia</th>
                    <th>Data</th>
                    <th>Firma</th>
                    <th>Temat</th>
                    <th>Status</th>
                    <th>Priorytet</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tickets as $ticket)
                    <tr class="clickable-row" data-href="{{ route('ticket.status') }}?email={{ $ticket->email }}&ticket_id={{ $ticket->ticket_code }}">
                        <td>{{ $ticket->ticket_code }}</td>
                        <td>{{ $ticket->created_at->format('Y-m-d') }}</td>
                        <td>{{ $ticket->company ?? 'Brak' }}</td>
                        <td>{{ $ticket->subject }}</td>
                        <td>
                            @if($ticket->status)
                                <span class="badge" style="background-color: {{ $ticket->status->kolor }}; color: white;">
                                    {{ $ticket->status->nazwa }}
                                </span>
                            @else
                                <span class="badge bg-secondary">Brak</span>
                            @endif
                        </td>
                        <td>
                            @if($ticket->priority === 'Krytyczny')
                                <span class="text-danger fw-bold">{{ $ticket->priority }}</span>
                            @elseif($ticket->priority === 'Wysoki')
                                <span class="text-warning fw-semibold">{{ $ticket->priority }}</span>
                            @else
                                <span class="text-muted">{{ $ticket->priority }}</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-muted">Brak zgłoszeń</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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

<script>
    document.querySelectorAll(".clickable-row").forEach(row => {
        row.addEventListener("click", () => {
            window.location.href = row.dataset.href;
        });
    });
</script>
@endsection