@php

    use App\Http\Controllers\Mod\ModClientProvider;use App\Http\Controllers\Mod\ModConf;use App\Http\Controllers\Mod\ModSalesOrderContact as SalesOrderContact;use App\Http\Controllers\Mod\ModSalesOrderDescription as SalesOrderDescription;use App\Http\Controllers\Mod\ModSalesOrderPaymentMethod as PaymentMethod;use App\Http\Controllers\Mod\ModSalesOrderProductService as SalesOrderProductService;use App\Models\Profile;use Illuminate\Support\Facades\Crypt;


    $profile = Profile::user();
    $sndesk = '0';
if($record!=null) {
    //CLIENTE
    //MOD CONF
    $conf_status = ModConf::information([
        'idManager'=>$record->idManager,
        'idStatusReg'=>1,
        ]);
    $record_client = ModClientProvider::ClientProviderOFF($record->idClientProvider);

    //PRODUTOS E SERVIÇOS
    $record_productservice = SalesOrderProductService::productServiceOFF(0,$record->idSalesOrder);
    $record_bonus = SalesOrderProductService::bonusOFF(0,$record->idSalesOrder);

    //FORMA DE PAGAMENTO
    $record_paymentmethod = PaymentMethod::paymentMethodOFF(0,$record->idSalesOrder);

    //DESCRIÇÃO
    $record_description = SalesOrderDescription::descriptionPersonOFF(0,$record->idSalesOrder);

    //CONTADO-FINANCEIRO
    $record_contact = SalesOrderContact::contactNotFinancialOFF($record_client->idClientProvider);

$proposal_status=2;
}
@endphp

@include('system-layouts/head-nauth')

<link href="https://sonodasistemas.com.br/developer/front-end/assets/plugins/sweetalert/sweetalert.css" rel=stylesheet
      type="text/css">

<style>

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-250px * 10));
        }
    }

    .slider {
        background: white;
        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
        height: 100px;
        margin: auto;
        overflow: hidden;
        position: relative;
        border-radius: 15px;
        padding-top: 10px;
    }

    .slider::before, .slider::after {
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }

    .slider::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider::before {
        left: 0;
        top: 0;
    }

    .slider .slide-track {
        animation: scroll 30s linear infinite;
        display: flex;
        width: calc(250px * 10);
    }

    .slider .slide {
        height: 100px;
        width: 250px;
    }


</style>
<div style="text-align: center; padding: 36px;  background-color: #02274b;" class="noprint imprimirdiv">
    <button onclick="window.print()" class="btn btn-secondary "
            style="border-radius: 9px; padding: 7px 15px; vertical-align: middle;margin-right: 15px"><i
                class="mdi mdi-printer"></i>
        Imprimir
    </button>
</div>
<div class="headerOrcamento">
    <img src="https://sonodagpa.com.br/img/Sonoda-Ponto-clean2010_branco.svg" style="max-width: 200px;"
         alt="Sonoda Ponto">
</div>
<div id="app">
    <!--    HEADER ----------------------------------------------------------------------------------------------------->
    <div class="headerProposta">
        <div class="row">
            <div class="col-lg-12">
                <div class="row"
                     style="flex-direction: row; width: 90%; align-items: center; margin-left: auto;margin-right: auto;">
                    <div class="col-lg-12">
                        <h1 style="font-size: 32px; color: var(--cor-destaque);">Proposta Comercial</h1>
                    </div>
                    <div class="col-xl-8 col-md-7 col-sm-5">
                        <h2 class="tituloPropostaResp">{{$record_client->xName}}</h2>
                    </div>
                    <div class="col-xl-4 col-md-5 col-sm-7">
                        @include('mod-negotiation-budget-client.formedit-02-client')
                    </div>
                </div>
            </div>
        </div>


    </div>

    <!--   FIM HEADER ------------------------------------------------------------------------------------------------->

    <!-- PRIMER RECORRENTE -------------------------------------------------------------------------------------------->
    @if($record->idPaymentMethod == 2)

        @foreach($record_productservice as $cond)

            @if($cond->idProductService=="83")
                @php
                    $sndesk='1';
