@extends('modelo.modelo')

@section('content')
    <div class="container">
        <a href="{{ url('cadastrador/home') }}" title="Back"><button class="btn btn-warning  btn-hero btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Voltar</button></a>
        <br>
        <br>
        <div class="row">


            <div class="col-md-12">
                <div class="card">
                    <div class=" cor_olinda_azul_bg">
                        <h3 class=" p-5 text-white">
                            <center>Solicitações</center>
                        </h3>
                    </div>

                    <div class="card-body">

                        <script>
                           $(document).ready(function() {
                                $('#myTable').DataTable({
                "bJQueryUI": true,
                "oLanguage": {
                    "sProcessing":   "Processando...",
                    "sLengthMenu":   "Mostrar _MENU_ registros",
                    "sZeroRecords":  "Não foram encontrados resultados",
                    "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                    "sInfoFiltered": "",
                    "sInfoPostFix":  "",
                    "sSearch":       "Buscar:",
                    "sUrl":          "",
                    "oPaginate": {
                        "sFirst":    "Primeiro",
                        "sPrevious": "Anterior",
                        "sNext":     "Seguinte",
                        "sLast":     "Último"
                    }
                }
            });
                            });
                        </script>
                        <br />
                        <br />
                        <div class="table-responsive" >
                            <table class="table" id="myTable">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Codigo</th>
                                        <th>Tipo</th>
                                        <th>Status</th>
                                        <th>Descrição</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($protocolo as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $item->codigo }}</td>
                                            <td>{{ $item->tipo }}</td>
                                            <td>{{ $item->status }}</td>
                                            <td>{{ $item->descricao }}</td>
                                            <td>
                                                <a href="{{ url('/protocolo', ['id' => $item->id]) }}"
                                                    title="View Protocolo"><button class="btn btn-info btn-sm"><i
                                                            class="fa fa-eye" aria-hidden="true"></i>&nbsp;Visualizar</button></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <!-- div class="pagination-wrapper"> {-- $protocolo->appends(['search' => Request::get('search')])->render() --} </div-->
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection