@extends('layouts.usermaster')

@section('styles')

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

@endsection

@section('content')

@if(setting('ANNOUNCEMENT_USER') == 'only_login_user' || setting('ANNOUNCEMENT_USER') == 'all_users')
<div class="uhelp-announcement-alertgroup">
    @foreach ($announcement as $anct)
        @if ($anct->status == 1)
            <div class="alert" role="alert" style="background: linear-gradient(to right, {{$anct->primary_color}}, {{$anct->secondary_color}});">
                <div class="container">
                    <button type="submit" class="btn-close ms-5 float-end text-white notifyclose" data-id="{{$anct->id}}">×</button>
                    <div class="d-flex align-items-top">
                        <div class="uhelp-announcement me-2">
                            <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                        </div>
                        <div class="text-default d-flex align-items-top">
                            <div class="notice-heading d-flex align-items-top flex-fill">
                                <div>
                                    <span class="fs-15 font-weight-bold text-white flex-fill">{{$anct->title}}</span>
                                    <span class="text-white opacity-50 mx-2"><i class="ti ti-minus"></i></span>
                                    <span class="mb-0 text-white uhelp-alert-content alert-notice">{!!$anct->notice!!}
                                        @if($anct->buttonon == 1)
                                        <a class="btn btn-sm ms-2 text-white text-decoration-underline" href="{{$anct->buttonurl}}" target="_blank">{{$anct->buttonname}}</a>
                                        @endif
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endforeach

    {{-- holidays display as announcement --}}

    @foreach ($holidays as $anct)
        @if ($anct->status == 1)
            <div class="alert" role="alert" style="background: linear-gradient(to right,{{$anct->primaray_color}}, {{$anct->secondary_color}});">
                <div class="container">
                    <button type="submit" class="btn-close ms-5 float-end text-white notifyclose" data-id="{{$anct->id}}">×</button>
                <div class="d-flex align-items-top">
                    <div class="uhelp-announcement me-2">
                        <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                    </div>
                    <div class="text-default d-flex align-items-top">
                        <div class="notice-heading d-flex align-items-top flex-fill">
                            <div>
                                <span class="fs-15 font-weight-bold text-white flex-fill">{{$anct->occasion}}</span>
                                <span class="text-white opacity-50 mx-2"><i class="ti ti-minus"></i></span>
                                <span class="mb-0 text-white uhelp-alert-content alert-notice">{!!$anct->holidaydescription!!}
                                    @if($anct->buttonon == 1)
                                    <a class="btn btn-sm ms-2 text-white text-decoration-underline" href="{{$anct->buttonurl}}" target="_blank">{{$anct->buttonname}}</a>
                                    @endif
                                </span>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endforeach

    {{-- holidays display as announcement --}}

    @foreach ($announcements as $ancts)
        @php
        $announceDay = explode(',', $ancts->announcementday);
        $now = today()->format('D');

        @endphp
        @foreach ($announceDay as $announceDays)
            @if ($ancts->status == 1 && $announceDays == $now)
                <div class="alert alert-days" role="alert" style="background: linear-gradient(to right, {{$ancts->primary_color}}, {{$ancts->secondary_color}});">
                    <div class="container">
                        <button type="submit" class="btn-close ms-5 float-end text-white notifyclose" data-id="{{$ancts->id}}">×</button>
                        <div class="d-flex align-items-top">
                            <div class="uhelp-announcement me-2">
                                <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
                            </div>
                            <div class="text-default d-flex align-items-top">
                                <div class="notice-heading d-flex align-items-top flex-fill">
                                    <div>
                                        <span class="fs-15 font-weight-bold text-white flex-fill">{{$ancts->title}}</span>
                                        <span class="text-white opacity-50 mx-2"><i class="ti ti-minus"></i></span>
                                        <span class="mb-0 text-white uhelp-alert-content alert-notice">{!!$ancts->notice!!}
                                            @if($ancts->buttonon == 1)
                                            <a class="btn btn-sm ms-2 text-white text-decoration-underline" href="{{$ancts->buttonurl}}" target="_blank">{{$ancts->buttonname}}</a>
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endforeach
    @endforeach
</div>
@endif

<!-- 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('Dashboard', 'menu')}}</h1>
                    </div>
                    <div class="col col-auto">
                        <ol class="breadcrumb text-center">
                            <li class="breadcrumb-item">
                                <a href="{{url('/')}}" class="text-white-50">{{lang('Home', 'menu')}}</a>
                            </li>
                            <li class="breadcrumb-item active">
                                <a href="#" class="text-white">{{lang('Dashboard', 'menu')}}</a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Section -->

