@extends('email.template')

@section('content')
<div style="max-width: 800px; margin: 0 auto;">
    <h2 style="color: #333; margin-bottom: 20px;">Olá {{ $nome }},</h2>

    <p style="margin-bottom: 20px;">
        Esperamos que esteja tudo bem com você! Estamos entrando em contato para informar sobre as viagens realizadas e o saldo pendente referente ao mês de {{ $mes }}/{{ $ano }}.
    </p>

    <div style="margin-bottom: 30px;">
        <h3 style="color: #444; margin-bottom: 15px;">Detalhamento das Viagens</h3>
        <table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
            <thead>
                <tr style="background-color: #f8f9fa;">
                    <th style="padding: 12px; border: 1px solid #dee2e6; text-align: left;">Data</th>
                    <th style="padding: 12px; border: 1px solid #dee2e6; text-align: left;">Tipo</th>
                    <th style="padding: 12px; border: 1px solid #dee2e6; text-align: left;">Sentido</th>
                    <th style="padding: 12px; border: 1px solid #dee2e6; text-align: left;">Turno</th>
                    <th style="padding: 12px; border: 1px solid #dee2e6; text-align: right;">Valor</th>
                </tr>
            </thead>
            <tbody>
            @php
                $valorTotal = 0;
                // Ordena as viagens por data
                $viagensOrdenadas = collect($viagens)->sortKeys();
            @endphp
                @foreach($viagensOrdenadas as $data => $turnosData)
                    @foreach($turnosData as $turno => $sentidosData)
                        @foreach($sentidosData as $sentido => $viagem)
                            @php
                                $valorTotal += $viagem['VALOR'];
                            @endphp
                            <tr>
                                <td style="padding: 12px; border: 1px solid #dee2e6;">{{ \Carbon\Carbon::parse($data)->format('d/m/Y') }}</td>
                                <td style="padding: 12px; border: 1px solid #dee2e6;">{{ str_replace('Viagem ', '', $viagem['TIPO']) }}</td>
                                <td style="padding: 12px; border: 1px solid #dee2e6;">{{ $sentidos[$sentido] ?? $sentido }}</td>
                                <td style="padding: 12px; border: 1px solid #dee2e6;">{{ $turnos[$turno] ?? $turno }}</td>
                                <td style="padding: 12px; border: 1px solid #dee2e6; text-align: right; {{ in_array($viagem['TIPO'], ['Descontado do Saldo', 'Dívida Rolada Para o Mês Seguinte']) ? 'color: green;' : 'color: red;' }}">
                                    R$ {{ number_format($viagem['VALOR'], 2, ',', '.') }}
                                </td>
                            </tr>
                        @endforeach
                    @endforeach
                @endforeach
            </tbody>
            <tfoot>
                <tr style="background-color: #f8f9fa; font-weight: bold;">
                    <td colspan="4" style="padding: 12px; border: 1px solid #dee2e6; text-align: right;">Total a Pagar:</td>
                    <td style="padding: 12px; border: 1px solid #dee2e6; text-align: right; color: red;">
                        R$ {{ number_format($valorTotal, 2, ',', '.') }}
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>

    <p style="margin-bottom: 15px;">
        Para sua comodidade, você pode efetuar o pagamento através de PIX da {{strtoupper(config('app.name'))}} e enviar o comprovante para o nosso WhatsApp.
    </p>
    <p style="margin-bottom: 20px;">
        Se você já realizou o pagamento, por favor, desconsidere este e-mail. Se precisar de alguma ajuda ou informação adicional, estamos à disposição!
    </p>
    <p style="margin-bottom: 15px;">
        <strong>
            Obs.: O envio automatizado desse relatório está em fase BETA, em caso de dúvidas sobre alguma das viagens consulte a {{strtoupper(config('app.name'))}}.
        </strong>
    </p>
</div>
@endsection