@php
    use App\Models\Profile;
    use App\Http\Controllers\Mod\ModClientProvider;
    use Illuminate\Support\Facades\Crypt;



@endphp
<style>
    .modal-body #cardUserImg {
        height: 60px;
        width: 60px;
    }
</style>
<!-- title  -->
<div class="modal-header">
    <h4 class="modal-title">
        <i class=" mdi mdi-account-tie-outline "></i>
        Auxiliar de vendas
    </h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<!-- ./title  -->
<!-- body  -->
<div class="modal-res">
    <div class="modal-body">

        <div class="row">
            <div class="col-md-4">
                <h6>Informação:</h6>
                <h3 class="text-themecolor"
                    style="color:#02274ba8; font-variant-caps: all-small-caps; margin-bottom: -5px;">
                    <span class="text-overflow-ellipsis"><i class="icon-folder-alt"></i> Negociação: </span>
                    <span class="text-themecolor">&nbsp;
                         {{$record_negotiation->idNegotiation}}
                    </span>
                </h3>
                <br>
            </div>
            <div class="col-md-5  border-left ">
                <h6>Auxiliar de vendas atual</h6>
                @php
                    $id_user_card =Crypt::decrypt($id_seller);
                    $user_name='Não tem auxilizar de vendas'
                @endphp
                @include('system-user-profile.incluid_user_card')
            </div>

            <div class="col-md-3 border-left text-right" id="btnRemove">
                @isset($id_user_card)
                    <button type="button" value="0" title="Auxiliar de vendas"
                            id="btnRemoveAssistant" style="  line-height: 10px;"
                            class=" btn waves-effect waves-light btn-outline-themecolor text-themecolor-inverse btn-negociacao ">
                        <i class=" mdi mdi-account-tie-outline "></i> <small style="position: relative; top: -2px">Retirar
                            Auxiliar de vendas</small>
                    </button>
                    <button type="button" value="0" title="Auxiliar de vendas"
                            id="btnRemoveAssistantSave"
                            class="btn waves-effect waves-light btn btn-primary btn-negociacao" style="display: none">
                        <i class="ti-save m-l-5 "></i><small class="m-l-10 m-r-10"
                                                             style="position: relative; top: -2px"> Salvar</small>
                    </button>
                @endisset
            </div>


        </div>
        <div class="row m-l-15 m-r-15 m-t-10">
            <div class="col-sm-12  font-12 text-muted">
                <a class="get-code text-themecolor-inverse" data-toggle="collapse" href="#descriptionAssist"
                   aria-expanded="true">
                    <i class="mdi mdi-lightbulb-on font-18"></i> Dica:</a>
                <ul style="margin-top: -5px;" class="collapse " id="descriptionAssist">
                    <li><i class=" mdi mdi-account-tie-outline font-14  text-themecolor-inverse"></i>
                        <u class="text-themecolor"> Auxiliar de vendas:</u>
                        A negociação permandece com o vendedor atual, mas incluirá uma outro vendedor para auxilia-lo;
                    </li>
                    <li><i class=" mdi mdi-repeat font-14 text-themecolor-inverse"></i>
                        <u class="text-themecolor"> Transferência da pasta de negociação:</u>
                        A negociação pertencerá a outro vendedor e o antigo vendedor não terá acesso a
                        negociação/propostas;
                    </li>
                    <li><i class="fa fa-drivers-license font-14 text-themecolor-inverse "></i>
                        <u class="text-themecolor"> Transferir carteira de clientes: </u>
                        Transfere os clientes e suas respectivas negociações e propostas para outro vendedor.
                    </li>
                </ul>
            </div>
        </div>
        <hr>
        <small>Quantidade de vendedores: {{count($record)}} </small>


        <div class="w-100 pb-2">
            <input type="text" name="searchInput" id="searchInput" class="form-control form-control-line ml-0"
                   required="" value="" placeholder="Pesquisar">
        </div>


        <div class="card-search">
            @foreach($record as $row )
                @php
                    $seller_select = Profile::user($row->idUser);
                @endphp
                <div class="card-search-filter">
                    <div class="row list-multiline pb-2 pl-1 d-flex justify-content-between"
                         style=" @if($row->idUser==$id_user_card) background-color: #ffb22b29; @else  @endif ">

                        <div class="col-2 d-none d-sm-block">
                            <img src="{{ $seller_select->userImgUrl }}"
                                 alt="Seller" class="img-circle img-responsive">
                        </div>

                        <div class="font-13 col-4 pl-1 nowrap username card-search-filter">
                            <i class="fas fa-user-tie "></i> {{ $row->userName }}<br>

                            <i class="mdi mdi-email"></i> {{ $row->userEmail }}<br>
                            @isset($row->userCel)
                                <i class="mdi mdi-cellphone-android"></i> {{ $row->userCel }}
                            @endisset

                        </div>

                        <div class="d-flex justify-content-end col-6 pr-1" id="{{$row->idUser}}">
                            @if($row->idUser !==$id_user_card)

                                <div class="msg-assistant">
                                    <div>
                                        <button type="button" value="{{$row->idUser}}" title="Auxiliar de vendas"
                                                class="btn-assistant btn waves-effect waves-light btn-outline-themecolor btn-negociacao">
                                            <i class=" mdi mdi-account-tie-outline "></i>
                                        </button>
                                        <small style="display: table-caption;">Auxiliar</small>
                                    </div>
                                </div>

                                <div style="display: none;" class="msg-assistant-save">
                                    <div>
                                        <button type="button"
                                                data-value="{{ Crypt::encrypt($row->idUser)}}"
                                                value="{{$row->idUser}}"
                                                title="Auxiliar de vendas"
                                                class="btn-assistant-save btn waves-effect waves-light btn btn-primary btn-negociacao ">
                                            <i class="ti-save"></i>
                                        </button>
                                        <small style="display: table-caption;"> Salvar</small>
                                    </div>
                                </div>
                            @else
                                <small class="text-muted d-flex align-items-center justify-content-center">
                                    Selecionado
                                </small>

                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
            <input type="hidden" id="idNegotiationModal" name="idNegotiationModal" value="{{$id_negotiation}}">
        </div>


        <!-- ./ Content  -->
    </div>
    <!--  button   -->
    <div class="modal-footer clear">
        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fechar</button>
    </div>
    <!-- ./ button  -->

