


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

<?php $__env->startSection('breadcrumb'); ?>
<div class="row page-title align-items-center">
    <div class="col-12 col-xl-12">
        <h3 class="mb-1 mt-0 text-left">Tickets List
            <span style="float:right;"> <a href="<?php echo e(route('user-add')); ?>" role="button" class="btn  custom-button"
                    data-toggle="modal" data-target="#createTicketsModal"><i class="uil-plus mr-1"></i>
                    Create Ticket</a></span>
        </h3>
        <nav aria-label="breadcrumb" class="float-left mt-1">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>"><?php echo e(__('Home')); ?></a></li>
                <li class="breadcrumb-item active" aria-current="page"><?php echo e(__('Ticket list')); ?></li>
            </ol>
        </nav>
    </div>
</div>

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

<?php $__env->startSection('content'); ?>
<!-- filters --> 
<div class="card">
    <div class="card-body px-3">
        <div class="row">
            <div class="col-4 col-lg-4 mb-1"><input type="search" class="custom-search form-control "
                    placeholder="<?php echo e(__('Search by ticket number')); ?>...">
            </div>
            <div class="col-4 col-lg-2 mb-1"><input type="search" class="custom-search form-control "
                    placeholder="<?php echo e(__('Search by order number')); ?>...">
            </div>
            <div class="col-4 col-lg-2 mb-1">
                <select name="" id="" required class="form-control SlectBox">
                    <option value="" selected disabled><?php echo e(__('Select Status')); ?></option>
                    <option value="">All </option>
                    <option value="">Pending </option>
                    <option value="">Decline </option>
                    <option value="">Cmplete </option>
                </select>
            </div>
            <div class="col-6 col-lg-2 mb-1">
                <button class="btn custom-button-outline btn-block "><i class="fe fe-search"></i>
                    <?php echo e(__('Filter')); ?></button>
            </div>
            <div class="col-6 col-lg-2 mb-1">
                <button class="btn custom-button btn-block">
                    <?php echo e(__('Reset')); ?></button>
            </div>
        </div>
    </div>
</div>


<!-- tickets -->
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <div class="table-responsive">
                    <table class="table table-hover table-nowrap mb-0">
                        <thead>
                            <tr>
                                <th scope="col"># Ticket</th>
                                <th scope="col"># Order</th>
                                <th scope="col">Status</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>#98754</td>
                                <td>#01</td>
                                <td><span class="badge badge-soft-warning py-1">Pending</span></td>

                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Ticket">
                                        <i class="uil uil-edit " data-toggle="modal" data-target="#editTicketModal"></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Ticket">
                                        <i class="uil uil-trash "></i>
                                    </a>

                                    <a href="<?php echo e(route('ticket-detail')); ?>" class="text-info d-inline-block"
                                        data-toggle="tooltip" data-placement="top" title=""
                                        data-original-title="View Ticket">
                                        <i class="uil uil-eye "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98754</td>
                                <td>#02</td>
                                <td><span class="badge badge-soft-success py-1">Complete</span>

                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Ticket">
                                        <i class="uil uil-edit "></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Ticket">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                    <a href="<?php echo e(route('ticket-detail')); ?>" class="text-info d-inline-block"
                                        data-toggle="tooltip" data-placement="top" title=""
                                        data-original-title="View Ticket">
                                        <i class="uil uil-eye "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98754</td>
                                <td>#03</td>
                                <td><span class="badge badge-soft-danger py-1">Declined</span></td>

                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Ticket">
                                        <i class="uil uil-edit "></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Ticket">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                    <a href="<?php echo e(route('ticket-detail')); ?>" class="text-info d-inline-block"
                                        data-toggle="tooltip" data-placement="top" title=""
                                        data-original-title="View Ticket">
                                        <i class="uil uil-eye "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98754</td>
                                <td>#04</td>
                                <td><span class="badge badge-soft-success py-1">Complete</span></td>

                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Ticket">
                                        <i class="uil uil-edit "></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Ticket">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                    <a href="<?php echo e(route('ticket-detail')); ?>" class="text-info d-inline-block"
                                        data-toggle="tooltip" data-placement="top" title=""
                                        data-original-title="View Ticket">
                                        <i class="uil uil-eye "></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>#98754</td>
                                <td>#05</td>
                                <td><span class="badge badge-soft-danger py-1">Declined</span>
                                </td>
                                <td>
                                    <a href="#" class="text-warning d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Ticket">
                                        <i class="uil uil-edit "></i>
                                    </a>
                                    <a href="#" class="text-danger d-inline-block" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Delete Ticket">
                                        <i class="uil uil-trash "></i>
                                    </a>
                                    <a href="<?php echo e(route('ticket-detail')); ?>" class="text-info d-inline-block"
                                        data-toggle="tooltip" data-placement="top" title=""
                                        data-original-title="View Ticket">
                                        <i class="uil uil-eye "></i>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div> <!-- end table-responsive-->
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
</div>
<!-- end row -->

