@extends('layout.mainlayout')
@section('content')

@component('components.breadcrumb')
@slot('title1') Doações @endslot
@slot('title2') Cadastro @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <div class="e-panel card">
            <div class="card-header">
                <h2 class="card-title" style="text-transform: none;">{{ $returnData->list->count() }} Doadores(s)</h2>
            </div>
            <div class="card-body">
                <div class="e-table">
                    <div class="table-responsive table-lg">
                        <table class="table table-bordered text-dark" id="responsive-datatable1">
                            <thead>
                                <tr>
                                    <th class="text-dark fw-semibold w-25">Razao social</th>
                                    <th class="text-dark fw-semibold">Cnpj_cpf</th>
                                    <th class="text-dark fw-semibold">Email</th>
                                    <th class="text-dark fw-semibold">Telefone</th>
                                    <th class="text-dark fw-semibold">Data</th>
                                    <th class="text-dark fw-semibold">Instituição</th>
                                    <th class="text-dark fw-semibold">Valor</th>
                                    <th class="text-dark fw-semibold">N&ordm; Guia</th>
                                    <th class="text-dark fw-semibold">Pix Identificador</th>
                                    <th class="text-dark fw-semibold">Pago</th>
                                    <th class="text-center fw-semibold">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($returnData->list as $doador)
                                <tr>
                                    <td class="text-nowrap align-middle">
                                        <a href="{{ Route('doacoes.cadastro.show',$doador->id) }}">{{ $doador->razao_social }}</a>
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->cnpj_cpf }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->email }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->telefone }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->data_doacao }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->instituicao->nome }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->valor }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->guia->id }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->guia->pix_txid }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $doador->pago }}
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        <div class="btn-group align-top br-3">
                                            <a href="{{ route('doacoes.cadastro.edit', $doador->id) }}" class="btn btn-app btn-primary badge js-edit" title="Editar">
                                                <i class="fa fa-pencil"></i>
                                            </a>
                                        </div>
                                        <div class="btn-group align-top br-3">
                                            <a target="_blank" href="{{ route('doacoes.comprovante', $doador->id) }}" class="btn btn-app btn-warning badge" title="Comprovante">
                                                <i class="fa fa-file"></i>
                                            </a>
                                        </div>
                                        @if($doador->pago == 'S')
                                        <div class="btn-group align-top br-3">
                                            <a href="{{ route('doacoes.email', $doador->id) }}" class="btn btn-app btn-info badge" title="Enviar email">
                                                <i class="fa fa-send"></i>
                                            </a>
                                        </div>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@include('layout.partials.footer-datatable-scripts')
<script>
    $('#responsive-datatable1').dataTable({
        language: {
            url: "{{ URL::asset('assets/libs/datatable/pt-br.json') }}",
            searchPlaceholder: 'Pesquisar...',
            scrollX: "100%",
            sSearch: '',
        }
    });
</script>
@endsection