Viewing file:  f0cc34a69ba17ae19c489d85e30baf880f4cf6a5.php (9.3 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title'); ?> <?php echo e(trans('admin.ticket.ticket_details')); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')); ?>">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
body {
background: #EEEEEE;
font-family: 'Roboto', sans-serif
}
.card {
width: 100%;
border: none;
border-radius: 15px
}
.adiv {
background: #04CB28;
border-radius: 15px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
font-size: 12px;
height: 46px
}
.chat {
border: none;
background: #E2FFE8;
font-size: 15px;
border-radius: 20px
}
.bg-white {
border: 1px solid #E7E7E9;
font-size: 15px;
border-radius: 20px
}
.myvideo img {
border-radius: 20px
}
.dot {
font-weight: bold
}
.form-control {
border-radius: 12px;
border: 1px solid #F0F0F0;
font-size: 12px
}
.form-control:focus {
box-shadow: none
}
.form-control::placeholder {
font-size: 14px;
color: #C4C4C4
}
.admin_message{
margin: 0 0 0 auto;
}
.custom_image{
float: right;
position: relative;
bottom: -39px;
right: 10px;
cursor: pointer;
}
.document_image{
width: 180px;
height: 100px;
}
.document_image img{
width: 100%;
height: 100%;
}
.c-pointer{
cursor: pointer;
}
.card_content{
box-shadow: 0 0 1px rgb(0 0 0 / 0%), 0 0px 0px rgb(0 0 0 / 0%) !important;
overflow-y: scroll;
height: 370px;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title"><?php echo e(trans('customer.ticket.ticket_details')); ?></h2>
<div class="float-right">
</div>
</div>
<!-- /.card-header -->
<form action="<?php echo e(route('admin.ticket.store')); ?>" id="messageForm" method="post" enctype="multipart/form-data">
<?php echo csrf_field(); ?>
<input type="hidden" name="id" value="<?php echo e(isset($ticket)?$ticket->id:''); ?>">
<div class="card-body">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8 col-12">
<div class="container d-flex justify-content-center">
<div class="card">
<div class="d-flex flex-row justify-content-between p-3 adiv text-white"> <i class="fas fa-chevron-left"></i> <span class="pb-3">Ticket Conversation</span> <i class="fas fa-times c-pointer"></i> </div>
<div class="card card_content">
<?php $__currentLoopData = $conversations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $conversation): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($conversation->sent_status=='customer'): ?>
<?php if($conversation->document): ?>
<div class="d-block float-right">
<div class="document_image" style="margin-left: 45px;">
<a target="_blank" href="<?php echo e(route('admin.ticket.download',['id'=>$conversation->id,'file'=>$conversation->document])); ?>">
<img src="<?php echo e(asset('uploads/'.$conversation->document)); ?>" alt="">
</a>
</div>
</div>
<?php endif; ?>
<div class="d-flex flex-row p-3">
<img src="https://img.icons8.com/color/48/000000/circled-user-female-skin-type-7.png"
width="30" height="30">
<div class="chat ml-2 p-3">
<?php echo e($conversation->description); ?>
</div>
</div>
<?php elseif($conversation->sent_status=='admin'): ?>
<?php if($conversation->document): ?>
<div class="d-block">
<div class="document_image float-right" style="margin-right: 45px;">
<img src="<?php echo e(asset('uploads/'.$conversation->document)); ?>" alt="">
</div>
</div>
<?php endif; ?>
<div class="d-flex flex-row p-3 admin_message">
<div class="bg-white mr-2 p-3"><span class="text-muted">
<?php echo e($conversation->description); ?>
</span>
</div>
<img src="https://img.icons8.com/color/48/000000/circled-user-male-skin-type-7.png"
width="30" height="30">
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<div class="form-group px-3">
<label class="custom_image" for="image"><i class="fa fa-link"></i></label>
<textarea class="form-control textBoxClass" name="description" rows="5" placeholder="Type your message"></textarea>
<input id="image" name="document" type="file" class="form-control" style="display: none">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-scripts'); ?>
<script>
$(".textBoxClass").keypress(function(e)
{
// if the key pressed is the enter key
if (e.which == 13)
{
$('#messageForm').submit();
}
});
$('.fa-times').on('click', function (e){
location.href='<?php echo e(route('admin.ticket.index')); ?>';
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/pcolfjqt/smm.picotech.app/resources/views/admin/ticket/details.blade.php ENDPATH**/ ?>
|