@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-boxes',
    'titulo'=>'Estoque',
    'breadcrumb'=>['Estoque','Defeito/Perda']
])

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection

@section('scripts')
    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/estoque/defeitoperda/list.js') }}}"></script> 
@endsection

@section('pagina')
    
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 col-md-2"></div>
            <div class="col-sm-6 col-md-2"></div>
            <div class="col-sm-6 col-md-4">
                <div class="card card-stats card-info card-round">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-3">
                                <div class="icon-big text-center">
                                    <i class="fas fa-box-open"></i>
                                </div>
                            </div>
                            <div class="col-9 col-stats">
                                <div class="numbers">
                                    <p class="card-category">Total Produtos com Defeito/Perda</p>
                                    <h4 class="card-title"> {{$totalProdutos}}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="card card-stats card-primary card-round">
                    <div class="card-body ">
                        <div class="row">
                            <div class="col-3">
                                <div class="icon-big text-center">
                                    <i class="fas fa-clipboard-list"></i>
                                </div>
                            </div>
                            <div class="col-9 col-stats">
                                <div class="numbers">
                                    <p class="card-category">Quantidade de Itens com Defeito/Perda</p>
                                    <h4 class="card-title"> {{$totalEstoques}}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
        <div class="card mt-2">
            <div class="card-header cor-card-header text-white bg-primary-gradient">
                <div class="row" >
                    <div class="col-12 col-md-8">
                        <h3> Estoques com Defeito/Perdas </h3>
                    </div>
                    <div class="text-right col-12 col-md-4"> 
                        <button id="btnInserirEstoque" type="button" class="btn btn-warning" aria-label="Left Align" >
                            <i class="fas fa-plus-circle"></i>  Incluir Item com Defeito/Perda
                        </button>
                    </div>
                </div>
            </div>           
            <div class="card-body">
                <div class="row" >
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbEstoques" class="table table-hover text-left" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Produto</th>
                                    <th class="text-center">Defeitos</th>
                                    <th class="text-center">Perdas</th>
                                    <th class="text-center">Total Defeitos/Perdas</th>
                                    <th class="text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($listaEstoques as $lista)
                                    <tr>
                                        <td>{{$lista->Produto['descricao']}}</td>
                                        <td id="{{$lista['id']}}_defeito" class="text-center" data="{{$lista['defeitos']}}" dataTipo="D">{{$lista['defeitos']}} &nbsp;&nbsp;&nbsp; 
                                            @if($lista['defeitos'] > 0) <span name="editDefeito" class="badge badge-pill badge-danger cursor-pointer" data="{{$lista['id']}}"> - </span> @endif</td> 
                                        <td id="{{$lista['id']}}_perda" class="text-center" data="{{$lista['perdas']}}" dataTipo="P">{{$lista['perdas']}} &nbsp;&nbsp;&nbsp;
                                            @if($lista['perdas'] > 0) <span name="editPerda" class="badge badge-pill badge-danger cursor-pointer" data="{{$lista['id']}}"> - </span> @endif</td>
                                        @php $total = $lista['defeitos'] + $lista['perdas'] @endphp
                                        <td class="text-center">{{$total}}</td>
                                        <td class="text-center">
                                            <span status="{{$lista['status']}}"
                                                class="badge {{STATUS::GetBadge($lista['status'])}}">
                                                {{STATUS::GetTipo($lista['status'])}}
                                            </span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>                
            </div>
        </div>
    </div>

    <!-- Inclui formulário modal -->
    @include('partials._modal_form',
    [
        'titulo'=> 'Inserir Item com Defeito/Perda',
        'icone'=>'fa-user',
        'largura'=>'1200',
        'rota'=>'estoque.defeito_perda.inserir',
        'campos'=>
        [
            [
                'tipo'=>'array',
                'campos'=>
                [
                    [
                        'largura'=>'6',
                        'id' =>'produto',
                        'label'=>'Produto',
                        'nome'=>'produto',
                        'tipo'=>'combo',
                        'default'=>'Selecione um produto',
                        'opcoes'=>$listaProdutos,
                        'required'=> false,                         
                    ],
                    [
                        'largura'=>'4',
                        'id' =>'tipo',
                        'label'=>'Tipo',
                        'nome'=>'tipo',
                        'tipo'=>'combo',
                        'default'=>'Selecione um tipo',
                        'opcoes'=>
                            [
                                'D'=>'Defeito',
                                'P'=>'Perda'   
                            ],
                        'required'=> false,                         
                    ],
                    [
                        'largura'=>'2',
                        'id' =>'quantidade',
                        'label'=>'Quantidade',
                        'nome'=>'quantidade',
                        'tipo'=>'numero',
                        'min'=>'1',
                        'tamanho'=>'100',    
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                ]
            ],
        ]
    ])

    <!-- Inclui formulário modal -->
    @include('partials._modal_form',
    [
        'idModal'=>'dlgRemove',
        'titulo'=> 'Remove quantidade com Defeito/Perda',
        'icone'=>'fa-user',
        'rota'=>'estoque.defeito_perda.remover',
        'campos'=>
        [
            [
                'id'=>'hdnTipo',
                'nome'=>'hdnTipo',
                'tipo'=>'hidden'
            ],
            [
                'tipo'=>'array',
                'campos'=>
                [
                    [
                        'largura'=>'12',
                        'id' =>'qtd',
                        'label'=>'Quantidade',
                        'nome'=>'qtd',
                        'tipo'=>'numero',
                        'min'=>'1',
                        'tamanho'=>'100',    
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                ]
            ]
        ]
    ])

    <!-- Inclui formulário modal -->
    @include('partials._modal_form',
    [
        'idModal'=>'dlgRemovePerda',
        'titulo'=> 'Remove quantidade com Defeito/Perda',
        'icone'=>'fa-user',
        'rota'=>'estoque.defeito_perda.excluir_mover',
        'campos'=>
        [
            [
                'tipo'=>'array',
                'campos'=>
                [
                    [
                        'largura'=>'12',
                        'id' =>'qtdPerda',
                        'label'=>'Quantidade',
                        'nome'=>'quantidade',
                        'tipo'=>'numero',
                        'min'=>'1',
                        'tamanho'=>'100',    
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                ]
            ],
            [
                'largura'=>'12',
                'id' =>'acao',
                'label'=>'Ação',
                'nome'=>'acao',
                'tipo'=>'combo',
                'default'=>'Selecione uma ação',
                'opcoes'=>
                    [
                        'E'=>'Excluir',
                        'R'=>'Retornar ao Estoque'   
                    ],
                'required'=> false,                         
            ],
        ]
    ])

@endsection