2022-08-01 16:52:16 +00:00
|
|
|
@extends('layouts.main')
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
<!-- CONTENT HEADER -->
|
|
|
|
<section class="content-header">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row mb-2">
|
|
|
|
<div class="col-sm-6">
|
|
|
|
<h1>{{ __('Ticket') }}</h1>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
|
|
<ol class="breadcrumb float-sm-right">
|
|
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Dashboard') }}</a></li>
|
|
|
|
<li class="breadcrumb-item"><a class="text-muted"
|
|
|
|
href="{{ route('ticket.index') }}">{{ __('Ticket') }}</a>
|
|
|
|
</li>
|
|
|
|
</ol>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- END CONTENT HEADER -->
|
|
|
|
|
|
|
|
<!-- MAIN CONTENT -->
|
|
|
|
<section class="content">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<h5 class="card-title"><i class="fas fa-ticket-alt mr-2"></i>{{__('My Ticket')}}</h5>
|
2023-05-03 07:53:41 +00:00
|
|
|
<a href="{{route('ticket.new')}}" class="btn btn-sm btn-primary @cannot("user.ticket.write")) disabled @endcannot">
|
|
|
|
<i class="fas fa-plus mr-1"></i>{{__('New Ticket')}}</a>
|
2022-08-01 16:52:16 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-body table-responsive">
|
|
|
|
|
|
|
|
<table id="datatable" class="table table-striped">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
2022-08-10 16:53:13 +00:00
|
|
|
<th>{{__('Category')}}</th>
|
|
|
|
<th>{{__('Title')}}</th>
|
2023-01-05 23:01:23 +00:00
|
|
|
<th>{{__('Priority')}}</th>
|
2022-08-10 16:53:13 +00:00
|
|
|
<th>{{__('Status')}}</th>
|
|
|
|
<th>{{__('Last Updated')}}</th>
|
2023-01-12 09:31:56 +00:00
|
|
|
<th>{{__('Actions')}}</th>
|
2022-08-01 16:52:16 +00:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
<h5 class="card-title">{{__('Ticket Information')}}
|
2023-01-12 09:33:25 +00:00
|
|
|
<!--
|
2022-08-01 16:52:16 +00:00
|
|
|
<i data-toggle="popover"
|
|
|
|
data-trigger="hover"
|
|
|
|
data-content="{{__('please make the best of it')}}"
|
|
|
|
class="fas fa-info-circle"></i></h5>
|
2023-01-12 09:33:25 +00:00
|
|
|
-->
|
|
|
|
|
2022-08-01 16:52:16 +00:00
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
2023-05-07 19:57:13 +00:00
|
|
|
<p>{!! $ticketsettings->information !!}</p>
|
2022-08-01 16:52:16 +00:00
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- END CONTENT -->
|
2022-08-10 16:53:13 +00:00
|
|
|
<script>
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
|
|
$('#datatable').DataTable({
|
|
|
|
language: {
|
2023-02-05 17:20:55 +00:00
|
|
|
url: '//cdn.datatables.net/plug-ins/1.11.3/i18n/{{ $locale_datatables }}.json'
|
2022-08-10 16:53:13 +00:00
|
|
|
},
|
|
|
|
processing: true,
|
|
|
|
serverSide: true,
|
|
|
|
stateSave: true,
|
|
|
|
ajax: "{{route('ticket.datatable')}}",
|
2023-02-01 09:06:15 +00:00
|
|
|
order: [[ 4, "desc" ]],
|
2022-08-10 16:53:13 +00:00
|
|
|
columns: [
|
|
|
|
{data: 'category'},
|
|
|
|
{data: 'title'},
|
2023-01-05 23:01:23 +00:00
|
|
|
{data: 'priority'},
|
2022-08-10 16:53:13 +00:00
|
|
|
{data: 'status'},
|
2023-02-01 09:06:15 +00:00
|
|
|
{data: 'updated_at', type: 'num', render: {_: 'display', sort: 'raw'}},
|
2023-01-12 09:31:56 +00:00
|
|
|
{data: 'actions', sortable: false},
|
2022-08-10 16:53:13 +00:00
|
|
|
],
|
|
|
|
fnDrawCallback: function( oSettings ) {
|
|
|
|
$('[data-toggle="popover"]').popover();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
2022-08-01 16:52:16 +00:00
|
|
|
@endsection
|
|
|
|
|