@extends('layouts.app')

<link rel="stylesheet" type="text/css" href="/css/bootstrap-multiselect.css"/>

@section('content')
<div class="container center-block" style="width:98% !important; margin:auto">
    <div class="row">
        <div>
            <div class="panel panel-primary">
                <div class="panel-heading">Tickets Sin Reserva en Napear</div>
                <div class="panel-body">

                    <table id="tabla" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                        <thead>
                            <tr>

                                  <th>ID</th>
                                  <th>Cliente</th>
                                  <th>Estado</th>
                                  <th>Fecha Alta</th>
                                  <th>Fecha Actualizacion</th>
                            </tr>
                        </thead>

                        @foreach($tickets as $ticket)
                          <tr>
                              <td>{{ $ticket->id }}</td>
                              <td>{{ $ticket->codigo_cliente}}</td>
                              <td>{{ $ticket->estado }}</td>
                              <td>{{ $ticket->fecha_alta }}</td>
                              <td>{{ $ticket->fecha_actualizacion }}</td>
                          </tr>
                        @endforeach
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>

<script src="/js/bootstrap-multiselect.js"></script>
@endsection


@section('scripts')
<script src="/js/dataTables-buttons.min.js"></script>
<script src="/js/buttons-html5.min.js"></script>
<script src="/js/jszip.min.js"></script>
<script src="/js/pdfmake.min.js"></script>
<script src="/js/buttons.print.min.js"></script>
<script src="/js/vfs_fonts.js"></script>
@endsection