@extends('layouts.client_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.show_ticket')</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="mb-3">
        <div class="row">
			<div class="col-md-12">
				<div class="card card-default bg-dark">
					<div class="card-heading bg-black p-3">
						#{{ $ticket->ticket_id }} - {{ $ticket->title }}
					</div>
					<div class="card-body">
						<div class="ticket-info">
							<p>{{ $ticket->message }}</p>
							<p>@lang('translate.enquiry_type'): {{ $ticket->category }}</p>
							<p>
								@if ($ticket->status === 'Open')
								Status: <span class="text-success">{{ $ticket->status }}</span>
								@else
								Status: <span class="text-danger">{{ $ticket->status }}</span>
								@endif
							</p>
							<p>@lang('translate.created_on'): {{ $ticket->created_at->diffForHumans() }}</p>
						</div>
					</div>
				</div>
				<br/>
				@include('client.ticket.comments')
				<br/>
				@if ($ticket->status === 'Open')
					@include('client.ticket.reply')
				@endif
			</div>
		</div>
	</div>
</div>
@endsection