@php
    use App\Http\Controllers\ModFinancial;
    use Illuminate\Support\Facades\Crypt;

@endphp


<div class="row">
    <div class="col-sm-12 ">

        <div class="card">
            <div class="form-row">
                <div class="col-sm-6">
                    <h3 class="m-b-0  titulosDashboard">
                        <i class="fa fa-file-text-o text-themestyle font-20"></i>
                        <span class=" titulomodelodashboard" style="margin-left: 10px;">PROPOSTAS</span>
                    </h3>

                </div>

            </div>
            <div class="form-row">
                <div class="col-sm-12">
                    <table style="width:100%">
                        <thead>
                        <tr>
                            <th class="p-b-10 p-t-20" style="width: 200px">
                                &nbsp
                            </th>

                            <th colspan="2">
                                <h6 class="card-subtitle text-center m-t-5" style="margin-bottom: -2px;"
                                    title="TODAS AS PROPOSTA APÓS O ENVIOU AO CLIENTE">
                                    NOVAS

                                    <br>
                                    <small class="font-12"> "Período"</small>
                                </h6>
                            </th>

                            <th colspan="2" class="border-left-6-themestyle text-center "
                                style="padding-left: 5px; padding-right: 5px;">
                                <h6 class="card-subtitle text-center m-t-5"
                                    style="margin-bottom: -2px;white-space: nowrap"
                                    title="O CLIENTE ACEITOU A PROPOSTA, O VENDEDOR DE CONFIRMAR">
                                    À CONFIRMAR
                                    <span class="pull-right">
                                        <a href="{{url('negotiation-proposal/seller/validation')}}" class="text-muted "
                                           target="_blank">
                                            <i class="mdi mdi-link font-22"></i>
                                        </a>
                                    </span>
                                    <br>
                                    <small class="font-12"> "Período"</small>
                                </h6>
                            </th>

                            <th colspan="2" class="border-left-6-themestyle text-center "
                                style="padding-left: 5px; padding-right: 5px;">
                                <h6 class="card-subtitle text-center m-t-5"
                                    style="margin-bottom: -2px;white-space: nowrap"
                                    title="VENDA REALIZADA">
                                    FECHADOS
                                    <br>
                                    <small class="font-12"> "Período"</small>
                                </h6>
                            </th>

                        </tr>


                        </thead>
                        <tbody>
                        {{--                        RECEITA EVENTUAL             --}}
                        @include('system-home.info-financial-card-recorring')
                        {{--                        RECEITA RECORRENTE          --}}
                        @include('system-home.info-financial-card-occasional')

                        </tbody>
                    </table>



                </div>

            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div id="homeFinRevenueRecurring"></div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div id="homeFinRevenueOccasional"></div>
                </div>
            </div>

        </div>
    </div>
</div>

{{--<div class="row">--}}
{{--    <div class="col-lg-6 col-12">--}}

{{--        <div class="card">--}}
{{--            <div class="form-row">--}}
{{--                <h3 class="m-b-0"><i class="bi bi-calendar3" style="    position: relative;    top: -3px;"></i>--}}
{{--                    <span class="titulomodelodashboard" style="margin-left: 10px;">RECEITA RECORRENTE</span>--}}

{{--                    --}}{{--                    <small title="Recorrente">Recorrente <small class="font-12">"mês"</small></small>--}}
{{--                    <button type="button" class=" btn_abrirmodallateral"--}}
{{--                            data-target="sidebar-right"--}}
{{--                            onclick="loadsDataForm('#sidebarRight  .content','{{url("/home/paymentmethod-recurrent/")}}','#actionIndexNot',['#_token','#user','#dateRange','#userName'])">--}}
{{--                        <i class="fa fa-external-link-square font-18" style="color: #bdbdbd;"></i>--}}
{{--                    </button>--}}
{{--                </h3>--}}
{{--                <hr class="p-0">--}}
{{--                <div class="form-row">--}}
{{--                    <div class="col-12">--}}
{{--                        <h3 class="text-center">--}}
{{--                            R$                   --}}{{--                            {{ModFinancial::formatMoney($recurrent_value_rec,'pt_BR')}}--}}
{{--                        </h3>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <h6 class="text-muted"><small>É um faturamento contínuo gerado pela venda por meio de planos,--}}
{{--                        assinaturas--}}
{{--                        por periodo ou seja, mensal, trimestral semestral e outros. </small></h6>--}}

{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <div class="col-lg-6 col-12">--}}

{{--        <div class="card">--}}
{{--            <div class="form-row">--}}
{{--                <h3 class="m-b-0"><i class="bi bi-box-seam" style="position: relative;top: -3px;font-size: 22px;"></i>--}}
{{--                    <span class="titulomodelodashboard" style="margin-left: 10px;">RECEITA EVETUAL</span>--}}

{{--                </h3>--}}

{{--                <hr class="p-0">--}}
{{--                <div class="form-row">--}}
{{--                    <div class="col-12">--}}
{{--                        <h3 class="text-center">--}}
{{--                            R$ <span id="homeFinRevenueReceived"></span>--}}
{{--                            --}}{{--                            {{ModFinancial::formatMoney($record_financial_status_billed_rec_value-$recurrent_value_rec,'pt_BR')}}--}}
{{--                        </h3>--}}
{{--                    </div>--}}
{{--                </div>--}}


{{--            </div>--}}
{{--            <h6 class="text-muted"><small>É um faturamento ocasional, gerado na necessidade do cliente de aquisição--}}
{{--                    pontual,--}}
{{--                    exemplo: um simples comprar de um produto ou um serviços. </small></h6>--}}

{{--        </div>--}}
{{--    </div>--}}


{{--    --}}{{--    <div class="col-lg-4 col-12">--}}

{{--    --}}{{--        <div class="card">--}}
{{--    --}}{{--            <div class="form-row">--}}
{{--    --}}{{--                <h3 class="m-b-0"><i class="mdi mdi-wallet text-purple"></i>--}}
{{--    --}}{{--                    <span class="titulomodelodashboard" style="margin-left: 10px;">COMISSÃO</span>--}}
{{--    --}}{{--                        <small class="font-12">"mês"</small>--}}
{{--    --}}{{--                </h3>--}}
{{--    --}}{{--                <hr class="p-0">--}}
{{--    --}}{{--                <div class="form-row">--}}
{{--    --}}{{--                    <div class="col-12"><h3 class="text-center">--}}
{{--    --}}{{--                            --}}{{----}}{{--                        R$ {{ModFinancial::formatMoney($record_financial_status_billed_rec_value-$recurrent_value_rec,'pt_BR')}}--}}
{{--    --}}{{--                            R$ 9.999,99--}}
{{--    --}}{{--                        </h3>--}}
{{--    --}}{{--                    </div>--}}
{{--    --}}{{--                </div>--}}


{{--    --}}{{--            </div>--}}
{{--    --}}{{--        </div>--}}
{{--    --}}{{--    </div>--}}

{{--</div>--}}