@extends('frontend.layouts.main-profile')

@section('title', 'Yêu cầu hỗ trợ' )
@section('keywords', 'Yêu cầu hỗ trợ')
@section('description', 'Yêu cầu hỗ trợ')
@section('abstract', 'Yêu cầu hỗ trợ')
@section('image', 'Yêu cầu hỗ trợ')
@section('css')
<link rel="stylesheet" href="{{ asset('frontend/css/profile/order-history.css') }}">
@endsection

@section('content')
<div class="content-wrapper">
    <div class="main">
        <div class="d-flex justify-content-end mb-3">
			<a class="btn btn-submit btn-primary" href="{{route('profile.newTicket')}}">{{ __('common.Gửi yêu cầu hỗ trợ mới') }}</a>
		</div>
		<div class="wrap-history" style="font-size:13px;">
			<div class="card-header">
				<h3 class="card-title text-center">{{ __('common.Lịch sử hỗ trợ') }}</h3>
			</div>
			<div class="card-body table-responsive p-0 mt-0 overflow-x-auto">
				<table class="table table-head-fixed white-space-nowrap">
					<thead>
						<tr>
							<th>{{ __('common.Mã') }}</th>
							<th class="text-nowrap">{{ __('common.Tiêu đề') }}</th>
							<th class="text-nowrap">{{ __('common.Trạng thái') }}</th>
							<th>{{ __('common.Thời gian') }}</th>
							<th>{{ __('common.Hành động') }}</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($tickets as $ticket)
						<tr>
							<td>{{ $ticket->ticket_code }}</td>
							<td>
								{{$ticket->title}}
							</td>
							<td class="text-nowrap">
								@foreach ($ticket->listStatus as $status)
								@if ($status['status']==$ticket->status)
								<span
									class="badge badge-{{ $ticket->status <= 1 ? 'danger' : $ticket->status }}">
									{{ $status['name'] }}
								</span>
								@endif
								@endforeach
							</td>
							<td class="text-nowrap">{{ $ticket->created_at }}</td>
							<td>
								<a class="btn btn-sm btn-info"
									href="{{route('profile.ticketDetail', ['id' => $ticket->id])}}">
									<i class="fas fa-eye mr-1"></i>
									<span class="d-flex align-items-center">
										
										{{ __('common.Xem chi tiết') }}
									</span>
								</a>
							</td>
						</tr>
						@endforeach

					</tbody>
				</table>
			</div>
			<div class="page">
                {{ $tickets->appends(request()->input())->links('pagination::bootstrap-4') }}
            </div>
		</div>

     
    </div>
</div>


@endsection