@extends('layouts.site.master')
@section('panel-tickets',true)
@section('content')
    <div class="container">
        <div class="row mx-0 mt-md-5 mt-0 w-100">
            @include('site.panel.sidebar')
            <div class="col-md-9 col-12 p-2">
                <div class="p-2 shadow-sm bg-white main-radius">
                    <div class="p-2 pb-0 d-flex justify-content-between mb-2">
                        <p class="bold side-title position-relative max-w mb-0">
                            تیکت ها
                        </p>
                    </div>
                    <div class="table-responsive p-2 pb-0 order-table">
                        <table class="w-100">
                            <thead>
                            <tr>
                                <th class="text-start p-2 font-13 medium-gray">#</th>
                                <th class="text-center p-2 font-13 medium-gray">موضوع</th>
                                <th class="text-center p-2 font-13 medium-gray">تاریخ</th>
                                <th class="text-center p-2 font-13 medium-gray">وضعیت</th>
                                <th class="text-end p-2 font-13 medium-gray">مشاهده</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($tickets as $number => $ticket)
                                <tr class="bg-body">
                                    <td class="p-3 font-13">{{ $ticket->convertToPersian($number + 1) }}</td>
                                    <td>{{$ticket->subject}}</td>
                                    <td>{{$ticket->getJalaliCreatedAtAttribute()}}</td>
                                    <td>
                                        <p class="m-0  {{$ticket->getStatusData()['class']}}">
                                           {{$ticket->getStatusData()['label']}}
                                        </p>
                                    </td>
                                    <td>
                                        <a class="text-end justify-content-end align-items-center d-flex font-12 mint-green"
                                           href="{{route('panel.ticket',$ticket->id)}}">
                                            جزییات تیکت
                                            <img width="7" class="ms-1"
                                                 src="{{asset('assets/site/img/article-more.svg')}}" alt="">
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                هیچ تیکتی وجود ندارد
                                {{--  TODO: kasra fix this - برای حالتی که هیچ تیکتی وجود نداره--}}
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection