@extends('layouts.app')
@section('content')
    <div class="container-fluid content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title mt-3">
                    Títulos Recebidos
                </h3>
            </div>
            <x-messages.message />
            <div class="card-body mb-3">
                <div class="col-4">
                    <a class="btn btn-primary btn-lg" href="{{ route('titulo-receber.index') }}">Novo</a>
                    <a class="btn btn-secondary btn-lg" href="/">Voltar</a>
                </div>
                <div class="container-fluid">
                    <x-titulo-recebido.form-buscar-titulo-recebido :filtros="$filtros" :titulosRecebidos="$titulosRecebidos" />
                    <x-exportacao.grupo-botao-exportacao rota="titulo-recebido" :filtros="$filtros" />
                    <div class="table-responsive mt-3">
                        <table class="table table-striped align-middle text-center">
                            <thead>
                                <tr>
                                    <th scope="col">Sócio</th>
                                    <th scope="col">Data Recebimento</th>
                                    <th scope="col">Valor Original</th>
                                    <th scope="col">Valor Recebido</th>
                                    <th scope="col">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($titulosRecebidos as $titulo)
                                    <tr>
                                        <td>{{ $titulo->socio->nome }}</td>
                                        <td>{{ date('d-m-Y', strtotime($titulo->data_recebimento)) }}</td>
                                        <td>R$ {{ number_format($titulo->valor_a_receber, 2, ',', '.') }}</td>
                                        <td>R$ {{ number_format($titulo->valor_recebido, 2, ',', '.') }}</td>
                                        <td>
                                            <a class="botao-acao show" data-toggle="tooltip" data-placement="bottom"
                                                title="Visualizar Título"
                                                href="{{ route('titulo-recebido.show', ['tituloRecebido' => $titulo, 'filtros' => $filtros]) }}">
                                                <i class="bi bi-eye-fill"></i>
                                            </a>
                                            <a class="botao-acao delete" data-toggle="tooltip" data-placement="bottom"
                                                title="Deletar Título" data-id="{{ $titulo->id }}" data-bs-toggle="modal"
                                                data-bs-target="#deleteTituloRecebidoModal">
                                                <i class="bi bi-trash"></i></a>
                                            <a href="{{ route('titulo-recebido.pdf', ['tituloRecebido' => $titulo]) }}"
                                                title="Exportar PDF" class="botao-acao pdf" target="_blank"><i
                                                    class="bi bi-file-pdf-fill"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td class="text-end" colspan="3">Total</td>
                                    <td>R${{ number_format($titulosRecebidos->sum('valor_recebido'), 2, ',', '.') }}</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="mb-3 d-flex align-items-center justify-content-center">
                            {{ $titulosRecebidos->appends($filtros)->onEachSide(5)->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (sizeof($titulosRecebidos) > 0)
    <form id="deleteTituloRecebidoForm"
        action="{{ route('titulo-recebido.destroy', ['tituloRecebido' => $titulo, 'filtros' => $filtros]) }}" method="post">
        @csrf
        @method('delete')
        <div class="modal fade" id="deleteTituloRecebidoModal" tabindex="-1" aria-labelledby="deleteTituloRecebidoModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title text-black" id="deleteTituloRecebidoModalLabel">Confirmação</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                    </div>
                    <div class="modal-body">
                        <p id="mensagem" class="text-center text-black">Confirma a exclusão do registro?</p>
                        <input type="hidden" id="titulo_recebido_id" name="titulo_recebido_id" value="">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-danger">Excluir</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endif
@endsection
@push('scripts')
    <script>
        const deleteTituloRecebidoModal = document.getElementById('deleteTituloRecebidoModal')
        if (deleteTituloRecebidoModal) {
            deleteTituloRecebidoModal.addEventListener('shown.bs.modal', (event) => {
                document.getElementById('titulo_recebido_id').value = event.relatedTarget.getAttribute('data-id')
            })

        }
    </script>
@endpush