{{-- resources/views/admin/support/show.blade.php --}}
{{-- Support ticket detail view with reply form --}}
{{-- Controller: Admin\SupportController@show / @reply --}}

@extends('layouts.admin')

@section('title', 'Support Ticket')
@section('page_title', 'Support Ticket')

@section('page_css')
    <link rel="stylesheet" href="{{ asset('css/admin/forms.css') }}">
@endsection

@section('content')

    <x-admin.page-header
        title="Support Ticket #{{ $ticket->id }}"
        :breadcrumb="[
            ['label' => 'Support', 'url' => route('admin.support.index')],
            ['label' => 'Ticket #' . $ticket->id]
        ]"
    />

    {{-- Ticket Details Card --}}
    <div class="form-card">
        <div class="form-card__header">
            <h3 class="form-card__title">Ticket Information</h3>
            <span class="ticket-status-badge ticket-status-badge--{{ $ticket->status }}">{{ ucfirst($ticket->status) }}</span>
        </div>
        <div class="form-card__body">
            <div class="ticket-meta-grid">
                <div class="ticket-meta-item">
                    <span class="ticket-meta-label">From</span>
                    <span class="ticket-meta-value">{{ $ticket->name }}</span>
                </div>
                <div class="ticket-meta-item">
                    <span class="ticket-meta-label">Email</span>
                    <span class="ticket-meta-value">{{ $ticket->email }}</span>
                </div>
                <div class="ticket-meta-item">
                    <span class="ticket-meta-label">Type</span>
                    <span class="ticket-meta-value">{{ ucfirst($ticket->type) }}</span>
                </div>
                <div class="ticket-meta-item">
                    <span class="ticket-meta-label">Date</span>
                    <span class="ticket-meta-value">{{ $ticket->created_at->format('d M Y H:i') }}</span>
                </div>
            </div>
            <div class="ticket-message-box">
                <div class="ticket-message-label">Message</div>
                <div class="ticket-message-content">{{ $ticket->message }}</div>
            </div>
        </div>
    </div>

    {{-- Reply Form --}}
    <div class="form-card">
        <div class="form-card__header">
            <h3 class="form-card__title">Reply to Ticket</h3>
        </div>
        <div class="form-card__body">
            <form action="{{ route('admin.support.reply', $ticket->id) }}" method="POST" class="admin-form">
                @csrf
                <div class="form-group">
                    <label class="form-label" for="reply_message">Reply Message <span class="form-required">*</span></label>
                    <textarea name="reply_message" id="reply_message" rows="6" class="form-textarea {{ $errors->has('reply_message') ? 'form-textarea--error' : '' }}" required placeholder="Write your reply here...">{{ old('reply_message') }}</textarea>
                    @error('reply_message') <span class="form-error">{{ $message }}</span> @enderror
                </div>
                <div class="form-group">
                    <label class="form-label" for="ticket_status">Update Status</label>
                    <select name="ticket_status" id="ticket_status" class="form-select">
                        <option value="open" {{ $ticket->status === 'open' ? 'selected' : '' }}>Open</option>
                        <option value="replied" {{ $ticket->status === 'replied' ? 'selected' : '' }}>Replied</option>
                        <option value="closed" {{ $ticket->status === 'closed' ? 'selected' : '' }}>Closed</option>
                    </select>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn-primary-action"><i class="bi bi-send"></i> Send Reply</button>
                    <a href="{{ route('admin.support.index') }}" class="btn-cancel">Back to List</a>
                </div>
            </form>
        </div>
    </div>

@endsection