@extends('layouts.app')
@section('content')
    <div class="container-fluid content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title mt-3">
                    Visualizar Titulo Recebido de {{ $tituloRecebido->socio->nome }}
                </h3>
            </div>
            <x-messages.message />
            <div class="card-body mb-3">
                <div class="col-4">
                    <a class="btn btn-secondary"
                        href="{{ route('titulo-recebido.index', ['filtros' => $filtros]) }}">Voltar</a>
                    <a href="{{ route('titulo-recebido.pdf', ['tituloRecebido' => $tituloRecebido]) }}" class="btn"
                        target="_blank"><i class="bi bi-file-pdf-fill"></i>Exportar PDF</a>
                </div>
                <div class="container mt-3">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <h3 class="text-center p-3 mb-2">Comprovante de Pagamento</h3>
                                        <div class="col-4 text-start p-3">
                                            <p class="m-0 fs-5 p-1"><strong>Número do Documento:</strong> {{$tituloRecebido->numero_documento}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Mês de Referência:</strong> {{date('m/Y', strtotime($tituloRecebido->mes_referencia))}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Data de Vencimento:</strong> {{date('d/m/Y', strtotime($tituloRecebido->tituloReceber->data_vencimento))}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Data de Pagamento:</strong> {{date('d/m/Y', strtotime($tituloRecebido->data_recebimento))}}</p>
                                        </div>
                                        <div class="col-8 text-end">
                                            <h4>{{ mb_convert_case($config->razao_social, MB_CASE_TITLE, 'UTF-8' )}}</h4>
                                            <p>CNPJ: {{$config->cnpj}}</p>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <h5>Dados do Pagador</h5>
                                            <p class="m-0 fs-5 p-1"><strong>Nome:</strong> {{$tituloRecebido->socio->nome}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>CPF:</strong> {{$tituloRecebido->socio->cpf}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Endereço:</strong> {{$tituloRecebido->socio->logradouro}}, {{$tituloRecebido->socio->numero}}.</p>
                                            <p class="m-0 fs-5 p-1"><strong>CEP:</strong> {{mb_substr($tituloRecebido->socio->cep, 0,5)}}-{{mb_substr($tituloRecebido->socio->cep, 5,9)}} </p>
                                        </div>
                                        <div class="col-6 text-end">
                                            <p class="m-0 fs-5 p-1"><strong>Referente a:</strong> Taxa de Água</p>
                                            <p class="m-0 fs-5 p-1"><strong>Quantidade de Imóveis:</strong> {{$tituloRecebido->socio->imoveisAtivos()->count()}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Multa:</strong> R$ {{number_format($tituloRecebido->multa,2,',','.')}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Valor Pago:</strong> R$ {{number_format($tituloRecebido->valor_recebido,2,',','.')}}</p>
                                            <p class="m-0 fs-5 p-1"><strong>Código de Autenticação:</strong> {{$tituloRecebido->autenticacao}}</p>
                                        </div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection