@extends('layouts.app')
@section('title', __('Employee support'))
@section('content')
<section class="panel-card mb-6 p-5 sm:p-7">
  <h2 class="text-lg font-bold">{{ __('Open a support ticket') }}</h2>
  <form method="POST" action="{{ route('support.store') }}" class="mt-4 grid gap-4 sm:grid-cols-2">@csrf
    <label class="block text-sm font-semibold sm:col-span-2">{{ __('Subject') }}<input name="subject" class="field-control mt-2" maxlength="255" required></label>
    <label class="block text-sm font-semibold">{{ __('Priority') }}<select name="priority" class="field-control mt-2"><option value="normal">{{ __('Normal') }}</option><option value="low">{{ __('Low') }}</option><option value="high">{{ __('High') }}</option></select></label>
    <label class="block text-sm font-semibold sm:col-span-2">{{ __('Message') }}<textarea name="message" rows="3" class="field-control mt-2" maxlength="5000" required></textarea></label>
    <button class="rounded-xl bg-blue-900 px-5 py-3 text-sm font-bold text-white sm:col-span-2">{{ __('Submit ticket') }}</button>
  </form>
</section>
<div class="space-y-4">
  @forelse($tickets as $ticket)
    <section class="panel-card overflow-hidden">
      <div class="flex flex-wrap items-start justify-between gap-3 border-b border-slate-100 px-5 py-4">
        <div><h2 class="font-bold text-slate-900">{{ $ticket->subject }}</h2><p class="mt-1 text-xs text-slate-500">{{ __('From') }} {{ $ticket->user->name }} · {{ $ticket->created_at->format('M d, Y') }} · {{ __(ucfirst($ticket->priority)) }}</p></div>
        <span class="rounded-full bg-amber-50 px-3 py-1 text-xs font-bold text-amber-800">{{ __(ucwords(str_replace('_', ' ', $ticket->status))) }}</span>
      </div>
      <div class="space-y-3 p-5">
        <p class="whitespace-pre-line text-sm text-slate-700">{{ $ticket->message }}</p>
        @foreach($ticket->replies as $reply)
          <div class="rounded-xl {{ $reply->user_id === $ticket->user_id ? 'bg-slate-50' : 'bg-blue-50' }} p-3">
            <p class="text-xs font-bold text-slate-700">{{ $reply->user->name }} · {{ $reply->created_at->format('M d, g:i A') }}</p>
            <p class="mt-2 whitespace-pre-line text-sm text-slate-600">{{ $reply->message }}</p>
          </div>
        @endforeach
        @if($ticket->status !== 'closed' && $ticket->status !== 'resolved')
          <form method="POST" action="{{ route('support.reply', $ticket) }}" class="flex flex-wrap gap-2">@csrf
            <textarea name="message" rows="2" class="field-control min-w-0 flex-1" placeholder="{{ __('Write a reply') }}" required maxlength="5000"></textarea>
            <button class="self-end rounded-xl bg-blue-900 px-4 py-3 text-sm font-bold text-white">{{ __('Reply') }}</button>
          </form>
        @endif
        @if(auth()->user()->isAdmin())
          <form method="POST" action="{{ route('support.update', $ticket) }}" class="grid gap-2 border-t border-slate-100 pt-3 sm:grid-cols-3">@csrf @method('PATCH')
            <select name="status" class="field-control">@foreach(['open','in_progress','resolved','closed'] as $status)<option value="{{ $status }}" @selected($ticket->status === $status)>{{ __(ucwords(str_replace('_',' ',$status))) }}</option>@endforeach</select>
            <select name="priority" class="field-control">@foreach(['low','normal','high'] as $priority)<option value="{{ $priority }}" @selected($ticket->priority === $priority)>{{ __(ucfirst($priority)) }}</option>@endforeach</select>
            <select name="assigned_to" class="field-control"><option value="">{{ __('Unassigned') }}</option>@foreach($employees as $employee)<option value="{{ $employee->id }}" @selected($ticket->assigned_to === $employee->id)>{{ $employee->name }}</option>@endforeach</select>
            <button class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-bold sm:col-span-3">{{ __('Save ticket settings') }}</button>
          </form>
        @endif
      </div>
    </section>
  @empty<div class="panel-card px-5 py-12 text-center text-sm text-slate-400">{{ __('No support tickets yet.') }}</div>@endforelse
</div>
<div class="mt-5">{{ $tickets->links() }}</div>
@endsection