//                @endphp

            @endif
        @endforeach
        @if($sndesk=='1')
            <div class="primerOrcamentoDiv">
                <div class="primerOrcamento">
                    <div class="backgroundLogo">
                        <img src="http://127.0.0.1:8000/template/images/logo 2022 SONODA.svg" alt="Sonoda Ponto">
                    </div>
                    <div class="imgPrimer col-xl-6 col-lg-6 col-md-12" style="text-align: center;">
                        <img src="https://sonodagpa.com.br/img/mockup-sndesk.png" alt="IMG PRIMER"
                             style="max-width: 45vw;">

                    </div>
                    <div class="textoPrimer col-xl-6 col-lg-6 col-md-12">
                        <h2 style="font-size: 60px;font-weight: 800; line-height: 60px;" class="textoPrimerFront">Uhul!
                            Estamos
                            quase lá!</h2>
                        <p class="textoPrimerFront" style="margin-top: 15px">
                            Chamados concluídos e clientes satisfeitos!<br>
                            <span
                                    style="font-weight: 800"> Encante seus clientes prestando um suporte rápido e eficaz!</span><br>
                            Diferente de outros sistemas help desk, nós focamos em criar um sistema intuitivo e fácil de
                            usar.
                        </p>
                        <div class="slider" style="max-width: 100%; margin-top: 35px">
                            <div class="slide-track">
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/specialdog.webp" alt="Special Dog"
                                         height="80"
                                         width="200" alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/moura.webp" alt="Moura" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/polenghi.webp" alt="Polenghi" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/marilan.webp" alt="Marilan" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/unimed.webp" alt="Unimed" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/guardian.webp" alt="Guardian Glass"
                                         height="80"
                                         width="200" alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/jacto.webp" alt="Jacto" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/graal.webp" alt="Graal" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/frutap.webp" alt="Frutap" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/gdbr.webp" alt="GDBR" height="80" width="200"
                                         alt=""/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="primerOrcamentoDiv">
                <div class="primerOrcamento">
                    <div class="backgroundLogo">
                        <img src="http://127.0.0.1:8000/template/images/logo 2022 SONODA.svg" alt="Sonoda Ponto">
                    </div>
                    <div class="imgPrimer col-xl-6 col-lg-6 col-md-5" style="text-align: center;">
                        <img src="https://sonodagpa.com.br/img/Sonoda-Ponto-Sistema-Completo.webp" alt="IMG PRIMER"
                             style="max-width: 45vw;">

                    </div>
                    <div class="textoPrimer col-xl-6 col-lg-6 col-md-7">
                        <h2 style="font-size: 60px;font-weight: 800; line-height: 60px;" class="textoPrimerFront">Uhul!
                            Estamos
                            quase lá!</h2>
                        <p class="textoPrimerFront" style="margin-top: 15px">
                            Você está apenas a um clique de distância de <span style="font-weight: 800">tornar o RH da sua empresa mais eficiente e economizar na folha de pagamento! </span><br><br>Assine
                            a proposta para se juntar a outras empresas que já se modernizaram com o Sonoda Ponto!
                        </p>
                        <div class="slider" style="max-width: 100%; margin-top: 35px">
                            <div class="slide-track">
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/specialdog.webp" alt="Special Dog"
                                         height="80"
                                         width="200" alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/moura.webp" alt="Moura" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/polenghi.webp" alt="Polenghi" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/marilan.webp" alt="Marilan" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/unimed.webp" alt="Unimed" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/guardian.webp" alt="Guardian Glass"
                                         height="80"
                                         width="200" alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/jacto.webp" alt="Jacto" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/graal.webp" alt="Graal" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/frutap.webp" alt="Frutap" height="80"
                                         width="200"
                                         alt=""/>
                                </div>
                                <div class="slide">
                                    <img src="https://sonodagpa.com.br/img/gdbr.webp" alt="GDBR" height="80" width="200"
                                         alt=""/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif


        <!-- FIM PRIMER  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
    @else
        <div class="primerOrcamentoDiv">
            <div class="primerOrcamento">
                <div class="backgroundLogo">
                    <img src="http://127.0.0.1:8000/template/images/logo 2022 SONODA.svg" alt="Sonoda Ponto">
                </div>
                <div class="imgPrimer col-xl-6 col-lg-6 col-md-5">
                    <img src="https://sonodagpa.com.br/img/produtos.png" alt="IMG PRIMER" style="max-width: 45vw;">
                </div>
                <div class="textoPrimer col-xl-6 col-lg-6 col-md-7">
                    <h2 style="font-size: 60px;font-weight: 800; line-height: 60px;" class="textoPrimerFront">Estamos
                        quase lá!</h2>
                    <p class="textoPrimerFront" style="margin-top: 15px">
                        Você está apenas a um clique de distância de otimizar seu negócio e trazer mais resultado para
                        sua empresa.
                        Assine a proposta para se juntar a outras empresas parceiras que já se modernizaram com a Sonoda
                        Ponto!
                    </p>
                    <div class="slider" style="max-width: 100%; margin-top: 35px">
                        <div class="slide-track">
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/specialdog.webp" alt="Special Dog" height="80"
                                     width="200" alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/moura.webp" alt="Moura" height="80" width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/polenghi.webp" alt="Polenghi" height="80"
                                     width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/marilan.webp" alt="Marilan" height="80"
                                     width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/unimed.webp" alt="Unimed" height="80" width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/guardian.webp" alt="Guardian Glass" height="80"
                                     width="200" alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/jacto.webp" alt="Jacto" height="80" width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/graal.webp" alt="Graal" height="80" width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/frutap.webp" alt="Frutap" height="80" width="200"
                                     alt=""/>
                            </div>
                            <div class="slide">
                                <img src="https://sonodagpa.com.br/img/gdbr.webp" alt="GDBR" height="80" width="200"
                                     alt=""/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <!--  DADOS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

    <div class="tabelaPropostaOrcamento">
        <h4 class="itens_add tituloPropostaAceite"><i class="mdi mdi-cart-outline"
                                                      style="color: var(--cor-principal)"></i> Detalhes do pedido</h4>

        <div class="card cardorcamento">

            <div class="col-lg-12 respTabelaOrcamento">
                <br />
<b>Warning</b>:  Undefined variable $record in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php</b> on line <b>377</b><br />
<br />
<b>Warning</b>:  Attempt to read property "idProdServOrganizeCategory" on null in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php</b> on line <b>377</b><br />
                @include('mod-negotiation-budget-client.formedit-03-01-product')
                
            </div>

            <div class="col-lg-12 respTabelaOrcamento">

                {{--  FORMA DE PAGAMENTO --}}
                <br />
<b>Warning</b>:  Undefined variable $record in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php</b> on line <b>388</b><br />
<br />
<b>Warning</b>:  Attempt to read property "idPaymentMethod" on null in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php</b> on line <b>388</b><br />
                @include('mod-negotiation-proposal.formedit-04-payment-method')

                                {{--  BONUS --}}

            </div>
            <div class="col-lg-12 respTabelaOrcamento">

                @include('mod-negotiation-budget-client.formedit-05-bonus')

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

                @include('mod-negotiation-budget-client.formedit-06-data')
            </div>
            <div class="col-lg-12 respTabelaOrcamento">

                {{--  DESCRIÇÃO DA PROPOSTA--}}
                @include('mod-negotiation-budget-client.formedit-07-description')
            </div>

            @if($signature == 1)
                @if($record->clientAccepted=='0')
                    <div class="card mt-5 cardAssOrc">
                        <h4 class="itens_add tituloPropostaAceite" style="top:-3.2rem;"><i class="mdi mdi-pen"
                                                                                           style="color: var(--cor-principal);"></i>
                            Assine</h4>

                        <form action="{{asset('/budget/confirmation')}}" method="post" class="needs-validation error"
                              id="actionIndex">
                            <input type="hidden" id="idSalesOrder" name="idSalesOrder"
                                   value="{{Crypt::encrypt($record->idSalesOrder)}}">
                            <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                            <div class="row" style="margin-top: -35px; ">
                                <div class="col-md-12 text-center">
                                    <div class="checkbox checkbox-success">
                                        <input id="proposalConfirClient" name="proposalConfirClient" type="checkbox">
                                        <label for="proposalConfirClient">Sim, eu aprovo os termos, itens e valores da
                                            proposta de número: {{$record->idSalesOrder}}</label>
                                    </div>
                                </div>
                            </div>


                            <div class="row mt-3">
                                <div class="col-6 text-right">
                                    <div id="btnProposalConfirClient" class="hide">
                                        <button type="button" id="sa-success"
                                                class="btn btn-success btn_editar waves-effect waves-light m-r-10"

                                        >ACEITAR
                                        </button>

                                    </div>
                                    <div id="btnProposalConfirClientEx" class="show">
                                        <button type="button" id="sa-title"
                                                class="btn btn-secondary btn_editar waves-effect disabled waves-light m-r-10"

                                        >ACEITAR
                                        </button>

                                    </div>

                                </div>
                                <div class="col-6 text-left">
                                    <a href="{{asset('/budget/decline')}}/{{Crypt::encrypt($record->idSalesOrder)}}"
                                       class="btn btn-danger btn_editar waves-effect waves-light m-r-10"

                                    >RECUSAR
                                    </a>
                                </div>
                            </div>
                            <input type="hidden" name="clientAcceptedEmail" id="clientAcceptedEmail" value="{{$mail}}">

                        </form>
                        @endif
                        @endif

                    </div>

        </div>


    </div>