<!-- Ticket create modal content -->
<div id="createTicketsModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="createTicketsModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="createTicketsModalLabel">Create Tickets</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group mb-3">
                    <label>Title</label>
                    <input type="text" id="title" name="title" class="form-control" placeholder="Enter title">
                </div>
                <label class="form-check-label">Ticket related to: </label><br>
                <div class="form-check form-check-inline m-2">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
                        value="option1">
                    <label class="form-check-label" for="inlineRadio1">Order</label>
                </div>
                <div class="form-check form-check-inline m-2">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
                        value="option2">
                    <label class="form-check-label" for="inlineRadio2">General</label>
                </div>
                <div class="form-group mb-3">
                    <label>Order</label>
                    <select class="custom-select mb-2">
                        <option selected>--Select Order--</option>
                        <option value="1">Order 1</option>
                        <option value="2">Order 2</option>
                        <option value="2">Order 3</option>
                        <option value="2">Order 4</option>
                    </select>
                </div>
                <div class="form-group mb-3">
                    <label class="col-form-label" for="">Description</label>
                    <textarea class="form-control" required name="description" id="description" cols="30" rows="3"
                        placeholder="Enter description"></textarea>
                </div>

                <!-- <div class="form-group mb-3">
                        <label>Status</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Status</option>
                            <option value="1">Pending</option>
                            <option value="2">In progress</option>
                            <option value="3">Completed</option>
                            <option value="3">Decline</option>
                        </select>
                    </div> -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- Ticket edit modal content -->
<div id="editTicketModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="editTicketsModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editTicketsModalLabel">Edit Ticket</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group mb-3">
                    <label>Title</label>
                    <input type="text" id="title" name="title" class="form-control" placeholder="Enter title">
                </div>
                <label class="form-check-label">Ticket related to: </label><br>
                <div class="form-check form-check-inline m-2 ">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
                        value="option1">
                    <label class="form-check-label" for="inlineRadio1">Order</label>
                </div>
                <div class="form-check form-check-inline m-2">
                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
                        value="option2">
                    <label class="form-check-label" for="inlineRadio2">General</label>
                </div>
                <div class="form-group mb-3">
                    <label>Order</label>
                    <select class="custom-select mb-2">
                        <option selected>--Select Order--</option>
                        <option value="1">Order 1</option>
                        <option value="2">Order 2</option>
                        <option value="2">Order 3</option>
                        <option value="2">Order 4</option>
                    </select>
                </div>
                <div class="form-group mb-3">
                    <label class="col-form-label" for="">Description</label>
                    <textarea class="form-control" required name="description" id="description" cols="30" rows="3"
                        placeholder="Enter description"></textarea>
                </div>

                <!-- <div class="form-group mb-3">
                        <label>Status</label>
                        <select class="custom-select mb-2">
                            <option selected>Select Status</option>
                            <option value="1">Pending</option>
                            <option value="2">In progress</option>
                            <option value="3">Completed</option>
                            <option value="3">Decline</option>
                        </select>
                    </div> -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- pagination -->
<div class="row">
    <div class="col-4"></div>
    <div class="col-4">
        <ul class="pagination  mb-3 flex-wrap">
            <li class="page-item page-prev disabled">
                <a class="page-link" href="#" tabindex="-1"><?php echo e(__('Prev')); ?></a>
            </li>
            <li class="page-item active"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">6</a></li>
            <li class="page-item page-next">
                <a class="page-link" href="#"><?php echo e(__('Next')); ?></a>
            </li>
        </ul>
    </div>
    <div class="col-4"></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/ticketing.blade.php ENDPATH**/ ?>