 
<?php $__env->startSection('content'); ?>
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Tickets</h1>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <?php if(session('status')): ?>
            <div class="alert alert-success">
                <?php echo e(session('status')); ?>

            </div>
            <?php endif; ?>

            <?php if(count($errors) > 0): ?>
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    <?php foreach($errors->all() as $error): ?>
                    <li><?php echo e($error); ?></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <?php endif; ?>
            <div class="panel-heading">
                Tickets 	<a href="<?php echo e(url('uadmin/tickets/add')); ?>"> <i class="fa fa-plus fa-fw" style="float: right;" title="Add Ticket"></i></a>
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div class="dataTable_wrapper">
                    <table class="table table-striped table-bordered table-hover display nowrap" width="100%" id="dataTables-example2">
                        <thead>
                            <tr>
                                <th data-priority="1">Title</th>
                                <th>ID</th>
                                <th>Type</th>
                                <th>Queue</th>
                                <th>Customer</th>
                                <th>Assigned To</th>
                                <th>Priority</th>
                                <th>Completed</th>
                                <th data-priority="2">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $count = 0; ?>
                            <?php foreach($tickets as $ticket): ?>  
                            <?php if($ticket->status==1): ?>
                            <?php $count++; ?>
                            <?php if($count % 2 == 1): ?>
                            <tr class="odd">
                            <?php else: ?>
                            <tr class="even">
                            <?php endif; ?>
                                <?php if(!$ticket->closed_at): ?>
                                <td>
                                    <a href='<?php echo e(url('uadmin/tickets/view/'.$ticket->id)); ?>'><?php echo e($ticket->title); ?>

                                    </a>
                                </td>
                                <?php else: ?>
                                <td>
                                    <a href='<?php echo e(url('uadmin/tickets/edit/'.$ticket->id)); ?>'><?php echo e($ticket->title); ?>

                                    </a>
                                </td>
                                <?php endif; ?>
                                <td><?php echo e($ticket->getID()); ?></td>
                                <td><?php echo e($ticket->type); ?></td>
                                <td><?php echo e(App\Ticket_Queue::find($ticket->queue)['name']); ?></td>
                                <td><?php echo e(App\Customer::find($ticket->customer)['company_name']); ?></td>
                                <td>
                                    <?php if($ticket->assigned_to): ?>
                                    <?php echo e(App\User::select('name')->where('id', $ticket->assigned_to)->first()->name); ?>

                                    <?php else: ?>
                                    --
                                    <?php endif; ?>
                                </td>
                                <td><?php echo e(ucfirst($ticket->priority)); ?></td>
                                <td>
                                    <?php if($ticket->closed_at): ?>
                                    <?php echo e(date_create($ticket->closed_at)->format('Y-m-d')); ?>

                                    <?php else: ?>
                                    --
                                    <?php endif; ?>
                                </td>
                                <td style="text-align: center;">
                                    <?php if(!$ticket->closed_at): ?>
                                        <button type="buton" class="btn btn-primary" style="float: center; margin-right: 10px;">
                                            <a  href="<?php echo e(url('uadmin/tickets/view/'.$ticket->id)); ?>" style="color:white;"><span style="display: none;">*uncompleted*</span>Complete</a>
                                        </button>
                                    <?php endif; ?>

                                    <a href='<?php echo e(url('uadmin/tickets/edit/'.$ticket->id)); ?>'>
                                        <i class="fa fa-edit fa-fw" style="text-align: left;"></i>
                                    </a>

                                    <form style="display: inline;" role="form" method="POST" action="<?php echo e(url('admin/tickets/delete')); ?>" 
                                        onsubmit="return confirm('Are you sure you want to remove this ticket (<?php echo e($ticket->title); ?>)?')">
                                        <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                                        <input type="hidden" name="ticket_id" value="<?php echo e($ticket->id); ?>">
                                        <button type="submit" style="border: none; background: none; padding: 0px;">
                                            <i class="fa fa-trash-o fa-fw" style="text-align: right;"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                            <?php endif; ?>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

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

<?php $__env->startSection('extras'); ?>
	<!-- DataTables CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.css"/>
    
    <!-- DataTables Responsiveness CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css"/>

    <style>
    	a:hover{
    		text-decoration: none;
    	}
    	.odd .subBack {
    		background-color: #f0fcff;
    	}
    	.even .subBack {
    		background-color: #ecf7fa;
    	}
    	.floatLeft
    	{
    		float: left;
    	}

        .dtr-data{
            display: block;
        }

    </style>

    <style>
    /* Always set the map height explicitly to define the size of the div
    * element that contains the map. */
    #map {
        height: 500px;
        width: 100%;
    }

    @media (min-width: 650px)
    {
        .map-window {
            max-width: 500px;
        }
    }

    @media (max-width: 650px)
    {
        .map-window {
            max-width: 250px;
        }
    }
    </style>
<?php $__env->stopSection(); ?>

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

    <!-- DataTables JavaScript -->
	<script type="text/javascript" src="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.js"></script>
     
    <!-- DataTables Responsiveness JavaScript -->
    <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>

    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
    $(document).ready(function() {
    var table1 =    $('#dataTables-example2').dataTable( {
					"pageLength": 25,
					"order": [[ 7, 'asc' ],[1,'asc']],
					"stateSave" : false,
					"scrollX" : window.innerWidth < 800 ? true : false,
                    "responsive": true
        } );
    var table = $('#dataTables-example2').DataTable();
    table.search( '*uncompleted*' ).draw();
    });

    

    if ( typeof $.fn.dataTable == "function" && typeof $.fn.dataTableExt.fnVersionCheck == "function" && $.fn.dataTableExt.fnVersionCheck('1.9.2')/*older versions should work too*/ )
    {
        $.fn.dataTableExt.oApi.clearSearch = function ( oSettings )
        {
     
            var table = this;
             
            //no image file needed, css embedding must be supported by browser
            var clearSearch = $('<i class="fa fa-times-circle-o fa-fw" style="vertical-align:text-bottom;cursor:pointer;color: gray;"></i>');
            $(clearSearch).click( function ()
                    {
                          table.fnFilter('');
                    });
            $(oSettings.nTableWrapper).find('div.dataTables_filter').append(clearSearch);
            $(oSettings.nTableWrapper).find('div.dataTables_filter label').css('margin-right', '-16px');//16px the image width
            $(oSettings.nTableWrapper).find('div.dataTables_filter input').css('padding-right', '16px');
        }
     
        //auto-execute, no code needs to be added
        $.fn.dataTable.models.oSettings['aoInitComplete'].push( {
            "fn": $.fn.dataTableExt.oApi.clearSearch,
            "sName": 'whatever'
        } );
    }
    </script>

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

<?php echo $__env->make('residential.templates.uadmin', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>