@extends('layouts.usermaster')

@section('styles')

<!-- INTERNAL Data table css -->
<link href="{{asset('assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}?v=1747329349" rel="stylesheet" />
<link href="{{asset('assets/plugins/datatable/responsive.bootstrap5.css')}}?v=1747329349" rel="stylesheet" />

@endsection

@section('content')

<!-- Section -->
<section>
    <div class="bannerimg cover-image" data-bs-image-src="{{asset('assets/images/photos/banner1.jpg')}}">
        <div class="header-text mb-0">
            <div class="container ">
                <div class="row text-white">
                    <div class="col">
                        <h1 class="mb-0">{{lang('On-Hold Tickets', 'menu')}}</h1>
                    </div>
                    <div class="col col-auto">
                        <ol class="breadcrumb text-center">
                            <li class="breadcrumb-item">
                                <a href="#" class="text-white-50">{{lang('Home', 'menu')}}</a>
                            </li>
                            <li class="breadcrumb-item active">
                                <a href="#" class="text-white">{{lang('On-Hold Tickets', 'menu')}}</a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Section -->

<!--On-Hold Ticket List-->
<section>
    <div class="cover-image sptb">
        <div class="container ">
            <div class="row">
                @include('includes.user.verticalmenu')
                <div class="col-xl-9">
                    <div class="card mb-0">
                        <div class="card-header border-0">
                            <h4 class="card-title">{{lang('On-Hold Tickets', 'menu')}}</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                @if(setting('CUSTOMER_RESTICT_TO_DELETE_TICKET') == 'off')
                                    <button id="massdelete" class="btn btn-outline-light btn-sm ms-7 mb-4 data-table-btn mx-md-center"><i class="fe fe-trash me-1"></i> {{lang('Delete')}}</button>
                                @endif
                                <table
                                    class="table table-bordered border-bottom text-nowrap ticketdeleterow w-100"
                                    id="onholdtickets">
                                    <thead>
                                        <tr class="">
                                            <th>{{lang('Sl.No')}}</th>
                                            <th width="10"  class="removecolumnheader"  >
                                                <input type="checkbox"  id="customCheckAll">
                                                <label  for="customCheckAll"></label>
                                            </th>
                                            <th>{{lang('Ticket Details')}}</th>
                                            <th>{{lang('Status')}}</th>
                                            <th>{{lang('Actions')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $i = 1; @endphp
                                        @foreach ($onholdtickets as $onholdticket)
                                        <tr {{$onholdticket->replystatus == 'Waiting'? 'class=bg-success-transparent': ''}}>
                                            <td>{{$i++}}</td>
                                            <td class="removecolumndata">
                                                <input type="checkbox" name="student_checkbox[]" class="checkall" value="{{$onholdticket->id}}" />
                                            </td>
                                            <td class="overflow-hidden ticket-details">
                                                <div class="d-flex align-items-center">
                                                    <div class="">
                                                        <a href="{{route('loadmore.load_data',$onholdticket->ticket_id)}}" class="fs-14 d-block font-weight-semibold">{{$onholdticket->subject}}</a>

                                                        <ul class="fs-13 font-weight-normal d-flex custom-ul">
                                                            <li class="pe-2 text-muted">#{{$onholdticket->ticket_id}}</span>
                                                            <li class="px-2 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Date')}}"><i class="fe fe-calendar me-1 fs-14"></i> {{$onholdticket->created_at->timezone(Auth::user()->timezone)->format(setting('date_format'))}}</li>

                                                            @if($onholdticket->priority != null)
                                                                @if($onholdticket->priority == "Low")
                                                                    <li class="ps-5 pe-2 preference preference-low" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Priority')}}">{{lang($onholdticket->priority)}}</li>

                                                                @elseif($onholdticket->priority == "High")
                                                                    <li class="ps-5 pe-2 preference preference-high" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Priority')}}">{{lang($onholdticket->priority)}}</li>

                                                                @elseif($onholdticket->priority == "Critical")
                                                                    <li class="ps-5 pe-2 preference preference-critical" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Priority')}}">{{lang($onholdticket->priority)}}</li>

                                                                @else
                                                                    <li class="ps-5 pe-2 preference preference-medium" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Priority')}}">{{lang($onholdticket->priority)}}</li>
                                                                @endif
                                                            @else
                                                                ~
                                                            @endif

                                                            @if($onholdticket->category_id != null)
                                                                @if($onholdticket->category != null)

                                                                <li class="px-2 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Category')}}"><i class="fe fe-grid me-1 fs-14" ></i>{{Str::limit($onholdticket->category->name, '40')}}</li>

                                                                @else

                                                                ~
                                                                @endif
                                                            @else

                                                                ~
                                                            @endif

                                                            @if($onholdticket->last_reply == null)
                                                                <li class="px-2 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Last Replied')}}"><i class="fe fe-clock me-1 fs-14"></i>{{$onholdticket->created_at->diffForHumans()}}</li>

                                                            @else
                                                            <li class="px-2 text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Last Replied')}}"><i class="fe fe-clock me-1 fs-14"></i>{{$onholdticket->last_reply->diffForHumans()}}</li>

                                                            @endif

                                                            @if($onholdticket->purchasecodesupport != null)
                                                            @if($onholdticket->purchasecodesupport == 'Supported')

                                                            <li class="px-2 text-success font-weight-semibold">{{lang('Support Active')}}</li>
                                                            @if($onholdticket->purchasecodesupport == 'Expired')

                                                            <li class="px-2 text-danger-dark font-weight-semibold">{{lang('Support Expired')}}</li>
                                                            @endif
                                                            @endif
                                                            @endif

                                                        </ul>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                @if($onholdticket->status == "New")

                                                <span class="badge badge-burnt-orange">{{lang($onholdticket->status)}}</span>

                                                @elseif($onholdticket->status == "Re-Open")

                                                <span class="badge badge-teal">{{lang($onholdticket->status)}}</span>

                                                @elseif($onholdticket->status == "Inprogress")

                                                <span class="badge badge-info">{{lang($onholdticket->status)}}</span>

                                                @elseif($onholdticket->status == "On-Hold")

                                                <span class="badge badge-warning">{{lang($onholdticket->status)}}</span>

                                                @else

                                                <span class="badge badge-danger">{{lang($onholdticket->status)}}</span>

                                                @endif
                                            </td>
                                            <td>
                                                <div class = "d-flex">
                                                    <a href="{{route('loadmore.load_data',$onholdticket->ticket_id)}}" class="action-btns1" data-bs-toggle="tooltip" data-placement="top" title="{{lang('View Ticket')}}"><i class="feather feather-edit text-primary"></i></a>
                                                    @if(setting('CUSTOMER_RESTICT_TO_DELETE_TICKET') == 'off')
                                                        <a href="javascript:void(0)" class="action-btns1" data-id="{{$onholdticket->id}}" id="show-delete" data-bs-toggle="tooltip" data-placement="top" title="{{lang('Delete Ticket')}}"><i class="feather feather-trash-2 text-danger"></i></a>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--On-Hold Ticket List-->

@endsection

@section('scripts')

<!-- INTERNAL Data tables -->
<script src="{{asset('assets/plugins/datatable/js/jquery.dataTables.min.js')}}?v=1747329349"></script>
<script src="{{asset('assets/plugins/datatable/js/dataTables.bootstrap5.js')}}?v=1747329349"></script>
<script src="{{asset('assets/plugins/datatable/dataTables.responsive.min.js')}}?v=1747329349"></script>
<script src="{{asset('assets/plugins/datatable/responsive.bootstrap5.min.js')}}?v=1747329349"></script>

<!-- INTERNAL Index js-->
<script src="{{asset('assets/js/support/support-sidemenu.js')}}?v=1747329349"></script>
<script src="{{asset('assets/js/support/support-admindash.js')}}?v=1747329349"></script>

<script type="text/javascript">
    "use strict";

    var complex =