@extends('layouts.pdf')

@section('style')
<style>
    .logo{
        background-repeat: no-repeat;
        background-position: 50% center;
        background-size: contain;
        width: 100%;
        height: 150px;
    }

    .box-infos{

    }

    .box-infos > .box-item > label{
        
    }
    .box-infos > .box-item > span{
        color: #6c757d !important
    }

    .box-images{
        display: flex;
    }

    .box-images > .box-images-item {
        width: 100%;
    }

    .box-images > .box-images-item > .galeria{
        display: grid;
        grid-gap: 5px;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
    }

    .box-images > .box-images-item > .galeria > .img-visita {
        background-repeat: no-repeat;
        background-position: 50% center;
        background-size: contain;
        width: 100%;
        height: 360px;
    }
</style>
@endsection

@section('content')
    <div class="container">
        <div class="logo" style="background-image: url('{{ asset('images/max.png') }}');"></div>

        @if($expirado)
            <div class="alert alert-danger text-center mt-3" role="alert">
                <h4 class="alert-heading mb-4">Desculpe, este link expirou.</h4>
                <p class="m-0">Este link não está mais válido.</p>
                <p class="m-0">Isso pode ter ocorrido porque o prazo de validade do link expirou e foi desativado por questões de segurança.</p> 
                <!--<p>Se você precisar de acesso atualizado ou mais informações, por favor entre em contato conosco diretamente.</p>
                <hr>
                <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>-->
            </div>
        @endif

        @if(!$expirado)
            <h4>Dados Book</h4>
            <div class="box-infos">
                <div class="box-item">
                    <label>Supermercados:</label>
                    @if(Request::has('id_supermercado') && !empty(Request::input('id_supermercado')))
                        <span>{{ $supermercados[0]->nome_fantasia }}</span>
                    @else
                        <span>{{ count($supermercados) }}</span>
                    @endif
                </div>
                <div class="box-item">
                    <label>Visitas:</label>
                    <span>{{ $qtde_visitas }}</span>
                </div>
                <div class="box-item">
                    <label>Período de:</label>
                    <span>{{ $periodo_de }}</span>
                </div>
                <div class="box-item">
                    <label>Período até:</label>
                    <span>{{ $periodo_ate }}</span>
                </div>
            </div>

            
            <h4>Fornecedor</h4>
            
            <div class="box-infos">
                <div class="box-item">
                    <label>Razão social:</label>
                    <span>{{ $fornecedor->razao_social }}</span>
                </div>
                <div class="box-item">
                    <label>Nome fantasia:</label>
                    <span>{{ $fornecedor->nome_fantasia }}</span>
                </div>
                <div class="box-item">
                    <label>E-mail:</label>
                    <span>{{ $fornecedor->email }}</span>
                </div>
                <div class="box-item">
                    <label>Telefone:</label>
                    <span>{{ $fornecedor->telefone }}</span>
                </div>
                <div class="box-item">
                    <label>CNPJ:</label>
                    <span>{{ $fornecedor->cnpj }}</span>
                </div>
                <div class="box-item">
                    <label>CEP:</label>
                    <span>{{ $fornecedor->cep }}</span>
                </div>
                <div class="box-item">
                    <label>Endereço:</label>
                    <span>{{ $fornecedor->endereco }}</span>
                </div>
                <div class="box-item">
                    <label>Bairro:</label>
                    <span>{{ $fornecedor->bairro }}</span>
                </div>
                <div class="box-item">
                    <label>Número:</label>
                    <span>{{ $fornecedor->numero }}</span>
                </div>
            </div>

            <hr style="margin-top: 15px; margin-bottom: 15px;" />

            <div class="box-images">
                @foreach ($supermercados as $supermercado)
                    <div class="box-images-item">
                        <h4 style="text-align: center; margin-top: 0px">{{ $supermercado->nome_fantasia }}</h4>
                        @foreach ($supermercado->periodos as $keyPeriodo => $item)
                            <h5>Visita em <strong>{{ $item['periodo'] }}</strong></h5>
                            <div class="galeria">
                                @foreach ($item['visitas'] as $visita)
                                    @forelse ($visita['fotos'] as $foto)
                                        <div class="img-visita" style="background-image: url('{{ $foto['foto_original'] }}');"></div>
                                    @empty
                                        
                                    @endforelse
                                @endforeach
                            </div>
                        @endforeach
                        <hr style="margin-top: 15px; margin-bottom: 15px;" />
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection