




<?php $__env->startSection('title'); ?>
Tickets Detail
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>

<div class="row page-title align-items-center">
    <div class="col-lg-3 col-xl-6">
        <h4 class="mb-1 mt-0">Tickets Detail</h4>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="row">
    <div class="col">
        <div class="card">
            <div class="card-body p-0">
                <h6 class="card-title border-bottom p-3 mb-0 header-title">Ticket Overview</h6>
                <div class="row py-1">
                    <div class="col-xl-3 col-12 col-sm-6">
                        <!-- stat 1 -->
                        <div class="media p-3">
                            <i data-feather="grid" class="align-self-center icon-dual icon-lg mr-4"></i>
                            <div class="media-body">
                                <h6 class="mt-0 mb-0">#10</h6>
                                <span class="text-muted font-size-13">Ticket No</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-12 col-sm-6">
                        <!-- stat 1 -->
                        <div class="media p-3">
                            <i data-feather="grid" class="align-self-center icon-dual icon-lg mr-4"></i>
                            <div class="media-body">
                                <h6 class="mt-0 mb-0">#210</h6>
                                <span class="text-muted font-size-13">Order No</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6">
                        <!-- stat 3 -->
                        <div class="media p-3">
                            <i data-feather="users" class="align-self-center icon-dual icon-lg mr-4"></i>
                            <div class="media-body">
                                <h6 class="mt-0 mb-0">HVG</h6>
                                <span class="text-muted">Customer</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6">
                        <!-- stat 3 -->
                        <div class="media p-3">
                            <i data-feather="alert-octagon" class="align-self-center icon-dual icon-lg mr-4"></i>
                            <div class="media-body">
                                <h6 class="mt-0 mb-0"><span class="badge badge-soft-warning py-1">Pending</span></h6>
                                <span class="text-muted">Status</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- details-->
<div class="row">
    <div class="col-12">
        <!-- end card -->
        <div class="card">
            <div class="card-body">
                <div class="">
                    <ul class="nav nav-pills navtab-bg">
                        <li class="nav-item">
                            <a href="#comments" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                Discussions
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content text-muted">
                        <div class="tab-pane show active" id="comments">
                            <h5 class="mb-4 pb-1 header-title">Comments (6)</h5>
                            <div class="media mb-4 font-size-14">
                                <div class="mr-3">
                                    <a href="#"> <img class="media-object rounded-circle avatar-sm" alt=""
                                            src="/assets/images/users/avatar-2.jpg"> </a>
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0 font-size-15">John Cooks</h5>
                                    <p class="text-muted mb-1">
                                        <a href="" class="text-danger">@Rick  Perry</a>
                                        Their separate existence is a myth.
                                    </p>
                                    <a href="" class="text-primary">Reply</a>
                                </div>
                            </div>
                            <div class="media mb-4 font-size-14">
                                <div class="mr-3">
                                    <a href="#"> <img class="media-object rounded-circle avatar-sm" alt=""
                                            src="/assets/images/users/avatar-3.jpg"> </a>
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0 font-size-15">Jayden Dowie</h5>
                                    <p class="text-muted mb-1">
                                        <a href="" class="text-danger">@Rick  Perry</a>
                                        It will be as simple as occidental in fact be Occidental
                                        will seem like simplified.
                                    </p>
                                    <a href="" class="text-primary">Reply</a>

                                    <div class="media mt-3 font-size-14">
                                        <div class="d-flex mr-3">
                                            <a href="#">
                                                <div class="avatar-sm font-weight-bold d-inline-block m-1">
                                                    <span
                                                        class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                        R
                                                    </span>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="mt-0 font-size-15">Ray Roberts</h5>
                                            <p class="text-muted mb-0">
                                                <a href="" class="text-danger">@Rick  Perry</a>
                                                Cras sit amet nibh libero.
                                            </p>
                                            <a href="" class="text-primary">Reply</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="media mb-4 font-size-14">
                                <div class="mr-3">
                                    <a href="#"> <img class="media-object rounded-circle avatar-sm" alt=""
                                            src="/assets/images/users/avatar-2.jpg"> </a>
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0 font-size-15">John Cooks</h5>
                                    <p class="text-muted">
                                        <a href="" class="text-danger">@Rick  Perry</a>
                                        Itaque earum rerum hic
                                    </p>
                                    <div class="p-2 border rounded mb-2">
                                        <div class="media">
                                            <div class="avatar-sm font-weight-bold mr-3">
                                                <span class="avatar-title rounded bg-soft-primary text-primary">
                                                    <i class="uil-file-plus-alt font-size-18"></i>
                                                </span>
                                            </div>
                                            <div class="media-body">
                                                <a href="#" class="d-inline-block mt-2">Landing
                                                    1.psd</a>
                                            </div>
                                            <div class="float-right mt-1">
                                                <a href="#" class="p-2"><i
                                                        class="uil-download-alt font-size-18"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="" class="text-primary">Reply</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="d-flex mr-3">
                                    <a href="#"> <img class="media-object rounded-circle avatar-sm" alt=""
                                            src="/assets/images/users/avatar-1.jpg"> </a>
                                </div>
                                <div class="media-body">
                                    <input type="text" class="form-control input-sm" placeholder="Some text value...">
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- end row -->

<?php $__env->stopSection(); ?>



<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH G:\php\www\laravel\baramdat\hvg\hvg\resources\views/general/tickets/ticket-detail.blade.php ENDPATH**/ ?>