@extends('Sidebar.icssacvSidebar')

@section('title', 'Consulta Valores Ecnonómicos')

@section('contenido')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css">
<div class="container-fluid">
        <div class="row">   
            <div class="col-12 col-sm-12 col-md-12 col-lg-12" align="left">
                <h3 align="left">Inventario Negativo General</h3>
            </div>
        </div>
    </div>

    <div class="card-body">
    <div class="table-responsive" style= "margin: 0 auto";>
        <center><table class="table table-striped" id="data-table">
            <thead>
                <tr>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">No. Eco</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Serie</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Estado</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">U.O.</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Tipo unidad</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Valor Comercial</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Valor minímo de venta</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Valor liquidación ordenada</th>
                    <th width="11%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Valor liquidación forzosa</th>
                </tr>
            </thead>
            <tbody>
                @foreach($Detalles as $detalle)
                    <tr>
                        <td width="11%" style="text-align: center;">{!! $detalle->No_Eco !!}</td>
                        <td width="11%" style="text-align: center;">{!! $detalle->Serie !!}</td>
                        <td width="11%" style="text-align: center;">
                            @switch($detalle->Diagnostico)
                                @case('UNIDAD COMPLETA')
                                    <i class="fas fa-circle" style="color: #00BB2D"></i>  {!! $detalle->Diagnostico !!}
                                    @break
                                @case('POSIBLE REPARACION INCOMPLETO')
                                    <i class="fas fa-circle" style="color: #FDFD96"></i>  {!! $detalle->Diagnostico !!}
                                    @break
                                @case('CHATARRA')
                                    <i class="fas fa-circle" style="color: #CB3234"></i>  {!! $detalle->Diagnostico !!}
                                    @break
                                @default
                                    @break
                            @endswitch
                        </td>
                        <td width="11%" style="text-align: center;">{!! $detalle->Ctro_Acop !!}</td>
                        <td width="11%" style="text-align: center;">{!! $detalle->Tpo_Unid !!}</td>
                        <td width="11%" style="text-align: center;">
                            @if ($detalle->Val_Comer != NULL)
                                ${!! number_format($detalle->Val_Comer,2) !!}
                            @else
                                $0.00
                            @endif
                        </td>
                        <td width="11%" style="text-align: center;">
                            @if ($detalle->Val_Min_Venta != NULL)
                                ${!! number_format($detalle->Val_Min_Venta,2) !!}
                            @else
                                $0.00
                            @endif
                        </td>
                        <td width="11%" style="text-align: center;">
                            @if ($detalle->Val_Liq_Orde != NULL)
                                ${!! number_format($detalle->Val_Liq_Orde,2) !!}
                            @else
                                $0.00
                            @endif
                        </td>
                        <td width="11%" style="text-align: center;">
                            @if ($detalle->Val_Liq_Forz != NULL)
                                ${!! number_format($detalle->Val_Liq_Forz,2) !!}
                            @else
                                $0.00
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table></center>
    </div>
    </div>    
      
@endsection

@section('titulo')
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb" style="font-size: 60%">
        <li class="breadcrumb-item"><a href="{{ route('Reportes.index')}}" style="color: black"><i class="fas fa-file-invoice"></i>  Reportes</a></li>
        <li class="breadcrumb-item active">Consulta Inventario Valores Económicos</li>
    </ol>
    </nav>
@endsection

@section('scripts')
<script src="//code.jquery.com/jquery.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

<script>
    var idioma=
        {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            },
            "buttons": {
                "copyTitle": 'Informacion copiada',
                "copyKeys": 'Use your keyboard or menu to select the copy command',
                "colvis": 'Visibiliadad de la tabla',
                "copy":   'Copiar',
                "copySuccess": {
                    "_": '%d filas copiadas al portapapeles',
                    "1": '1 fila copiada al portapapeles'
                },
                "pageLength": {
                    "_": "Mostrar %d filas",
                    "-1": "Mostrar Todo"
                }
            }
        };
    $('#data-table').DataTable({
        processing: true,
        "iDisplayLength": 5,
        "lengthMenu": [[5,10,20, -1],[5,10,50,"Mostrar Todo"]],
        "language": idioma,
        ordering: false,
    });
</script>

@endsection