@extends('layouts.app')

@section('content')
    <!--begin::Content container-->
    <div id="kt_app_content_container" class="app-container container-xxl" data-bs-backdrop='static'>
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show mt-2">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        @if (isset($pageContent) &&
                !is_null($pageContent) &&
                ($pageContent->content_place == 'both' || $pageContent->content_place == 'top'))
            <div class="mx-auto my-4 well">
                {!! $pageContent->page_content_top !!}
            </div>
        @endif
        <!--begin::Card-->
        <div class="card">
            <div class="card-header border-0 pt-5">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bolder fs-3 mb-1">Tickets</span>
                </h3>
                <div class="card-title">
                    <a href="{{ route('tickets.create') }}" class="btn btn-sm fw-bold btn-primary mx-1">New
                        Ticket</a>
                </div>
            </div>
            <div class="card-body py-4">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr class="fw-bold fs-6 text-gray-800">
                                <th>#</th>
                                <th>Subject</th>
                                <th>Status</th>
                                <th>Updated Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($tickets))
                                @foreach ($tickets as $ticket)
                                    <tr>
                                        <td>{{ $ticket->ticket_id }}</td>
                                        <td><a
                                                href="{{ url('tickets/chat/') . '/' . $ticket->ticket_id }}"><strong>{{ $ticket->subject }}</strong></a>
                                        </td>
                                        <td>{{ $ticket->status }}</td>
                                        <td>{{ $ticket->lastupdate_time }}</td>
                                    </tr>
                                @endforeach
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
        @if (isset($pageContent) &&
                !is_null($pageContent) &&
                ($pageContent->content_place == 'both' || $pageContent->content_place == 'bottom'))
            <div class="mx-auto my-4 well">
                {!! $pageContent->page_content_bottom !!}
            </div>
        @endif
    </div>
    <!--end::Content container-->

@endsection