@extends('layouts.app')

@section('title', 'Informações - Composição patrimônio')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
    .img-prodcomp{ width: 326px; height: 326px; }
</style>
<header class="page-header">
    <h2>Informações</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><span>Patrimônios</span></li>
            <li><a href="{{ route('composicao-patrimonio.index') }}">Composição patrimônio</a></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4><span>Patrimônio: {{ $patrimonio->ds_patrimonio }}</span> <span>Nrº: {{ $patrimonio->nr_patrimonio }}</span></h4> 
        </div>
        <div class="panel-body">
            <div class="tabs">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#dados-patrimonio" data-toggle="tab">Dados do patrimônio</a>
                    </li>
                    <li>
                        <a href="#imagem" data-toggle="tab">Imagem</a>
                    </li>
                    <li>
                        <a href="#controle-conf" data-toggle="tab">Controle de conferência - intervenção</a>
                    </li>
                    <li>
                        <a href="#controle-lacres" data-toggle="tab">Controle de lacres</a>
                    </li>
                    <li>
                        <a href="#depreciacoes" data-toggle="tab">Depreciações</a>
                    </li>
                    <li>
                        <a href="#depreciacao-anterior" data-toggle="tab">Depreciação anterior</a>
                    </li>
                    <li>
                        <a href="#alterar-checar" data-toggle="tab">Alterar checar</a>
                    </li>
                </ul>

                <div class="tab-content">
                    {{-- Dados do patrimônio --}}
                    <div id="dados-patrimonio" class="tab-pane active">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <button type="button" class="btn btn-info modal-call" data-id="0#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('produto.modal.itens-patrimonio') }}">
                                    <i class="fa fa-plus fa-fw"></i>
                                    Inserir produto
                                </button>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-12 text-center text-bold">
                                        <p>O patrimônio é composto pelos seguintes produtos:</p>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Cód barra</th>
                                                <th>Produto</th>
                                                <th>Almoxarifado</th>
                                                <th>Nº nota fiscal</th>
                                                <th>Fornecedor</th>
                                                <th width="5%">Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($itens_patrimonio as $item)
                                                <tr onclick="filtraEspecificacao({{ $item->id_produto }});" style="cursor: pointer;">
                                                    <td>{{ $item->cd_barra }}</td>
                                                    <td>{{ $item->produto->ds_produto }}</td>
                                                    <td>{{ $item->almoxarifado->ds_almoxarifado }}</td>
                                                    <td>{{ $item->nr_notafiscal }}</td>
                                                    <td>{{ $item->fornecedor->nm_fantasia }}</td>
                                                    <td width="5%">
                                                        <div class="btn-group">
                                                            <button class="btn btn-danger btn-sm modal-call" data-id="{{ $item->id }}#ItemPatrimonio#{{ route('layouts.modal.destroy') }}#S" data-width="modal-md" data-url="{{ route('layouts.modal.destroy') }}" title="Remover registro">
                                                                <i class="fa fa-trash-o fa-fw"></i>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center text-bold">Nenhum subgrupo cadastrado</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>

                                <hr class="divider">

                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Especificação</th>
                                                <th>Sub Especificação</th>
                                                <th>Unidade</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tbody-especificacao"></tbody>
                                        {{-- a tabela será preenchida via ajax pela funcão filtraEspecificacao, o script está no final do código --}}
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- Imagem --}}
                    <div id="imagem" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-8 text-center">
                                        @if ($patrimonio->cm_foto == "assets/images/default.jpg")
                                        <figure>
                                            <img class="img-prodcomp img-thumbnail img-responsive" src="{{ asset("assets/images/default.jpg") }}" alt="sem imagem">
                                            <figcaption></figcaption>
                                        </figure>
                                        @else
                                        <figure>
                                            <img class="img-prodcomp img-thumbnail img-responsive" src="{{ asset($patrimonio->cm_foto) }}" alt="{{ $patrimonio->ds_patrimonio }}">
                                            <figcaption>
                                                <a href="{{ route('delete.imagens.patrimonio-composto', ['id' => $patrimonio->id]) }}" class="btn btn-link text-danger">
                                                    <i class="fa fa-trash-o fafw"></i>
                                                    Remover imagem
                                                </a>
                                            </figcaption>
                                        </figure>
                                        @endif
                                    </div>
                                    <div class="col-md-4 text-center">
                                        <form action="{{ route('imagens.patrimonio-composto') }}" method="post" enctype="multipart/form-data">@csrf
                                            <input type="hidden" name="patrimonio_id" value="{{ $patrimonio->id }}">
                                            <div class="form-group">
                                                <label for="cm_foto">Tamanho máximo permitido do arquivo é 2MB, formatos permitidos: .jpg, .jpeg, .png</label>
                                                <input type="file" name="cm_foto" id="cm_foto" accept="image/png, image/jpg, image/jpeg" class="hidden" required hidden>
                                                <p style="margin-top: 3rem;">
                                                    <i class="fa fa-upload fa-fw fa-3x"></i>
                                                </p>
                                                <button id="btn_seleciona_img" type="button" class="btn btn-default btn-block validar" style="margin-top: 3rem;">Anexar uma imagem</button>
                                                <label id="nm_arquivo" style="margin-top: 3rem;"></label>
                                            </div>
                                            <div class="btn-group">
                                                <button type="submit" class="btn btn-success btn-block">Enviar foto</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- Controle de conferência - intervenção --}}
                    <div id="controle-conf" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <button type="button" class="btn btn-info modal-call" data-id="0#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('produto.modal.controleconf') }}">
                                    <i class="fa fa-plus fa-fw"></i>
                                    Inserir controle
                                </button>
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Código</th>
                                                <th>Efetuou conferência</th>
                                                <th>Data controle</th>
                                                <th>Usuário</th>
                                                <th>Data / hora log</th>
                                                <th width="11%">Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($controleconf as $item)
                                                <tr>
                                                    <td>{{ $item->cd_trocalampada }}</td>
                                                    <td>@if($item->ds_conferiu == "S") <span class="text-success">SIM</span> @else <span class="text-danger">NÃO</span> @endif</td>
                                                    <td>{{ \Carbon\Carbon::parse($item->dt_troca)->format('d/m/Y') }}</td>
                                                    <td>{{ $item->usuario->name }}</td>
                                                    <td>{{ \Carbon\Carbon::parse($item->created_at)->format('d/m/Y') }}</td>
                                                    <td width="11%">
                                                        <div class="btn-group">
                                                            <button type="button" class="btn btn-info btn-sm modal-call" data-id="{{ $item->id }}#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('produto.modal.controleconf') }}">
                                                                <i class="fa fa-pencil fa-fw"></i>
                                                            </button>
                                                            <button class="btn btn-danger btn-sm modal-call" data-id="{{ $item->id }}#TrocaLampada#{{ route('layouts.modal.destroy') }}#S" data-width="modal-md" data-url="{{ route('layouts.modal.destroy') }}" title="Remover registro">
                                                                <i class="fa fa-trash-o fa-fw"></i>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center text-bold">Nenhum registro encontrado</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>

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

                    {{-- Controle de lacres --}}
                    <div id="controle-lacres" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <button type="button" class="btn btn-info modal-call" data-id="0#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('patrimonio.modal.lacres') }}">
                                    <i class="fa fa-plus fa-fw"></i>
                                    Inserir lacre
                                </button>
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Código</th>
                                                <th>Data troca</th>
                                                <th>Nrº lacre 1</th>
                                                <th>Nrº lacre 2</th>
                                                <th>Funcionário efetuou a troca</th>
                                                <th>Usuário</th>
                                                <th>Data / hora log</th>
                                                <th width="11%">Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($patrimonio_lacres as $item)
                                                <tr>
                                                    <td>{{ $item->cd_patrlacre }}</td>
                                                    <td>{{ \Carbon\Carbon::parse($item->dt_troca)->format('d/m/Y') }}</td>
                                                    <td>{{ $item->nr_lacre1 }}</td>
                                                    <td>{{ $item->nr_lacre2 }}</td>
                                                    <td>{{ $item->funcionario->nm_funcionario }}</td>
                                                    <td>{{ $item->usuario->name }}</td>
                                                    <td>{{ \Carbon\Carbon::parse($item->created_at)->format('d/m/Y') }}</td>
                                                    <td width="11%">
                                                        <div class="btn-group">
                                                            <button type="button" class="btn btn-info btn-sm modal-call" data-id="{{ $item->id }}#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('patrimonio.modal.lacres') }}">
                                                                <i class="fa fa-pencil fa-fw"></i>
                                                            </button>
                                                            <button class="btn btn-danger btn-sm modal-call" data-id="{{ $item->id }}#PatrimonioLacre#{{ route('layouts.modal.destroy') }}#S" data-width="modal-md" data-url="{{ route('layouts.modal.destroy') }}" title="Remover registro">
                                                                <i class="fa fa-trash-o fa-fw"></i>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" class="text-center text-bold">Nenhum registro encontrado</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>

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

                    {{-- Depreciações --}}
                    <div id="depreciacoes" class="tab-pane">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <button type="button" class="btn btn-info modal-call" data-id="0#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('patrimonio.modal.depreciacao') }}">
                                    <i class="fa fa-plus fa-fw"></i>
                                    Inserir depreciação
                                </button>
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Mês</th>
                                                <th>Ano</th>
                                                <th>Valor parcela</th>
                                                <th>Valor depreciação</th>
                                                <th>Valor contábil</th>
                                                <th>Motivo</th>
                                                <th>Gera perdido</th>
                                                <th width="11%">Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($depreciacao as $item)
                                                <tr>
                                                    <td>{{ $item->nr_mes }}</td>
                                                    <td>{{ $item->nr_ano }}</td>
                                                    <td>R$ {{ number_format($item->vr_parcela, 2, ',','.') }}</td>
                                                    <td>R$ 0,00</td>
                                                    <td>R$ 0,00</td>
                                                    <td>{{ $item->ds_motivo }}</td>
                                                    <td>
                                                        @if ($item->gr_perdido == "S")
                                                            <span class="text-danger">SIM</span>
                                                        @else
                                                            <span class="text-success">NÃO</span>
                                                        @endif
                                                    </td>
                                                    <td width="11%">
                                                        <div class="btn-group">
                                                            <button type="button" class="btn btn-info btn-sm modal-call" data-id="{{ $item->id }}#{{ $patrimonio->id }}" data-width="modal-lg" data-url="{{ route('patrimonio.modal.depreciacao') }}">
                                                                <i class="fa fa-pencil fa-fw"></i>
                                                            </button>
                                                            <button class="btn btn-danger btn-sm modal-call" data-id="{{ $item->id }}#DepreciacaoPatrimonio#{{ route('layouts.modal.destroy') }}#S" data-width="modal-md" data-url="{{ route('layouts.modal.destroy') }}" title="Remover registro">
                                                                <i class="fa fa-trash-o fa-fw"></i>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" class="text-center text-bold">Nenhum registro encontrado</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>

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

                    {{-- Depreciação anterior --}}
                    <div id="depreciacao-anterior" class="tab-pane">
                        
                    </div>

                    {{-- Alterar checar --}}
                    <div id="alterar-checar" class="tab-pane">
                        
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        $('#btn_seleciona_img').click(function() {
            $('#cm_foto').click();
            
            $('#cm_foto').change(function() {
                var file = $('#cm_foto')[0].files[0].name;

                $("#nm_arquivo").html(file);
            });
        });
   });

    function filtraEspecificacao(id_produto){
        var token = $("meta[name='csrf-token']").attr("content");

        $.ajax({
            url: "{{ route('filtra.espcificacao.produto') }}",
            method: 'post',
            data: { id_produto:id_produto, _token:token },
            dataType: 'json',
            success: function(result){
                $("#tbody-especificacao").html(result['table']);
            },
        });
    }
    
    @if(session('message'))
        getMessage("{{ session('titulo') }}", "{{ session('message') }}", "{{ session('tipo') }}");
    @endif
</script>
@endsection