366 lines
16 KiB
PHP
366 lines
16 KiB
PHP
@extends('themes.default1.agent.layout.agent')
|
|
|
|
@section('Tickets')
|
|
class="nav-link active"
|
|
@stop
|
|
|
|
@section('ticket-bar')
|
|
active
|
|
@stop
|
|
|
|
@section('newticket')
|
|
class="nav-link active"
|
|
@stop
|
|
|
|
@section('ticket')
|
|
class="active"
|
|
@stop
|
|
|
|
@section('PageHeader')
|
|
<h1>{{Lang::get('lang.tickets')}}</h1>
|
|
@stop
|
|
|
|
@section('content')
|
|
<!-- Main content -->
|
|
{!! Form::open(['route'=>'post.newticket','method'=>'post','id'=>'form']) !!}
|
|
@if(Session::has('success'))
|
|
<div class="alert alert-success alert-dismissable">
|
|
<i class="fas fa-check-circle"></i>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
{{Session::get('success')}}
|
|
</div>
|
|
@endif
|
|
<!-- failure message -->
|
|
@if(Session::has('fails'))
|
|
<div class="alert alert-danger alert-dismissable">
|
|
<i class="fas fa-ban"></i>
|
|
<b>{!! Lang::get('lang.alert') !!}!</b>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
{{Session::get('fails')}}
|
|
</div>
|
|
@endif
|
|
@if(Session::has('errors'))
|
|
<div class="alert alert-danger alert-dismissable">
|
|
<i class="fas fa-ban"></i>
|
|
<b>{!! Lang::get('lang.alert') !!}!</b>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
<br/>
|
|
@if($errors->first('email'))
|
|
<li class="error-message-padding">{!! $errors->first('email', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('first_name'))
|
|
<li class="error-message-padding">{!! $errors->first('first_name', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('phone'))
|
|
<li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('subject'))
|
|
<li class="error-message-padding">{!! $errors->first('subject', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('body'))
|
|
<li class="error-message-padding">{!! $errors->first('body', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('code'))
|
|
<li class="error-message-padding">{!! $errors->first('code', ':message') !!}</li>
|
|
@endif
|
|
@if($errors->first('mobile'))
|
|
<li class="error-message-padding">{!! $errors->first('mobile', ':message') !!}</li>
|
|
@endif
|
|
</div>
|
|
@endif
|
|
|
|
<div class="card card-light">
|
|
|
|
<div class="card-header" id='box-header1'>
|
|
<h3 class="card-title">{!! Lang::get('lang.create_ticket') !!}</h3>
|
|
</div><!-- /.box-header -->
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="card card-light">
|
|
|
|
<div class="card-header">
|
|
<h3 class="card-title">{!! Lang::get('lang.user_details') !!}:</h3>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<!-- email -->
|
|
<div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
|
|
{!! Form::label('email',Lang::get('lang.email')) !!}
|
|
@if ($email_mandatory->status == 1)
|
|
<span class="text-red"> *</span>
|
|
@endif
|
|
|
|
{!! Form::text('email',null,['class' => 'form-control', 'id' => 'email']) !!}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<!-- email -->
|
|
<div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
|
|
{!! Form::label('email',Lang::get('lang.first_name')) !!} <span class="text-red"> *</span>
|
|
<!-- {!! Form::text('email',null,['class' => 'form-control'],['id' => 'email']) !!} -->
|
|
<input type="text" name="first_name" id="first_name" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<!-- full name -->
|
|
<div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
|
|
{!! Form::label('fullname',Lang::get('lang.last_name')) !!} <span class="text-red"></span>
|
|
<input type="text" name="last_name" id="last_name" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-1 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
|
|
<div class="form-group {{ $errors->has('code') ? 'has-error' : '' }}">
|
|
{!! Form::label('code',Lang::get('lang.country-code')) !!}
|
|
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
|
<span class="text-red"> *</span>
|
|
@endif
|
|
|
|
{!! Form::text('code',null,['class' => 'form-control', 'id' => 'country_code', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code')]) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<!-- phone -->
|
|
<div class="form-group {{ $errors->has('mobile') ? 'has-error' : '' }}">
|
|
<label>{!! Lang::get('lang.mobile_number') !!}:</label>
|
|
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
|
<span class="text-red"> *</span>
|
|
@endif
|
|
{!! Form::input('number','mobile',null,['class' => 'form-control', 'id' => 'mobile']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<!-- phone -->
|
|
<div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
|
|
<label>{!! Lang::get('lang.phone') !!}:</label>
|
|
{!! Form::input('number','phone',null,['class' => 'form-control', 'id' => 'phone_number']) !!}
|
|
{!! $errors->first('phone', '<spam class="help-block text-red">:message</spam>') !!}
|
|
</div>
|
|
</div>
|
|
<!-- <div class="form-group">
|
|
<div class="col-md-2">
|
|
<label>Ticket Notice:</label>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<input type="checkbox" name="notice" id=""> Send alert to User
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card card-light">
|
|
|
|
<div class="card-header">
|
|
|
|
<h3 class="card-title">{!! Lang::get('lang.ticket_option') !!}:</h3>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<!-- ticket options -->
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label>{!! Lang::get('lang.help_topic') !!}:</label>
|
|
<!-- helptopic -->
|
|
<?php $helptopic = App\Model\helpdesk\Manage\Help_topic::where('status', '=', 1)->select('topic', 'id')->get(); ?>
|
|
{!! Form::select('helptopic', ['Helptopic'=>$helptopic->pluck('topic','id')->toArray()],null,['class' => 'form-control select','id'=>'selectid']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<!-- sla plan -->
|
|
<div class="form-group">
|
|
<label>{!! Lang::get('lang.sla_plan') !!}:</label>
|
|
<?php $sla_plan = App\Model\helpdesk\Manage\Sla_plan::where('status', '=', 1)->select('grace_period', 'id')->get(); ?>
|
|
{!! Form::select('sla', ['SLA'=>$sla_plan->pluck('grace_period','id')->toArray()],null,['class' => 'form-control select']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<!-- due date -->
|
|
<div class="form-group" id="duedate">
|
|
<label>{!! Lang::get('lang.due_date') !!}:</label>
|
|
{!! Form::text('duedate',null,['class' => 'form-control','id'=>'datemask']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<!-- assign to -->
|
|
<div class="form-group">
|
|
<label>{!! Lang::get('lang.assign_to') !!}:</label>
|
|
<?php $agents = App\User::where('role', '!=', 'user')->where('active', '=', 1)->get(); ?>
|
|
{!! Form::select('assignto', [''=>'Select an Agent','Agents'=>$agents->pluck('first_name','id')->toArray()],null,['class' => 'form-control select']) !!}
|
|
</div>
|
|
</div>
|
|
<div id="response" class="col-md-6 form-group"></div>
|
|
</div>
|
|
<div class="row">
|
|
{{-- Event fire --}}
|
|
<?php Event::fire(new App\Events\ClientTicketForm()); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card card-light">
|
|
|
|
<div class="card-header">
|
|
<h3 class="card-title">{!! Lang::get('lang.ticket_detail') !!}:</h3>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<!-- ticket details -->
|
|
<div class="form-group">
|
|
<!-- subject -->
|
|
<div class="form-group {{ $errors->has('subject') ? 'has-error' : '' }}">
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
<label>{!! Lang::get('lang.subject') !!}:<span class="text-red"> *</span></label>
|
|
</div>
|
|
<div class="col-md-11">
|
|
{!! Form::text('subject',null,['class' => 'form-control']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group {{ $errors->has('body') ? 'has-error' : '' }}">
|
|
<!-- details -->
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
<label>{!! Lang::get('lang.detail') !!}:<span class="text-red"> *</span></label>
|
|
</div>
|
|
<div class="col-md-11">
|
|
{!! Form::textarea('body',null,['class' => 'form-control','id' => 'body', 'style'=>"width:100%; height:150px;"]) !!}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<!-- priority -->
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
<label>{!! Lang::get('lang.priority') !!}:</label>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<?php $Priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('status','=',1)->get(); ?>
|
|
{!! Form::select('priority', ['Priority'=>$Priority->pluck('priority_desc','priority_id')->toArray()],null,['class' => 'form-control select']) !!}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-footer">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<input type="submit" value="{!! Lang::get('lang.create_ticket') !!}" class="btn btn-primary" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /. box -->
|
|
{!! Form::close() !!}
|
|
@stop
|
|
@push('scripts')
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
var helpTopic = $("#selectid").val();
|
|
send(helpTopic);
|
|
$("#selectid").on("change", function () {
|
|
helpTopic = $("#selectid").val();
|
|
send(helpTopic);
|
|
});
|
|
function send(helpTopic) {
|
|
$.ajax({
|
|
url: "{{url('/get-helptopic-form')}}",
|
|
data: {'helptopic': helpTopic},
|
|
type: "GET",
|
|
dataType: "html",
|
|
success: function (response) {
|
|
$("#response").html(response);
|
|
},
|
|
error: function (response) {
|
|
$("#response").html(response);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
$(function () {
|
|
$("textarea").summernote({
|
|
height: 300,
|
|
tabsize: 2,
|
|
toolbar: [
|
|
['style', ['bold', 'italic', 'underline', 'clear']],
|
|
['font', ['strikethrough', 'superscript', 'subscript']],
|
|
['fontsize', ['fontsize']],
|
|
['color', ['color']],
|
|
['para', ['ul', 'ol', 'paragraph']],
|
|
['height', ['height']]
|
|
]
|
|
});
|
|
});
|
|
|
|
$(document).ready(function () {
|
|
$('#form').submit(function () {
|
|
var duedate = document.getElementById('datemask').value;
|
|
if (duedate) {
|
|
var pattern = /^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
|
|
if (pattern.test(duedate) === true) {
|
|
$('#duedate').removeClass("has-error");
|
|
$('#clear-up').remove();
|
|
} else {
|
|
$('#duedate').addClass("has-error");
|
|
$('#clear-up').remove();
|
|
$('#box-header1').append("<div id='clear-up'><br><br><div class='alert alert-danger alert-dismissable'><i class='fa fa-ban'></i><button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×</button> Invalid Due date</div></div>");
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
$(document).ready(function(){
|
|
$("#email").autocomplete({
|
|
source:"{!!URL::route('post.newticket.autofill')!!}",
|
|
minLength:1,
|
|
select:function(evt, ui) {
|
|
// this.form.phone_number.value = ui.item.phone_number;
|
|
// this.form.user_name.value = ui.item.user_name;
|
|
if(ui.item.first_name) {
|
|
this.form.first_name.value = ui.item.first_name;
|
|
}
|
|
if(ui.item.last_name) {
|
|
this.form.last_name.value = ui.item.last_name;
|
|
}
|
|
if(ui.item.country_code) {
|
|
this.form.country_code.value = ui.item.country_code;
|
|
}
|
|
if(ui.item.phone_number) {
|
|
this.form.phone_number.value = ui.item.phone_number;
|
|
}
|
|
if(ui.item.mobile) {
|
|
this.form.mobile.value = ui.item.mobile;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$(function () {
|
|
$('#datemask').datetimepicker({
|
|
format: 'DD/MM/YYYY'
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
|
|
|
|
|