@php
$titulo = 'Relat杌妑io de Viagem';
@endphp

<style>
    body {
        font-family: Arial, sans-serif;
    }

    .container {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
    }

.logo {
    width: 200px;
    height: 100px; /* Ajuste conforme necess谩rio */
    background-image: url('{{ asset('resources/img/relatoriodedespesas.png') }}');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    h2,
    h3 {
        text-align: center;
    }

    .cabeca-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    .cabeca-table td {
        padding: 5px;
        border: 2px solid black;
        font-size: 12px;
        text-align: center;
    }

    .cabeca-table td:first-child {
        font-weight: bold;
        background-color: #f2f2f2;
    }
    
    .info-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    .info-table td {
        padding: 2px;
        border: 2px solid black;
        font-size: 12px;
    }

    .info-table td:first-child {
        font-weight: bold;
        background-color: #f2f2f2;
    }

    .dados-table {
        width: 50%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    .dados-table td {
        padding: 2px;
        border: 2px solid black;
        font-size: 12px;
    }

    .dados-table td:first-child {
        font-weight: bold;
        background-color: #f2f2f2;
    }

    .codigo-table {
        width: 15%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    .codigo-table td {
        padding: 2px;
        border: 2px solid black;
        font-size: 12px;
    }

    .codigo-table td:first-child {
        font-weight: bold;
        background-color: #f2f2f2;
    }

    .total-table {
        width: 50%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    .total-table th,


    .total-table td {
        border: 2px solid black;
        font-size: 16px;

        ;
    }

    .total-table {
        width: 50%;
        border-collapse: collapse;
        margin: 20px auto; /* Centraliza horizontalmente */
        display: table;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

    .despesas-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    
    .despesas-table th,
    .despesas-table td {
        border: 2px solid black;
        font-size: 12px;
        
        ;
    }
    
    .despesas-table th {
        background-color: #A9A9A9;
        font-size: 16px;
    }
    .comprovantes-table
    {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    .comprovantes-table th, 
    .comprovantes-table td
    {
        border: 2px solid black;
        font-size: 12px;
        text-align: center;

    }
    .comprovantes-table th
    {
        background-color: #A9A9A9;
        font-size: 16;
    }
</style>

<div class="container">
    <table class="cabeca-table">
        <tr>
            <td style="font-size: 16px; width: 20%;" class="text-center"><img src="{{ public_path('img/logosw.png') }}" width="100%"></td>
            <td style="font-size: 16px; width: 60%;" class="text-center">Relat&oacute;rio de Despesas</td>
            <td style="font-size: 16px; width: 20%;" class="text-center">R-RHU=006<br>Ver 002</td>
        </tr>
    </table>

 
    <h2>Relat&oacute;rio da Viagem</h2>

    <div class="container">
        <div class="row">
                <table class="codigo-table">
                    <tr>
                        <td style="font-size: 16px; width: 10%; background-color: #A9A9A9;"><strong>Código</strong></td>
                        <td>{{ $viagem->via_id }}</td>
                    </tr>
                </table>
                <table class="dados-table">
                    <tr>
                        <td style="font-size: 16px; width: 38%; background-color: #A9A9A9;"><strong>Centro de Custo</strong></td>
                        <td>{{ $viagem->via_centrocusto }}</td>
                    </tr>
                </table>
                <table class="info-table">
                    <tr>
                        <td style="font-size: 16px; width: 10%; background-color: #A9A9A9;"><strong>Viajantes</strong></td>
                        @foreach ($viacol as $viajante)
                        <td>{{$viajante->colaborador->pessoa->pes_nome_completo}}</td>

                        @endforeach
                    </tr>
                </table>
                <table class="info-table">
                    <tr>
                        <td style="font-size: 16px; width: 10%; background-color: #A9A9A9;"><strong>Empresa</strong></td>
                        <td>{{ $viagem->via_empresa }}</td>
                        <td style="font-size: 16px; width: 9%; background-color: #A9A9A9;"><strong>Cidade</strong></td>
                        <td>{{ $viagem->via_cidade }}</td>
                    </tr>
                </table>
                <table class="info-table">
                    <tr>
                        <td style="font-size: 16px; width: 10%; background-color: #A9A9A9;"><strong>Início</strong></td>
                        <td>{{ \Carbon\Carbon::parse($viagem->via_recebimentocartao)->format('d/m/Y') }}</td>
                        <td style="font-size: 16px; width: 9%; background-color: #A9A9A9;"><strong>Fim</strong></td>
                        <td>{{ \Carbon\Carbon::parse($viagem->via_devolucaocartao)->format('d/m/Y') }}</td>
                    </tr>
                </table>
        </div>

        <table class="total-table">
            <tr>
                {{-- <td>TOTAL DA VIAGEM</td>
                <td>R$ {{ number_format($viagem->via_valor, 2, ',', '.') }}</td> --}}
                <td><strong>TOTAL</strong></td>
                <td>R$ {{ number_format($totalDespesasSelecionadas, 2,',', '.') }}</td>
                {{-- <td>R$ {{ $totalDespesasSelecionadas  }}</td> --}}
            </tr>
        </table>

        <table class="despesas-table">
            <thead>
                <tr>
                    <th class="text-center">ID</th>
                    <th class="text-center">Despesa</th>
                    <th class="text-center">Recurso</th>
                    <th class="text-center">Fornecedor</th>
                    <th class="text-center">Valor</th>
                    <th class="text-center">Data / Hora</th>
                    {{-- <th class="text-center">Comprovante</th> --}}
                </tr>
            </thead>
            <tbody>
                @foreach ($despesas as $despesa)
                <tr>
                    <td>{{ $despesa->via_des_id }}</td>
                    <td>{{ $despesa->via_tipo }}</td>
                    <td>{{ $despesa->car_id > 0 ? $despesa->cartao->car_dono. ' - ' . $despesa->cartao->car_numero : $despesa->via_recurso }}</td>
                    <td>{{ $despesa->via_cnpj }}</td>
                    <td>R$ {{ number_format($despesa->via_valor, 2, ',', '.') }}</td>
                    <td>{{ date('d/m/Y', strtotime($despesa->via_data)) }} {{ date('H:i', strtotime($despesa->via_hora))
                        }}</td>
                       
                </tr>
                @endforeach
            </tbody>
            
        </table>
        @if ($temimagem == 1)
        <table class="comprovantes-table">
            <thead>
                <tr>
                    <th class="text-center">ID</th>
                    <th class="text-center">Comprovante</th>
                </tr>
            </thead>
            <tbody>
                
                @foreach ($despesas as $despesa)
                <tr class="dados-table">
                    <td>{{ $despesa->via_des_id }}</td>
                    <td class="justify-content-center">
                        @if ($despesa->via_imagem)
                        @php
                                $extensao = pathinfo($despesa->via_imagem, PATHINFO_EXTENSION);
                                @endphp
        
                            @if (in_array($extensao, ['jpg', 'jpeg', 'png', 'gif']))
                            <img src="{{ public_path('storage/' . $despesa->via_imagem) }}" width="240">
                            @elseif ($extensao == 'pdf')
                            <a href="{{ asset('storage/' . $despesa->via_imagem) }}" target="_blank">Para visualizar pdf acesse o sistema clicando aqui</a>
                            @else
                            <a href="{{ asset('storage/' . $despesa->via_imagem) }}" target="_blank">🔗 Baixar Comprovante</a>
                            @endif
                            @else
                            <span>Sem comprovante</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @endif
            
                
        
    </div>
</div>