@extends('layouts.admins.cpanel')

@section('page_title', __('admin.tickets-show-title'))

@section('page_content')
    <x-page-content pageTitle="{{ __('admin.tickets-show-title') }}">
		<x-slot:pageCaption>
			{{ __('admin.tickets-show-desc') }}
		</x-slot:pageCaption>

		<x-user.centered-content>
			<div class="mb-6">
				<h4 class="text-par-s font-semibold mb-2">
					{{ __('admin.tickets-show-title') }}
				</h4>
				<div class="text-par-s flex justify-between overflow-hidden py-2 px-4 even:bg-fill-qt">
					<span class="flex-shrink-0 mr-4">
						{{ __('table.name') }}
					</span>
					<span class="break-all text-right overflow-hidden">
						{{ $ticketData->name }}
					</span>
				</div>
				<div class="text-par-s flex justify-between overflow-hidden py-2 px-4 even:bg-fill-qt">
					<span class="flex-shrink-0 mr-4">
						{{ __('table.email') }}
					</span>
					<span class="break-all text-right overflow-hidden">
						{{ $ticketData->email }}
					</span>
				</div>
				<div class="text-par-s flex justify-between overflow-hidden py-2 px-4 even:bg-fill-qt">
					<span class="flex-shrink-0 mr-4">
						{{ __('table.date') }}
					</span>
					<span class="break-all text-right overflow-hidden">
						{{ $ticketData->created_at->getOrdinal() }}
					</span>
				</div>
				<div class="text-par-s flex justify-between overflow-hidden py-2 px-4 even:bg-fill-qt">
					<span class="flex-shrink-0 mr-4">
						{{ __('table.status') }}
					</span>
					<span class="break-all text-right overflow-hidden">
						{{ $ticketData->status->label() }}
					</span>
				</div>
			</div>
			<div class="mb-6">
				<h4 class="text-par-s font-semibold mb-2">
					{{ __('labels.message') }}
				</h4>
				<div class="text-par-s">
					<span class="break-all text-right overflow-hidden">
						{!! nl2br($ticketData->message) !!}
					</span>
				</div>
			</div>
			
			<div class="block mb-6">
				<form action="{{ route('admin.tickets.delete', $ticketData->id) }}" method="POST">
					@csrf
					@method('DELETE')
					<div class="block">
						<x-forms.button type="submit" text="{{ __('labels.delete') }}" classes="bg-red-900 text-white"></x-forms.button>
					</div>
				</form>
			</div>
			<div class="block">
				<a href="{{ route('admin.tickets.index') }}" class="text-par-s text-brand-900 underline">
					&larr; {{ __('admin.tickets-index-title') }}
				</a>
			</div>
		</x-user.centered-content>
	</x-page-content>
@endsection