@php

    use App\Http\Controllers\Mod\ModBrand;
    use App\Http\Controllers\Mod\ModProductService;
    use App\Http\Controllers\ModFinancial;

    //CONFIGURAÇÕES GERAIS
    use App\Http\Controllers\Mod\ModConf;
    $conf_status = ModConf::status();
@endphp

<style>
    {{-- VINCULO URL: mod-sales.viewsprodutservice.index--}}
    .prodserv_list_amount {
        max-width: 75px;
    }

    .prodserv_list_money {
        max-width: 200px;
        min-width: 100px;
        text-align: right;
    }

    .prodserv_list_moneysub {
        text-align: right;
    }

    .add-productservices {
        display: flex;
        flex-direction: row;
    }

    .refresh-button-div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .refresh-button {
        width: 40px;
    }

    .select2-container--default .select2-selection--single {
        margin-left: -15px;
    }

    @media (max-width: 500px) {
        .add-productservices {
            flex-direction: column;
        }

        .refresh-button {
            width: 100px;
            margin-top: 10px;
        }
    }
</style>
<section id="sectionProductService">
    <!-- PESQUISA DO PRODUTO -->

    <div class="form-row">
        <div class="col-md-12 m-b-15">

            <h3 class="text-themecolor"><i class="fa fa-chevron-right chevron-pedido"></i> Ordem de Serviço</h3>
            <div class="row">
                <div class="col-sm-12">
                    <p class="m-l-10"> A produto ou serviço necessita de agendamento da Ordem de Serviço? </p>


                    <ul class="icheck-list m-l-30">
                        <li><input id="idClientOrderService-y" class="check" checked required
                                   name="idClientOrderService"
                                   type="radio"
                                   value="1"/>
                            <label for="idClientOrderService-y">SIM</label></li>
                        <li><input id="idClientOrderService-n" class="check" required name="idClientOrderService"
                                   type="radio"
                                   value="2"/>
                            <label for="idClientOrderService-n">NÃO</label></li>
                    </ul>
                </div>
            </div>
            <hr>
        </div>
    </div>

    <div class="form-row">
        <div class="col-md-12 m-b-15">
            <h3 class="text-themecolor"><i class="fa fa-chevron-right chevron-pedido"></i> Produtos/Serviços
                <span class="pull-right">

                </span>
            </h3>
        </div>
    </div>
    @if($conf_status->negProdtServOrganizeCategoryStatus==1 )
        <div class="form-row">
            <div class="col-sm-12">
                <h5 class="m-l-10 text-themecolor"> > Organizar o(s) produto(s) e o(s) Serviço(s) por categoria(s) </h5>


                <div class="form-group  m-l-15">

                    <div class="controls">
                        <div class="js-switch-checkbox m-t-5">
                            <small class="js-switch-title-right"
                                   style="margin-right: 5px;">Não organizar</small>
                            <input id="idProdServOrganizeCategory"
                                   name="idProdServOrganizeCategory"
                                   type="checkbox"
                                   class="js-switch"
                                   data-color="#3d3b3b"/>
                            <small class="js-switch-title-left" style="margin-left: 5px;">Organizar</small>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    @endif

    @php($recurrent_status = 0)
    @php($list_ajax= 0)
    @php($load_provserv = 0)
    <div class="add-productservices">
        <div id="productServiceList" style="display: inline-grid; width: 100%;">
            @include('mod-negotiation.formadd-02-01-productservice-list')
        </div>

        <div class="refresh-button-div" style=" display: inline-grid;">
            <button class="btn btn-sm waves-effect waves-light btn-outline-success font-18 refresh-button"
                    style="height: 40px;"
                    type="button"
                    id="productServiceSearchRefresh">
                <i class="fa fa-refresh"></i>
            </button>
        </div>
    </div>


    <small class="hide" id="productServiceSearchText"> </small>
    <input type="hidden" id="productServiceSearchVal"/>
    <input type="hidden" id="productServiceSearchRecurrent" value=""/>
    <div class="row">
        <div class="col-sm-12">

            <div id="alertProServ" class="alert alert-warning alert-rounded m-t-15 hide"
                 style="padding: .1rem 1.25rem;">
                <h5 class="text-warning" style="margin-bottom: .0rem;">
                    <i class="fa fa-exclamation-triangle"></i> Produto ou pedido já Selecionado!
                </h5>
            </div>
        </div>
    </div>
    <div class="form-row m-t-20 m-b-40">
        <div class="col-md-2 mr-3 ">
            <label class="form_descricao;" for="jobTitle2">Quantidade</label>
            <div class="form-group">
                <input id="productServiceSearchAmount" type="text" value="1" name="productServiceSearchAmount"
                       disabled
                       data-bts-button-down-class="btn btn-secondary btn-outline"
                       data-bts-button-up-class="btn btn-secondary btn-outline" TouchSpin="amount"
                       class="text-center">
            </div>
        </div>
        <div class="col-md-3 mr-3">
            <label class="form_descricao" for="jobTitle2">Valor unitário</label>
            <div class="input-group">
                <div class="input-group-prepend">
					<span class="input-group-text" id="basic-addon1">
						R$
					</span>
                </div>
                <input type="text" disabled class="form-control mask-money2" value="" id="productServiceSearchMoney"
                       placeholder="0,00">
            </div>
        </div>


        <div class="col-md-3 mr-5">
            <label class="form_descricao" for="jobTitle2">Sub total</label>
            <div class="input-group">
                <div class="input-group-prepend">
					<span class="input-group-text" id="basic-addon1">
						R$
					</span>
                </div>
                <input type="text" class="form-control mask-money3" id="productServiceSearchSubtotal" disabled
                       placeholder="0,00" value="0,00">
            </div>
        </div>

        <div class="col-md-2 align-self-center ">
            <div class="row add_pedido">

                <button class="btn btn-secondary btn_editar font-18  botao_laranja m-t-10 m-l-15" type="button"
                        id="productServiceSearchAdd">
                    <span id="buttonOpenPlusContact"><i class="fa fa-plus-circle"
                                                        style="font-size: 26px;line-height: 30px;"></i></span>
                    <i class="fa fa-arrow-circle-right"
                       style="display: none;"></i>
                </button>
                <span class="titulo_btn px-2 pull-right btn_add_bonus">Adicionar ao pedido</span>

                {{--            <button class="btn waves-effect waves-light btn-outline-themecolor font-18" type="button"--}}
                {{--                    id="productServiceSearchAdd">--}}
                {{--                <i class="fa fa-plus"></i></button>--}}
            </div>
        </div>

    </div>


    {{--    <div class="form-row">--}}
    {{--        <div class="col-md-12">--}}
    {{--            <div class="form-group">--}}
    {{--                <label for="shortDescription3">--}}
    {{--                    <a class="get-code text-themecolor" data-toggle="collapse" href="#decription" aria-expanded="true">--}}
    {{--                        <i class="ti-angle-right "></i> Detalhes do produto </a>--}}
    {{--                </label>--}}
    {{--                <div class="list-icons m-l-10 collapse" id="decription">--}}
    {{--                    <textarea name="productServiceSearchDescription" id="productServiceSearchDescription"--}}
    {{--                              placeholder="descrição do produto" rows="6" class="form-control"></textarea>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    {{--    </div>--}}
    <!-- /PESQUISA DO PRODUTO -->
    <!-- LISTA DE PRODUTOS -->


    <input type="hidden" id="ProductServiceTableRecurrent" name="ProductServiceTableRecurrent">
    <div id="cabecaItens" style="padding: 20px 0;margin-top: 60px;" class="row card card-pedido m-b-40">
        <h4 class="itens_add"><i class="mdi mdi-cart-outline" style="color: var(--cor-principal)"></i> Itens
            adicionados
            ao pedido</h4>
        <div class="col-md-12" style="margin-top: -45px;">
            <div class="table-responsive" style="max-height:550px ;  overflow:auto;">

                <table class="table table-striped">
                    <thead>
                    <tr style="line-height: 10px;">
                        <th style="background-color: var(--cor-fundo-form-light);" width="40%">Item</th>
                        <th style="background-color: var(--cor-fundo-form-light); min-width: 150px;">Quantidade</th>
                        <th style="background-color: var(--cor-fundo-form-light);" width="10%" class="text-center">
                            Valor
                        </th>
                        <th class="discount-tag" style="width: 10%" >Valor com desconto</th>
                        <br />
<b>Warning</b>:  Undefined variable $conf_status in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation/formadd-02-00-productservice.blade.php</b> on line <b>249</b><br />
<br />
<b>Warning</b>:  Attempt to read property "negProdServDiscountWithPercentageStatus" on null in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation/formadd-02-00-productservice.blade.php</b> on line <b>249</b><br />
                        <br />
<b>Warning</b>:  Undefined variable $conf_status in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation/formadd-02-00-productservice.blade.php</b> on line <b>254</b><br />
<br />
<b>Warning</b>:  Attempt to read property "negProdServIncreaseWithPercentageStatus" on null in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-negotiation/formadd-02-00-productservice.blade.php</b> on line <b>254</b><br />


                        <th style="background-color: var(--cor-fundo-form-light);" class="text-nowrap"
                            width="10%"> Subtotal</th>
                    </tr>
                    </thead>

                    <tbody id="ProductServiceTableRow">

                    </tbody>
                </table>
            </div>
        </div>
        <div class="form-row" id="linha_frete" style="padding-right: 30px;">
            <div class="col-md-9 "></div>
            <div class="col-md-3 ">

                <div class="input-group"><label for="shippingFee" class="m-r-10 m-t-10">FRETE</label>
                    <div class="input-group-prepend">
					<span class="input-group-text" id="basic-addon1">
						R$..
					</span>
                    </div>
                    <input id="shippingFee" name="shippingFee" onChange="resultTotal()" type="text"
                           class="form-control mask-money3 text-right" value="" placeholder="0,00">
                </div>
            </div>
        </div>
        <div class="row" style="padding-right: 47px; align-self: end;">
            <span style="text-align: right; font-size: 24px;"><i
                        class="mdi mdi-wallet text-themecolor"></i> TOTAL:&nbsp;</span> <span
                    style="text-align: right; font-size: 24px;">&nbsp;R$ </span><span
                    style="font-size: 24px; margin-left: 10px;font-weight: 600; color:var(--cor-principal)"
                    id="productServiceMoneyTotalText">0,00</span>
            <input type="hidden" id="productServiceMoneyTotalVal"/>

            <input type="hidden" id="increaseStatus"
                   value="{{$conf_status->negProdServIncreaseWithPercentageStatus}}"/>
            <input type="hidden" id="discountStatus"
                   value="{{$conf_status->negProdServDiscountWithPercentageStatus}}"/>

        </div>

    </div>


    <!-- /LISTA DE PRODUTOS -->
    <hr id="divseparada">

    <!-- FORMA DE PAGAMENTO -->
    <div class="row m-t-30">
        <div class="col-md-6 m-b-15">
            <h3 class="text-themecolor"><i class="fa fa-chevron-right chevron-pedido"></i> Forma de Pagamento</h3>
        </div>
    </div>
    <input type="hidden" name="paymentCache" id="paymentCache" value="">
    <div class="row">
        <div class="col-sm-8" id="paymentMethodList">
        </div>
    </div>


    <!-- /FORMA DE PAGAMENTO -->
    <div class="form-row m-t-30">
        <div class="col-md-6 m-b-5">
            <h3 class="text-themecolor">
                <i class="fa fa-chevron-right chevron-pedido"></i> Prazos e datas</h3>
        </div>
    </div>
    <div class="form-row m-t-20">
        <div class="col-md-3 m-b-15">
            <div class="form-group">
                <label class="control-label">Validade da proposta</label>

                <div class="input-group">
                    <input style="max-width: 200px" type="text" id="dateValidityProposal"
                           name="dateValidityProposal"
                           class="form-control mask-max" max="999" maxlength="3" value="30">
                    <div class="input-group-prepend">
                        <div class="input-group-text" id="textDateValidityProposal">
                            Dias
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 m-b-15">
            <div class="form-group">

                <label class="control-label">Prazo de entrega</label>
                <div class="input-group">
                    <input style="max-width: 200px" type="text" id="dateDeadline" name="dateDeadline"
                           class="form-control mask-max" max="999"
                           maxlength="3" value="10">
                    <div class="input-group-prepend">
                        <div class="input-group-text" id="textDateDeadline">
                            Dias
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- BONUS -->
    @include('mod-negotiation.formadd-02-01-bonus')
    <!-- /BONUS -->

    <!-- DESCRIÇÃO -->
    @include('mod-negotiation.formadd-02-02-description')
    <!-- /DESCRIÇÃO -->
    <br>
    <br>
    <div class="alert alert-danger alert-rounded" id="propostaAlert">
        Campo obrigatório: Produtos/Serviços
    </div>
</section>