@extends('layouts.new_theme')

@section('content')
    <div class="section-header">
        <h1>{{ __('Tickets') }}</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="{{ route('dashboard.index') }}">{{ __('Dashboard') }}</a></div>
            <div class="breadcrumb-item">{{ __('Tickets') }}</div>
        </div>
    </div>

    <div class="section-body" id="app1">
        <div class="row">
            <div class="col-12">
                @include('common.demo')
                @include('common.errors')
                <div class="card">
                    <div class="card-header">
                        <h4 class="inline-block">{{ __('List of Tickets') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive pt-1">
                            <div class="user-ticket-divider"></div>
                            @if (!count($tickets))
                                <div class="empty-state pt-3" data-height="400">
                                    <div class="empty-state-icon bg-danger">
                                        <i class="fas fa-question"></i>
                                    </div>
                                    <h2>{{ __('No tickets found') }} !!</h2>
                                    <p class="lead">
                                        {{ __('Sorry we cant find any data, to get rid of this message, make at least 1 entry') }}.
                                    </p>
                                </div>
                            @else
                                <table class="table table-striped pt-3" id="table-1">
                                    <thead>
                                        <tr class="text-center text-capitalize">
                                            <th>
                                                <a class="text-secondary text-decoration-none font-weight-bold"
                                                    href="{{ route('tickets.index', ['name' => 'tid', 'order' => $sort_order]) }}">{{ __('Ticket Id') }}
                                                    <span>
                                                        @if ($sort_order == 'asc')
                                                            <i class=" fa fa-sort-alpha-up mt-1 float-right  "></i>
                                                        @else
                                                            <i class=" mt-1 float-right   fa fa-sort-alpha-down  "></i>
                                                        @endif
                                                    </span>
                                                </a>
                                            </th>

                                            <th>
                                                <a class="text-secondary text-decoration-none font-weight-bold"
                                                    href="{{ route('tickets.index', ['name' => 'user_id', 'order' => $sort_order]) }}">{{ __('User Name') }}
                                                    <span>
                                                        @if ($sort_order == 'asc')
                                                            <i class=" fa fa-sort-alpha-up mt-1 float-right  "></i>
                                                        @else
                                                            <i class=" mt-1 float-right   fa fa-sort-alpha-down  "></i>
                                                        @endif
                                                    </span>
                                                </a>
                                            </th>

                                            <th>
                                                <a class="text-secondary text-decoration-none font-weight-bold"
                                                    href="{{ route('tickets.index', ['name' => 'subject', 'order' => $sort_order]) }}">{{ __('Subject') }}
                                                    <span>
                                                        @if ($sort_order == 'asc')
                                                            <i class=" fa fa-sort-alpha-up mt-1 float-right  "></i>
                                                        @else
                                                            <i class=" mt-1 float-right   fa fa-sort-alpha-down  "></i>
                                                        @endif
                                                    </span>
                                                </a>
                                            </th>

                                            <th>
                                                <a class="text-secondary text-decoration-none font-weight-bold"
                                                    href="{{ route('tickets.index', ['name' => 'status', 'order' => $sort_order]) }}">{{ __('Status') }}
                                                    <span>
                                                        @if ($sort_order == 'asc')
                                                            <i class=" fa fa-sort-alpha-up mt-1 float-right  "></i>
                                                        @else
                                                            <i class=" mt-1 float-right   fa fa-sort-alpha-down  "></i>
                                                        @endif
                                                    </span>
                                                </a>
                                            </th>

                                            <th>
                                                <a class="text-secondary text-decoration-none font-weight-bold"
                                                    href="{{ route('tickets.index', ['name' => 'updated_at', 'order' => $sort_order]) }}">{{ __('Last action') }}
                                                    <span>
                                                        @if ($sort_order == 'asc')
                                                            <i class=" fa fa-sort-alpha-up mt-1 float-right  "></i>
                                                        @else
                                                            <i class=" mt-1 float-right   fa fa-sort-alpha-down  "></i>
                                                        @endif
                                                    </span>
                                                </a>
                                            </th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($tickets as $ticket)
                                            <tr>
                                                <td><a class="font-weight-bold-custom"
                                                        href="{{ route('admin_ticket.reply', [$ticket->uuid]) }}">#{{ $ticket->tid }}
                                                    </a>
                                                </td>
                                                <td>{{ str_replace('_', ' ', $ticket->user->first_name) }}
                                                    {{ $ticket->user->last_name }}</td>
                                                <td>{{ $ticket->subject }}</td>
                                                <td>{{ __($ticket->status) }}</td>
                                                <td>{{ $ticket->updated_at->diffForHumans() }}</td>
                                                @if (env('APP_ENV') != 'demo')
                                                    <td class="justify-content-center form-inline">
                                                        <form action="{{ route('tickets.destroy', [$ticket->uuid]) }}"
                                                            method="POST">
                                                            @method('DELETE')
                                                            @csrf
                                                            <button class="btn bg-transparent"
                                                                onclick="return confirm('Are you sure?')">
                                                                <i class="fa fa-trash text-danger" aria-hidden="true"
                                                                    title="{{ __('Delete') }}"></i>
                                                            </button>
                                                        </form>
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <br>
                                {{ $tickets->appends($request->all())->links('pagination::bootstrap-4') }}
                            @endif
                        </div>   
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var uuid = '';
        var current_tags = '';
    </script>
    <script src="{{ asset('js/ticket.js') }}"></script>
@endsection