@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>Produto</h3>
        <hr/>

        <strong>Produto: </strong>{{$produto->codigo}} - {{$produto->descricao}}

        @if(isset($produtopai->id))
            <br>
            <strong>Equipamento: </strong>{{$produtopai->codigo}} - {{$produtopai->descricao}}
        @endif

        @if($produto->ncm)
            <br>
            <strong>NCM: </strong> {{$produto->ncm}}
        @endif

        <br>
        <strong>Quantidade em estoque: </strong> {{$produto->quantidade_em_estoque}}

        @if(isset($fornecedor->id))
            <br>
            <strong>Fornecedor: </strong>{{$fornecedor->nome}}

            <a href="{{ URL::action('FornecedoresController@edit',['id' => $fornecedor->id]) }}" target="_blank"><span class="glyphicon glyphicon-pencil"></span></a>
            <a href="{{ URL::action('FornecedoresController@read', ['id' => $fornecedor->id]) }}" target="_blank"><span class="glyphicon glyphicon-zoom-in"></span></a>
        @endif

        @if($produto->valorcompra)
            <br>
            <strong>Valor de compra: </strong> {{$produto->valorcompra}}
        @endif

        @if(isset($imagem_mini))
            <br>
            <a href="{{URL::to('/').'/'.$imagem_grande}}" target="_blank"><img src="{{URL::to('/').'/'.$imagem_mini}}"/></a>
        @endif

        <div id="custom-toolbar">
            <a href="{{ URL::action('ProdutosController@edit', ['id' => $produto->id]) }}" class="btn btn-default mask-tooltip" title="Editar"><span class="glyphicon glyphicon-pencil"></span> Editar</a>
            <a href="{{ URL::action('ProdutosController@getChangeImage', ['id' => $produto->id]) }}" class="btn btn-default mask-tooltip" title="Alterar imagem"><span class="glyphicon glyphicon-picture"></span> Alterar imagem</a>
            <a href="{{ URL::action('ProdutosController@movimentarEstoque', ['id' => $produto->id]) }}" class="btn btn-default"><span class="glyphicon glyphicon-random"></span> Movimentar estoque</a>
            <a href="{{ URL::action('ProdutosController@delete', ['id' => $produto->id]) }}" class="btn btn-danger mask-tooltip" title="Excluir"><span class="glyphicon glyphicon-trash"></span> Excluir</a>
        </div>

        <table id="table" class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ URL::action('ProdutosController@getContentExtratoEstoque', $produto->id) }}"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
               data-search="true" data-trim-on-search="false"
               data-toolbar="#custom-toolbar">
            <thead>
            <tr>
                <th data-field="movimentoestoque_created_at" data-sortable="true" data-formatter="bootstrapTableFormatDateTime">{{trans('validation.attributes.datahora')}}</th>
                <th data-field="movimentoestoque_sentido" data-formatter="bootstrapTableSentido" data-sortable="true">{{trans('validation.attributes.sentido')}}</th>
                <th data-field="movimentoestoque_quantidade" data-sortable="true" data-align="right">{{trans('validation.attributes.quantidade')}}</th>
            </tr>
            </thead>
        </table>
    </div>

    @push('scripts-footer')
        <script>
            function bootstrapTableSentido(value, row, index) {
                if (value == "S") return  '<span class="label label-danger">Saída</span>';
                if (value == "E") return  '<span class="label label-info">Entrada</span>';

                return value;
            }
        </script>
    @endpush
@stop