</div>
<div id="destinationSellerModal"></div>
<!-- ./ body  -->

{{--@include('system-layouts.footer-plugin-table')--}}
{{--vendedor de origem--}}

<script>

    $("#searchInput").on("keyup", function () {

        var value = $(this).val().toLowerCase();
        if ((value.length != 2) || (value.length == 0)) {
            $(".card-search .card-search-filter").filter(function () {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        }
    });

    $('.btn-assistant').click(function () {

        $('.msg-assistant').css('display', 'flex');
        $('.msg-assistant-save').css('display', 'none');
        $('#btnRemoveAssistant').show();
        $('#btnRemoveAssistantSave').hide();


        $('#' + $(this).val() + ' .msg-assistant').css('display', 'none');
        $('#' + $(this).val() + ' .msg-assistant-save').css('display', 'flex');

    });
    $('.btn-assistant-save').click(function () {

        var data_value = $(this).attr('data-value');
        $('#' + $(this).val()).html('<div class="spinner-border" style="margin-right:30px " role="status" >    <span class="sr-only">Loading...</span></div>');
        setTimeout(function () {
            $("#modalExtraLarge").modal('hide');
        }, 800);


        oziLoadData(data = {
            ldDestiny: 'destinationSellerModal',
            ldUrl: '{{ url('/negotiation/sellersalesassistant-select')}}',
            ldCatchItenName: [
                '_token',
                'idNegotiationModal',
                'idSeller:' + data_value,
            ],
        });

    });

    $('#btnRemoveAssistant').click(function () {

        var data_value = $(this).attr('data-value');
        $('.msg-assistant').css('display', 'ruby');
        $('.msg-assistant-save').css('display', 'none');
        $('#btnRemoveAssistant').hide();
        $('#btnRemoveAssistantSave').show();

    });

    $('#btnRemoveAssistantSave').click(function () {

        var data_value = $(this).attr('data-value');

        $('#btnRemove').html('<div class="spinner-border" style="margin-right:30px " role="status" >    <span class="sr-only">Loading...</span></div>');

        setTimeout(function () {
            $("#modalExtraLarge").modal('hide');
        }, 800);

        oziLoadData(data = {
            ldDestiny: 'destinationSellerModal',
            ldUrl: '{{ url('/negotiation/sellersalesassistant-select')}}',
            ldCatchItenName: [
                '_token',
                'idNegotiationModal',
                'idSeller:{{ Crypt::encrypt(null)}}',
            ],
        });

    });
</script>