@extends('layouts.app')

@section('content')
<div class="container-fluid p-0">
    <div class="container-fluid p-0">
        <div class="container-fluid p-0">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('produtos.index') }}">Produtos</a></li>
                    <li class="breadcrumb-item" aria-current="page">Concorrentes</li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $produto->nome_produto }}</li>
                </ol>
            </nav>
        </div>
    </div>

    @include('includes.alerts')

    <div class="card shadow-sm">
        <div class="card-header">
            <h5 class="card-title mb-0">Produto</h5>
        </div>
        <div class="card-body">
            <div class="row g-4">
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Fornecedor:</label>
                        <strong>{{ $produto->nm_fornecedor }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Nome Produto:</label>
                        <strong>{{ $produto->nome_produto }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Cód. Referencia:</label>
                        <strong>{{ $produto->cod_referencia }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Ean:</label>
                        <strong>{{ $produto->ean }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Tipo Embalagem:</label>
                        @if($produto->id_tipo_embalagem == 1) <strong>Fardo</strong> @endif
                        @if($produto->id_tipo_embalagem == 2) <strong>Caixa</strong> @endif
                        @if($produto->id_tipo_embalagem == 3) <strong>Unidade</strong> @endif
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Qtd. Embalagem:</label>
                        <strong>{{ $produto->qtd_embalagem }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Valor:</label>
                        <strong>{{ $produto->valor }}</strong>
                    </div>
                </div>
                <div class="col">
                    <div class="d-flex flex-column">
                        <label class="text-nowrap">Produto Concorrente:</label>
                        @if($produto->fl_produto_concorrente == 0) <strong>Não</strong> @endif
                        @if($produto->fl_produto_concorrente == 1) <strong>Sim</strong> @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(Session::has('resumoImportacao'))
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">Resumo de importação</h5>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-auto">
                                <h1 class="mt-1 m-0">{{ Session::get('resumoImportacao')['qtde_total'] }}</h1>
                                <span>Total registros</span>
                            </div>
                            <div class="col-auto text-success">
                                <h1 class="mt-1 m-0">{{ Session::get('resumoImportacao')['qtde_importados'] }}</h1>
                                <span>Importados</span>
                            </div>
                            <div class="col-auto text-warning">
                                <h1 class="mt-1 m-0">{{ Session::get('resumoImportacao')['qtde_ja_importados'] }}</h1>
                                <span>Já Importados</span>
                            </div>
                            <div class="col-auto text-danger">
                                <h1 class="mt-1 m-0">{{ Session::get('resumoImportacao')['qtde_erros'] }}</h1>
                                <span>Erros</span>
                            </div>
                        </div>

                        @if(count(Session::get('resumoImportacao')['registros_com_erros']) >= 1)
                            <hr />
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cod. Referencia</th>
                                            <th>Nome Produto</th>
                                            <th>EAN</th>
                                            <th>Produto Concorrente</th>
                                            <th>Erro</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (Session::get('resumoImportacao')['registros_com_erros'] as $item)
                                            <tr>
                                                <td>{{ $item['cod_referencia'] }}</td>
                                                <td>{{ $item['nome_produto'] }}</td>
                                                <td>{{ $item['ean'] }}</td>
                                                <td>
                                                    @if($item['fl_produto_concorrente'] == 0)
                                                        <span class="badge rounded-pill text-bg-success">Não</span>
                                                    @endif
                                                    @if($item['fl_produto_concorrente'] == 1)
                                                        <span class="badge rounded-pill text-bg-dark">Sim</span>
                                                    @endif
                                                </td>
                                                <td>
                                                <span class="badge rounded-pill @if ($item['status'] == 'error')
                                                    text-bg-danger
                                                @else
                                                    text-bg-warning
                                                @endif">{{ $item['message_error'] }}</span>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endif

    <form action="{{ route('produtosConcorrentes.update', $produto->id_produto) }}" method="POST">
        @csrf
        @method('PUT')
        <produtos-concorrentes-component 
            :produto="{{ json_encode($produto) }}" 
            :itens-troca="{{ json_encode($produtos) }}"
            csrf-upload-lista="{{ csrf_token() }}"
            route-upload-lista="{{ route('importer.produtosConcorrentes') }}"
            route-model-lista="{{ asset('import_models/lista_produtos_concorrentes_modelo.csv') }}"
        >
        </produtos-concorrentes-component>
        <div class="d-flex justify-content-end">
            <button type="submit" class="btn btn-success">Salvar</button>
        </div>
    </form>
</div>
@endsection