@extends('layouts.sistema')
@section('titulo', 'Produtos')

@section('conteudo')
    @include('sistema/components/navbar')
    <div class="row no-gutters">
        @include('sistema/components/painel_lateral')
        <div class="d-none d-md-block col-md-8 col-lg-9 col-xl-10">
            <div class="painel">
                <div class="my-5">
                    <div class="container">
                        <div class="row no-gutters justify-content-center">                            
                            {{-- titulo e retorno --}}
                            <div class="col-12">
                                <div class="d-flex flex-wrap align-items-center justify-content-between">
                                    <h2 class="m-0">Produtos</h2>
                                    <div>
                                        <a href="{{url('sistema/painel')}}" class="btn btn-sm btn-primary">Voltar</a> 
                                    </div>
                                </div>
                            </div>   

                            {{-- mensagens de erros --}}
                            <div class="col-12">
                                @if(isset($errors) && count($errors) >0)
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    @foreach($errors->all() as $erro)
                                    <p class="m-0">{{$erro}}</p>
                                    @endforeach
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif
                                @if(session('error_bd'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <p class="m-0">{{session('error_bd')}}</p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif
                                @if(session('mensagem'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <p class="m-0">{{session('mensagem')}}</p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif
                                @isset($sem_resultados)
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <p class="m-0">{{ $sem_resultados }}</p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endisset
                                @if (!Schema::hasTable('produto')) 
                                <div class="alert-danger">
                                    <h4 class="mb-4 p-2">A tabela de produtos não existe ! <a href="{{url('sistema/produtos/cadastro')}}"> Clique aqui </a>para cadastrar uma tabela  </h4>
                                </div>
                                @endif
                            </div>
                            {{-- busca --}}
                            <div class="col-12">

                                <div class="text-right mt-5">
                                    <form action="produtos/update-img" method="POST">
                                        @csrf
                                        <button id="btnAtualizar" type="submit" class="btn btn-sm btn-success text-right" onclick="atualizarImagens(event, this)">
                                            <span id="spinner" class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                                            Atualizar Imagens
                                        </button>
                                    </form>
                                </div>

                                <script>
                                    function atualizarImagens(event, button) {
                                        // Desabilita o botão
                                        button.disabled = true;

                                        // Mostra o spinner
                                        document.getElementById('spinner').classList.remove('d-none');

                                        // Evita que o formulário seja submetido imediatamente
                                        event.preventDefault();

                                        // Submete o formulário após o spinner ser mostrado
                                        button.form.submit();
                                    }
                                </script>
                                
                                <div class="no-gutters d-flex align-items-center justify-content-between border rounded p-5 my-5">
                                    @isset($reset) @php echo $reset; @endphp @endisset
                                    <small class="d-block m-0"><i>{{$num_rows}}</i> produtos encontrados</small>
                                    <div class="col-12 col-sm-7 d-flex align-items-center justify-content-between">
                                        <form class="d-flex align-items-center w-75" action="{{ url('sistema/produtos') }}" method="post">
                                            @CSRF
                                            <input class="form-control w-75 form-control-sm" type="text" name="busca" placeholder="nome, referência, linha, categoria ou marca">
                                            &nbsp;&nbsp;
                                            <button type="submit" class="btn btn-sm btn-primary">Buscar</button>
                                        </form>
                                        &nbsp;
                                        <a class="btn btn-sm btn-info" href="produtos/sem-foto">Produtos sem foto </a> 
                                    </div>
                                </div>
                            </div>

 
                       
 

                            <div class="col-12">
                                @if($num_rows>0) 
                                <table class="table">
                                    <thead class="thead-primary">
                                        <tr>
                                            <th class="border col-2">
                                                <p class="m-0">Código</p>
                                            </th>
                                            <th class="border col-4">
                                                <p class="m-0">Descrição</p>
                                            </th>
                                            <th class="border col-2">
                                                <p class="m-0">Linha</p>
                                            </th>                                           
                                            <th class="border col-2">
                                                <p class="m-0">Categoria</p>
                                            </th>                                           
                                            <th class="border col-2">
                                                <p class="m-0">Ação</p>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($produto as $produtos)
                                        <tr>
                                            <td class="border">
                                                {{$produtos->pr_referencia}}
                                            </td>
                                            <td class="border">
                                                {{$produtos->pr_descricao}}
                                            </td>                                           
                                            <td class="border">
                                                {{$produtos->pr_linha}}
                                            </td>                                            
                                            <td class="border">
                                                {{$produtos->pr_categoria}}
                                            </td>
                                            <td class="border">
                                                <a class="btn mx-auto d-block w-100 btn-sm btn-primary"
                                                href="{{$url_pagina . "/editar/" . str_replace("/","-",$produtos->pr_referencia)}}">
                                                    Complementos
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection