@extends('layouts.app')

@section('page-title', __('app.nav.tickets'))

@section('content')
    <div style="margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap">
        <div>
            @foreach (['mine' => __('app.ticket.my_open_tickets'), 'active' => __('app.ticket.status.new').' / '.__('app.ticket.status.open'), 'new' => __('app.ticket.status.new'), 'open' => __('app.ticket.status.open'), 'pending_customer' => __('app.ticket.status.pending_customer'), 'resolved' => __('app.ticket.status.resolved'), 'closed' => __('app.ticket.status.closed')] as $key => $label)
                <a href="{{ route('tickets.index', ['status' => $key, 'category' => $currentCategoryId]) }}"
                   class="btn {{ $currentStatus === $key ? 'btn-primary' : 'btn-secondary' }}"
                   style="margin-right:8px;margin-bottom:8px;display:inline-block;padding:6px 14px;font-size:0.85rem">{{ $label }}</a>
            @endforeach
        </div>

        <button type="button" class="config-menu-trigger" data-modal-trigger="ticket-config-modal"
                aria-label="{{ __('app.ticket_view.settings') }}" aria-expanded="false" title="{{ __('app.ticket_view.settings') }}">&#9881;</button>
    </div>

    <div id="ticket-config-modal" class="modal-overlay" hidden>
        <div class="modal-panel">
            <button type="button" class="modal-close" data-modal-close aria-label="{{ __('app.ticket_view.close') }}">&times;</button>
            <h3>{{ __('app.ticket_view.settings') }}</h3>

            <div class="config-menu-section">
                <h4>{{ __('app.ticket_view.columns') }}</h4>
                <form method="GET" action="{{ route('tickets.index') }}" style="display:flex;flex-direction:column;gap:6px">
                    <input type="hidden" name="status" value="{{ $currentStatus }}">
                    @if ($currentCategoryId)
                        <input type="hidden" name="category" value="{{ $currentCategoryId }}">
                    @endif
                    @if ($currentSort)
                        <input type="hidden" name="sort" value="{{ $currentSort }}">
                        <input type="hidden" name="direction" value="{{ $currentDirection }}">
                    @endif
                    @foreach ($availableColumns as $key => $labelKey)
                        <label style="font-weight:400;font-size:0.85rem">
                            <input type="checkbox" name="columns[]" value="{{ $key }}" @checked(in_array($key, $visibleColumns, true))>
                            {{ __($labelKey) }}
                        </label>
                    @endforeach
                    <button type="submit" class="btn btn-secondary" style="margin-top:6px;padding:6px 14px;font-size:0.85rem">{{ __('app.ticket_view.apply_columns') }}</button>
                </form>
            </div>

            <div class="config-menu-section">
                <h4>{{ __('app.ticket_view.my_views') }}</h4>
                @forelse ($savedViews as $view)
                    <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px">
                        <a href="{{ route('tickets.index', ['view' => $view->id]) }}"
                           style="font-weight:{{ $currentViewId === $view->id ? '700' : '500' }};font-size:0.9rem">{{ $view->name }}</a>
                        @if ($view->is_default)
                            <span class="badge badge-tag" style="font-size:0.6rem">{{ __('app.ticket_view.default') }}</span>
                        @endif
                        <form method="POST" action="{{ route('tickets.views.destroy', $view) }}"
                              onsubmit="return confirm('{{ __('app.ticket_view.delete_confirm') }}')" style="margin-left:auto">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-link-danger" style="font-size:0.78rem">{{ __('app.category.delete') }}</button>
                        </form>
                    </div>
                @empty
                    <p style="color:var(--grey);font-size:0.82rem;margin-top:0">{{ __('app.ticket_view.none_saved') }}</p>
                @endforelse

                <form method="POST" action="{{ route('tickets.views.store') }}" style="margin-top:10px;display:flex;flex-direction:column;gap:8px">
                    @csrf
                    <input type="hidden" name="status" value="{{ $currentStatus }}">
                    @if ($currentCategoryId)
                        <input type="hidden" name="category_id" value="{{ $currentCategoryId }}">
                    @endif
                    @foreach ($visibleColumns as $col)
                        <input type="hidden" name="columns[]" value="{{ $col }}">
                    @endforeach
                    <input type="text" name="name" placeholder="{{ __('app.ticket_view.name_placeholder') }}" class="form-control" style="padding:6px 10px" required maxlength="60">
                    <label style="font-size:0.8rem;font-weight:400"><input type="checkbox" name="is_default" value="1"> {{ __('app.ticket_view.set_default') }}</label>
                    <button type="submit" class="btn btn-primary" style="padding:6px 14px;font-size:0.85rem">{{ __('app.ticket_view.save_current') }}</button>
                </form>
                @error('name')
                    <p style="color:var(--error);font-size:0.8rem;margin-bottom:0">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    @if ($categories->isNotEmpty())
        <div style="margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center">
            <a href="{{ route('tickets.index', ['status' => $currentStatus]) }}"
               class="badge badge-tag"
               style="{{ $currentCategoryId === null ? 'outline:2px solid var(--navy);outline-offset:1px' : '' }}">{{ __('app.ticket.all_categories') }}</a>
            @foreach ($categories as $category)
                <a href="{{ route('tickets.index', ['status' => $currentStatus, 'category' => $category->id]) }}"
                   class="badge"
                   style="background:{{ $category->color }};color:{{ $category->textColor() }};{{ $currentCategoryId === $category->id ? 'outline:2px solid var(--navy);outline-offset:1px' : '' }}">{{ $category->name() }}</a>
            @endforeach
        </div>
    @endif

    <div style="overflow-x:auto">
        <table class="table">
            <thead>
                <tr>
                    @foreach ($availableColumns as $key => $labelKey)
                        @if (in_array($key, $visibleColumns, true))
                            <th>
                                @if (in_array($key, $sortableColumns, true))
                                    @php
                                        $nextDirection = ($currentSort === $key && $currentDirection === 'asc') ? 'desc' : 'asc';
                                        $sortUrl = route('tickets.index', array_merge(request()->except(['sort', 'direction', 'page']), ['sort' => $key, 'direction' => $nextDirection]));
                                    @endphp
                                    <a href="{{ $sortUrl }}" class="sortable">
                                        {{ __($labelKey) }}
                                        @if ($currentSort === $key)
                                            <span class="sort-indicator">{{ $currentDirection === 'asc' ? '▲' : '▼' }}</span>
                                        @endif
                                    </a>
                                @else
                                    {{ __($labelKey) }}
                                @endif
                            </th>
                        @endif
                    @endforeach
                </tr>
            </thead>
            <tbody>
                @forelse ($tickets as $ticket)
                    <tr>
                        @if (in_array('reference', $visibleColumns, true))
                            <td><a href="{{ route('tickets.show', $ticket) }}">{{ $ticket->reference }}</a></td>
                        @endif
                        @if (in_array('subject', $visibleColumns, true))
                            <td><a href="{{ route('tickets.show', $ticket) }}">{{ \Illuminate\Support\Str::limit($ticket->subject, 40) }}</a></td>
                        @endif
                        @if (in_array('customer', $visibleColumns, true))
                            <td>{{ $ticket->customer?->name ?? '—' }}</td>
                        @endif
                        @if (in_array('category', $visibleColumns, true))
                            <td>
                                @if ($ticket->category)
                                    <span class="badge" style="background:{{ $ticket->category->color }};color:{{ $ticket->category->textColor() }}">{{ $ticket->category->name() }}</span>
                                @else
                                    —
                                @endif
                            </td>
                        @endif
                        @if (in_array('status', $visibleColumns, true))
                            <td><span class="badge badge-status-{{ $ticket->status }}">{{ __('app.ticket.status.'.$ticket->status) }}</span></td>
                        @endif
                        @if (in_array('priority', $visibleColumns, true))
                            <td><span class="badge badge-priority-{{ $ticket->priority }}">{{ __('app.ticket.priority.'.$ticket->priority) }}</span></td>
                        @endif
                        @if (in_array('created_at', $visibleColumns, true))
                            <td style="white-space:nowrap">{{ $ticket->created_at->format('d.m.Y H:i') }}</td>
                        @endif
                        @if (in_array('last_communication_at', $visibleColumns, true))
                            <td style="white-space:nowrap">{{ $ticket->last_activity_at?->format('d.m.Y H:i') ?? '—' }}</td>
                        @endif
                        @if (in_array('last_communication_by', $visibleColumns, true))
                            <td>{{ $ticket->latestCommunicatorName() ?? '—' }}</td>
                        @endif
                        @if (in_array('assigned_to', $visibleColumns, true))
                            <td>{{ $ticket->assignedUser?->name ?? '—' }}</td>
                        @endif
                    </tr>
                @empty
                    <tr><td colspan="{{ count($visibleColumns) }}">{{ __('app.ticket.none_found') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:18px">{{ $tickets->links() }}</div>
@endsection