@extends('layout.backoffice')
@section('content')
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4>Procesos de Inventario (Ultimos 100 registros)</h4>
            </div>
            <div class="card-body">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="manual-tab" data-toggle="tab" href="#manual" role="tab" aria-controls="manual" aria-selected="true">Inventarios Manuales</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="automatico-tab" data-toggle="tab" href="#automatico" role="tab" aria-controls="automatico" aria-selected="false">Inventarios Automáticos</a>
                    </li>
                </ul>
                <div class="tab-content py-2" id="myTabContent">
                    <div class="tab-pane fade show active" id="manual" role="tabpanel" aria-labelledby="manual-tab">
                        <table id="table-manuales" class="table table-hover table-striped table-sm">
                            <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Usuario Registra</th>
                                <th>Inicio</th>
                                <th>Finaliza</th>
                                <th>Comentario</th>
                                <th>Estado</th>
                                <th>Informe</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(!empty($procesosManuales))
                                @foreach($procesosManuales as $proceso)
                                    @if ($proceso['estado'] == '1')
                                                                                @elseif ($proceso['estado'] == '2')
                                                                                @else
                                                                                @endif

                                    <tr>
                                        <td>{{ $proceso['proceso'] }}</td>
                                        <td>{{ $proceso['nombre_usuario'] }}</td>
                                        <td>{{ $proceso['inicio'] }}</td>
                                        <td>{{ $proceso['terminado'] }}</td>
                                        <td>{{ $proceso['comentario'] }}</td>
                                        <td>
                                            <button class="w-100 btn btn-flat btn-sm rounded {{$btn['class']}}">{{$btn['text']}}</button>
                                        </td>
                                        <td>
                                            <button data-id="{{$proceso['id_proceso']}}" class="btn-informe w-100 btn btn-flat btn-sm rounded btn-danger">Informe</button>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane fade" id="automatico" role="tabpanel" aria-labelledby="automatico-tab">
                        <table id="table-automaticos" class="table table-hover table-striped table-sm">
                            <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Inicio</th>
                                <th>Finaliza</th>
                                <th>Comentario</th>
                                <th>Estado</th>
                                <th>Informe</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(!empty($procesosAutomaticos))
                                @foreach($procesosAutomaticos as $proceso)
                                    @if ($proceso['estado'] == '1')
                                                                                @elseif ($proceso['estado'] == '2')
                                                                                @else
                                                                                @endif

                                    <tr>
                                        <td>{{ $proceso['proceso'] }}</td>
                                        <td>{{ $proceso['inicio'] }}</td>
                                        <td>{{ $proceso['terminado'] }}</td>
                                        <td>{{ $proceso['comentario'] }}</td>
                                        <td>
                                            <button data-estado="{{$proceso['estado']}}" class="w-100 btn btn-flat btn-sm rounded {{$btn['class']}}">{{$btn['text']}}</button>
                                        </td>
                                        <td>
                                            <button data-id="{{$proceso['id_proceso']}}" class="btn-informe w-100 btn btn-flat btn-sm rounded btn-danger">Informe</button>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>

        renderizarTabla('table-manuales');
        renderizarTabla('table-automaticos');

        jQuery(document).on('click', '.btn-informe', function () {
            let id = jQuery(this).data('id');
            window.location.href = `{{ url('backoffice/informes/procesos-inventario') }}/${id}`;
        });

    </script>

@endsection