@extends('adminlte::page')

@section('title', 'Listagem de Procedimentos Utilizados na Produção')
@section('content_header')
<h1 style="margin-left:3px; text-align:center; margin-top:12px; font-weight: bold;">Listagem de Procedimentos Utilizados na Produção
</h1>
@stop
@section('content')


<div class="row justify-content-center">
    <div class="row mb-3 ml-0">
        <div class="col">
        </div>
    </div>
    <div class="col-md-12">
        <div class="card">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Relatório da Produção</h3>
                        </div>
                        <div class="card-body">
                            <ul class="pagination pagination-month justify-content-center">
                                <li class="page-item"><a class="page-link" href="{{ route('relatorios.producao.index') }}/{{ $extremos[0]->refanterior }}">«</a></li>
                                @foreach ($referencias as $referencia)
                                @if ($referencia['ref_refe'] == $referenciaSelecionada)
                                <li class="page-item active">
                                    <a class="page-link" href="{{ route('relatorios.producao.index') }}/{{ $referencia['ref_refe'] }}">
                                        <p class="page-month">{{ $referencia['mes'] }}</p>
                                        <p class="page-year">{{ $referencia['ano'] }}</p>
                                    </a>
                                </li>
                                @elseif ($referencia['ref_refe'] < $referenciaCorrente) <li class="page-item">
                                    <a class="page-link prodFechada" href="{{ route('relatorios.producao.index') }}/{{ $referencia['ref_refe'] }}">
                                        <p class="page-month">{{ $referencia['mes'] }}</p>
                                        <p class="page-year">{{ $referencia['ano'] }}</p>
                                    </a>
                                    </li>
                                    @else
                                    <li class="page-item">
                                        <a class="page-link prodFutura" href="{{ route('relatorios.producao.index') }}/{{ $referencia['ref_refe'] }}">
                                            <p class="page-month">{{ $referencia['mes'] }}</p>
                                            <p class="page-year">{{ $referencia['ano'] }}</p>
                                        </a>
                                    </li>
                                    @endif
                                    @endforeach
                                    <li class="page-item"><a class="page-link" href="{{ route('operacional.producao.index') }}/{{ $extremos[0]->refposterior }}">»</a>
                                    </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>CÓDIGO</th>
                            <th>DESCRICAO</th>
                            <th>USO</th>
                            <th>QUANTIDADE</th>
                            <th>QTD LOCAL</th>
                            <th>QTD INT.</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($listaDeProcedimentosDaProducao as $row)
                        <tr>
                            <td>{{ $row->codigo }}</td>
                            <td>{{ $row->descricao }}</td>
                            <td>{{ $row->uso }}</td>
                            <td style="padding-left: 40px;">{{$row->qtd }}</td>
                            <td style="padding-left: 30px;">{{ $row->qtdlocal }}</td>
                            <td style="padding-left: 30px;">{{$row->qtd_int}}</td>
                        </tr>
                        @endforeach
                </table>
            </div>

            @section('plugins.Datatables', true)
            @section('plugins.DatatablesPlugins', true)
            @section('js')
            <script>
                $(function() {
                    $("#example1").DataTable({
                        "responsive": true,
                        "lengthChange": false,
                        "autoWidth": false,
                        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
                    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
                });
            </script>
            </tbody>

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

@stop
@stop