@extends('dashboard.admin.layout')
@section('title', 'Ticket ' . $ticket->ticket_no)

@section('content')
<div class="admin-inner">
  <div class="card mb-4">
    <div class="card-header">
      <h5 class="mb-0">{{ $ticket->ticket_no }} - {{ $ticket->subject }}</h5>
    </div>
    <div class="card-body">
      <p><strong>User:</strong> {{ $ticket->user?->name }} ({{ $ticket->user?->email }})</p>
      <p><strong>Status:</strong> {{ strtoupper($ticket->status) }} | <strong>Priority:</strong> {{ strtoupper($ticket->priority) }}</p>
      @if($ticket->rating)
      <p><strong>User Rating:</strong> {{ $ticket->rating }}/5 {{ $ticket->rating_comment ? '- ' . $ticket->rating_comment : '' }}</p>
      @endif
      @if(!$ticket->isResolved())
      <form method="POST" action="{{ route('admin.tickets.resolve', $ticket) }}" style="display:inline;">
        @csrf
        <button class="btn btn-success btn-sm" type="submit">Mark Resolved</button>
      </form>
      @endif
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-header"><h5 class="mb-0">Conversation</h5></div>
    <div class="card-body">
      <div style="display:grid;gap:12px;">
        @foreach($ticket->messages as $msg)
        <div style="padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:{{ $msg->is_admin ? '#eef6ff' : '#fff' }};">
          <div style="font-size:12px;color:#6b7280;margin-bottom:6px;">
            {{ $msg->is_admin ? 'Admin' : 'User' }} • {{ $msg->created_at?->format('Y-m-d H:i:s') }}
          </div>
          <div style="white-space:pre-wrap;">{{ $msg->message }}</div>
          @if($msg->hasAttachment())
          <div style="margin-top:8px;">
            <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.tickets.messages.attachment', $msg) }}">Attachment: {{ $msg->attachment_name }}</a>
          </div>
          @endif
        </div>
        @endforeach
      </div>
    </div>
  </div>

  @if(!$ticket->isResolved())
  <div class="card">
    <div class="card-header"><h5 class="mb-0">Reply</h5></div>
    <div class="card-body">
      <form method="POST" action="{{ route('admin.tickets.reply', $ticket) }}" enctype="multipart/form-data">
        @csrf
        <div class="form-group">
          <textarea name="message" class="form-control" rows="4" placeholder="Type reply to user"></textarea>
        </div>
        <div class="form-group">
          <input type="file" name="attachment" class="form-control" accept=".jpg,.jpeg,.png,.gif,.webp,.pdf,.doc,.docx,.txt,.zip">
        </div>
        <button class="btn btn-primary" type="submit">Send Reply</button>
      </form>
    </div>
  </div>
  @endif
</div>
@endsection