@extends('layouts.app')

@section('content')
<main class="content">
    <div class="container-fluid p-0">

        <h1 class="h3 mb-3">Detalhes do bem</h1>

        <div class="row">
            <div class="col-12 col-md-6 mb-3">
                <div id="Imagens" class="carousel slide">
                    <div class="carousel-indicators">
                        @foreach ($patrimonio->imagens as $index => $imagem)
                            <button type="button" data-bs-target="#Imagens" data-bs-slide-to="{{ $index }}" 
                                aria-label="Slide {{ $index + 1 }}" 
                                @if($index == 0) class="active" @endif>
                            </button>
                        @endforeach
                    </div>

                    <div class="carousel-inner rounded shadow shadow-lg">
                        @foreach ($patrimonio->imagens as $index => $imagem)
                            <div class="carousel-item @if($index == 0) active @endif" style="max-height: 710px">
                                <img src="{{ $imagem }}" class="d-block w-100" alt="Imagem {{ $index + 1 }}">
                            </div>
                        @endforeach
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#Imagens" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#Imagens" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="card flex-fill p-3">
                    <div class="qr-code text-center mb-4">
                        <img src="data:image/png;base64,{{ $qrCode }}" width="120" alt="QR Code">
                    </div>
                    <ul class="text-center" style="list-style-type: none;">
                        <li><strong>N° do Patrimônio:</strong> <p>{{ $patrimonio->numeroPatrimonio }}</p></li>
                        <li><strong>Descrição do Item:</strong> <p>{{ $patrimonio->descricaoPatrimonio }}</p></li>
                        <li><strong>Grupo Associado:</strong> <p>{{ $patrimonio->grupo }}</p></li>
                        <li><strong>Setor Associado:</strong> <p>{{ $patrimonio->setor }}</p></li>
                        <li><strong>Data de Aquisição:</strong> <p>{{ \Carbon\Carbon::parse($patrimonio->dataAquisicao)->locale('pt-br')->translatedFormat('d/m/Y') }}</li>
                        <li><strong>Valor:</strong> <p>{{ FormatarValor($patrimonio->valorAquisicao) }}</p></li>
                        <li><strong>Tipo de Aquisição:</strong> <p>{{ $patrimonio->tipoAquisicao }}</p></li>
                        <li><strong>N° do Empenho:</strong> <p>{{ $patrimonio->numeroEmpenho ?? 'Sem informação' }}</p></li>
                        <li><strong>Nota Fiscal:</strong> <p>{{ $patrimonio->notaFiscal ?? 'Sem informação' }}</p></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</main>
@endsection

@section('scripts')

@endsection