@foreach ($tickets as $index => $item)
    <tr>
        <td data-width="78">
            <span class="td">#{{ ++$index }}</span>
        </td>
        <td data-width="142">
            <span class="td">{{ $item->ticket_number }}</span>
        </td>
        <td data-width="122">
            
        <!-- change bg color [bg-status-completed,bg-status-approve,bg-status-pending,bg-status-schedule,bg-status-draft,bg-status-canceled,bg-status-processing,bg-status-inactive] -->
         @if($item->priority == 'high')
            <span class="gs-dash-badge bg-status-canceled">
                {{ __('user.High') }}
            </span>
        @elseif($item->priority == 'medium')
            <span class="gs-dash-badge bg-status-completed">
                {{ __('user.Medium') }}
            </span>
        @else
            <span class="gs-dash-badge bg-status-pending">
                {{ __('user.Low') }}
            </span>
        @endif            
        </td>
        <td data-width="280">
            <span class="td">{{ $item->title }}</span>
        </td>

        <td data-width="132">
            <span class="td">{{ format_date($item->created_at) }}</span>
        </td>
        <td data-width="122">
            <!-- change bg color [bg-status-completed,bg-status-approve,bg-status-pending,bg-status-schedule,bg-status-draft,bg-status-canceled,bg-status-processing,bg-status-inactive] -->
            @if($item->status == 'pending')
                <span class="gs-dash-badge bg-status-approve">
                    {{ __('user.Pending') }}
                </span>
            @elseif($item->status == 'open')
                <span class="gs-dash-badge bg-status-processing">
                    {{ __('user.Open') }}
                </span>
            @elseif($item->status == 'closed')
                <span class="gs-dash-badge bg-status-inactive">
                    {{ __('user.Closed') }}
                </span>
            @else
                <span class="gs-dash-badge bg-status-completed">
                    {{ __('user.Resolved') }}
                </span>
            @endif    
        </td>
        <td data-width="116">
            <div class="d-flex gap-2">
                <a class="view-dark-btn" href="{{ route('user.ticket.show',$item->id) }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                        viewBox="0 0 22 22" fill="none">
                        <g clip-path="url(#clip0_4820_35635)">
                            <path
                                d="M11.0002 4.56055C6.87328 4.56055 3.13079 6.81842 0.369204 10.4858C0.143859 10.7863 0.143859 11.206 0.369204 11.5065C3.13079 15.1783 6.87328 17.4362 11.0002 17.4362C15.1271 17.4362 18.8696 15.1783 21.6312 11.5109C21.8565 11.2104 21.8565 10.7907 21.6312 10.4902C18.8696 6.81842 15.1271 4.56055 11.0002 4.56055ZM11.2962 15.5318C8.55675 15.7041 6.29446 13.4462 6.46678 10.7023C6.60817 8.44002 8.44186 6.60633 10.7042 6.46493C13.4436 6.29261 15.7059 8.55048 15.5336 11.2944C15.3878 13.5523 13.5541 15.386 11.2962 15.5318ZM11.1593 13.4374C9.68347 13.5302 8.46396 12.3151 8.56116 10.8393C8.63628 9.61977 9.62603 8.63444 10.8455 8.5549C12.3213 8.46211 13.5409 9.67721 13.4436 11.153C13.3641 12.3769 12.3744 13.3623 11.1593 13.4374Z"
                                fill="white" />
                        </g>
                        <defs>
                            <clipPath id="clip0_4820_35635">
                                <rect width="21.6" height="21.6" fill="white"
                                    transform="translate(0.199219 0.199219)" />
                            </clipPath>
                        </defs>
                    </svg>
                </a>


               <x-global.delete-button :href="route('user.ticket.delete', $item->id)" />

            </div>
        </td>
    </tr>
@endforeach