<!--Dashboard List-->
<section>
    <div class="cover-image sptb">
        <div class="container">
            <div class="row">
                @include('includes.user.verticalmenu')
                <div class="col-xl-9">
                    <!--- Custom notification -->
                    @php $customernotify = auth()->guard('customer')->user()->unreadNotifications()->where('data->status', 'mail')->get();  @endphp
                    @if($customernotify->isNotEmpty())
                    <div class="alert alert-warning-light br-13  border-0 d-flex align-items-center" role="alert">
                        <div class="d-flex">
                            <svg class="alt-notify  me-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                <path fill="#eec466"
                                    d="M19,20H5a3.00328,3.00328,0,0,1-3-3V7A3.00328,3.00328,0,0,1,5,4H19a3.00328,3.00328,0,0,1,3,3V17A3.00328,3.00328,0,0,1,19,20Z" />
                                <path fill="#e49e00"
                                    d="M22,7a3.00328,3.00328,0,0,0-3-3H5A3.00328,3.00328,0,0,0,2,7V8.061l9.47852,5.79248a1.00149,1.00149,0,0,0,1.043,0L22,8.061Z" />
                            </svg>
                        </div>
                        <ul class="notify vertical-scroll5 custom-ul ht-0 me-5">
                            @if(auth()->guard('customer')->user())
                            @forelse( $customernotify as $notification)
                            @if ($notification->data['status'] == 'mail')
                            <li class="item">
                                <p class="fs-13 mb-0">{{$notification->data['mailsubject']}}
                                    {{Str::limit($notification->data['mailtext'], '400', '...')}} <a href="{{route('customer.notiication.view', $notification->id)}}"
                                    class="ms-3 text-blue mark-as-read">{{lang('Read more')}}</a></p>
                            </li>
                            @endif
                            @empty
                            @endforelse
                            @endif
                        </ul>
                        <div class="d-flex ms-6 sprukocnotify">
                            <button class="btn-close ms-2 mt-0 text-warning" data-bs-dismiss="alert"
                                aria-hidden="true">×</button>
                        </div>
                    </div>
                    @endif
                    <!--- End Custom notification -->

                    <div class="row">

                        <div class="col-xl-3 col-lg-3 col-md-12">
                            <div class="card">
                                <span>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-7">
                                                <div class="mt-0 text-start">
                                                    <span class="fs-16 font-weight-semibold">{{lang('Total Tickets',
                                                        'menu')}}</span>
                                                    <h3 class="mb-0 mt-1 text-primary fs-25">{{$tickets->count()}}</h3>
                                                </div>
                                            </div>
                                            <div class="col-5">
                                                <div class="icon1 bg-primary-transparent my-auto float-end"> <i
                                                        class="las la-ticket-alt"></i> </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-12">
                            <div class="card">
                                <span>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-7">
                                                <div class="mt-0 text-start">
                                                    <span class="fs-16 font-weight-semibold">{{lang('Active Tickets',
                                                        'menu')}}</span>
                                                    <h3 class="mb-0 mt-1 text-success fs-25">

                                                        {{$active->count()}}

                                                    </h3>
                                                </div>
                                            </div>
                                            <div class="col-5">
                                                <div class="icon1 bg-success-transparent my-auto float-end"> <i
                                                        class="ri-ticket-2-line"></i> </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-12">
                            <div class="card">
                                <span>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-7">
                                                <div class="mt-0 text-start">
                                                    <span class="fs-16 font-weight-semibold">{{lang('On-Hold Tickets',
                                                        'menu')}}</span>
                                                    <h3 class="mb-0 mt-1 text-secondary fs-25">{{$onhold->count()}}</h3>
                                                </div>
                                            </div>
                                            <div class="col-5">
                                                <div class="icon1 bg-warning-transparent my-auto  float-end"> <i
                                                        class="ri-coupon-2-line"></i> </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-12">
                            <div class="card">
                                <span>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-7">
                                                <div class="mt-0 text-start">
                                                    <span class="fs-16 font-weight-semibold">{{lang('Closed Tickets',
                                                        'menu')}}</span>
                                                    <h3 class="mb-0 mt-1 text-secondary fs-25">{{$closed->count()}}</h3>
                                                </div>
                                            </div>
                                            <div class="col-5">
                                                <div class="icon1 bg-danger-transparent my-auto  float-end"> <i
                                                        class="ri-coupon-2-line"></i> </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12">
                            <div class="card mb-0">
                                <div class="card-header border-0 d-flex">
                                    <h4 class="card-title">{{lang('Tickets Summary')}}</h4>
                                    @if(setting('CUSTOMER_TICKET') == 'no')

                                    <div class="float-end ms-auto"><a href="{{route('client.ticket')}}" class="btn btn-secondary ms-auto"><i class="fa fa-paper-plane-o me-2"></i>{{lang('Create Ticket', 'menu')}}</a></div>
                                    @endif
                                </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="userdashboard">
                                            <thead>
                                                <tr>
                                                <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 ($tickets as $ticket)
                                                <tr {{$ticket->replystatus == 'Waiting'? 'class=bg-success-transparent': ''}}>
                                                    <td>{{$i++}}</td>
                                                    <td class="removecolumndata">
                                                        <input type="checkbox" name="student_checkbox[]" class="checkall" value="{{$ticket->id}}" />
                                                    </td>
                                                    <td class="overflow-hidden ticket-details">
                                                        <div class="d-flex align-items-center">
                                                            <div class="">
                                                                <a href="{{route('loadmore.load_data',$ticket->ticket_id)}}" class="fs-14 d-block font-weight-semibold">{{$ticket->subject}}</a>

                                                                <ul class="fs-13 font-weight-normal d-flex custom-ul">
                                                                    <li class="pe-2 text-muted">#{{$ticket->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> {{$ticket->created_at->timezone(Auth::user()->timezone)->format(setting('date_format'))}}</li>

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

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

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

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

                                                                    @if($ticket->category_id != null)
                                                                        @if($ticket->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($ticket->category->name, '40')}}</li>

                                                                        @else

                                                                        ~
                                                                        @endif
                                                                    @else

                                                                        ~
                                                                    @endif

                                                                    @if($ticket->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>{{$ticket->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>{{$ticket->last_reply->diffForHumans()}}</li>

                                                                    @endif

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

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

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

                                                                    @endif

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

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

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

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

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

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

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

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

                                                        @else

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

                                                        @endif
                                                    </td>
                                                    <td>
                                                        <div class = "d-flex">
                                                            <a href="{{route('loadmore.load_data',$ticket->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="{{$ticket->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>
        </div>
    </div>
</section>
<!--Dashboard List-->

@endsection

@section('scripts')

<!-- INTERNAL Vertical-scroll js-->
<script src="{{asset('assets/plugins/vertical-scroll/jquery.bootstrap.newsbox.js')}}?v=1742200400"></script>

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

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

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

    var complex =