</div>

<!--    CONTRATO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

{{--<div style="position: relative;padding: 3.2rem 0;width: 100%;background-color: #032E590D;">--}}
{{--    <div class="row"--}}
{{--         style="display: flex; flex-direction: row; align-items: center; width: 90%;max-width: 108.8rem;margin-left: auto;margin-right: auto;">--}}

{{--        <span style="font-weight: 800;font-size: 30px;color:#fd7e50;">Importante: </span>--}}
{{--        <div class="col-lg-2">--}}

{{--        </div>--}}
{{--        <div class="col-lg-10">--}}
{{--            @include('mod-negotiation-budget-client.formedit-06-data')--}}
{{--        </div>--}}


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

<!--   FIM CONTRATO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------>

<!--    DUVIDAS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<div style="position: relative; padding: 3.2rem 0;width: 100%;background: var(--cor-principal);background-image: url(https://sonodaponto.com.br/wp-content/uploads/2022/10/fundo_duvidas.png);
background-position: center right;
background-repeat: repeat-y;
background-size: contain;
    break-inside: avoid;
">
    <div class="row"
         style="display: flex; flex-direction: row; align-items: center; width: 90%;max-width: 108.8rem;margin-left: auto;margin-right: auto;">
        <div class="col-lg-5 col-md-5  mb-3">
            <span class="duvidasProposta">Com dúvidas? </span><br>
            <span class="contatoProposta">Entre em contato! </span><br>
            <span>Nosso time de analistas está sempre pronto pra te ajudar!</span> <span>Esclareça qualquer dúvida entrando em contato com seu consultor.</span>
        </div>
        <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Profile&quot; not found in /home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php:515
Stack trace:
#0 {main}
  thrown in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation-budget-client/index-container.blade.php</b> on line <b>515</b><br />