@php
    use App\Http\Controllers\Mod\ModClientProvider;
    use Illuminate\Support\Facades\Crypt;
    //vendedor responsavel pelo cliente
    $id_seller = $record->idUser;
    $record_client = ModClientProvider::information([
        'idUserResponsible'=>$id_seller,
        'optionList'=>'g',
        'optionListQtt'=>'a',
        ]);
@endphp
{{--@dump($record_client)--}}
{{--<small> Total de clientes: {{count($record_client)}} </small>--}}
<style>
    .select2-results__option{
        font-size: 13px;
    }
    .select2-selection__rendered{
        font-size: 14px;
        color: #444444a3;
    }
</style>
<input type="hidden" name="transferType" id="transferType" value="20">
<small>Quantidade de cliente na carteira: {{count($record_client)}}</small>
<select class="select2 form-control custom-select " style="width: 100%; height:36px;" id="tranferTypeClientSelect">
    <option value="">Selecione</option>
    @foreach($record_client as $row_client)
        <option data-value="{{$row_client->idClientProvider}}"
                value="{{Crypt::encrypt($row_client->idClientProvider)}}">{{$row_client->xName}} |
            CNPJ: {{$row_client->cnpjCpf}}</option>
    @endforeach
</select>
<div id="destinationMsnClientSelected"></div>
<div id="destinationTranferTypeClientSelected" class="scroller m-t-20 p-l-20 p-r-20" style="max-height: 120px">

</div>


@include('system-layouts.footer-plugin-addons')

<script>
    $(function () {
        $('#btnTranferTypePortfolio').addClass('btn-secondary');
        $('#btnTranferTypePortfolio').removeClass('btn-info');


        $('#btnTranferTypeClient').removeClass('btn-secondary');
        $('#btnTranferTypeClient').addClass('btn-info');
    });


    $("#tranferTypeClientSelect").change(function () {

        var str = data_val = val = '';

        $("#tranferTypeClientSelect option:selected").each(function () {
            str = $(this).text();
            val = $(this).val();
            data_val = $(this).attr('data-value');
        });
        var btn =
            '<button type="button" class="btn waves-effect waves-light btn-outline-danger font-13 btn_editar py-1 px-2 mx-0 pull-right" onclick="delLineTransfer('+data_val+')">' +
            '<i class="fa fa-times" aria-hidden="true"></i>' +
            '</button>';
        var input =
            '<input type="hidden" class="" id="idClient' + data_val + '" name="idClient[]" value="' + val + '">';
        var text =
            '<div id="' + data_val + '" class="row list-multiline analyze-client font-11" data-value="' + data_val + '" style="margin-bottom: 4px;">' +
            '   <div class="col-sm-12">' +
            input +
            str +
            btn +
            '   </div>';
        '</div>';

        if (val == '') {
            text = '';
        }

        //verificando se exite
        var comparison = '';
        var perm = 1;
        $("#destinationTranferTypeClientSelected .analyze-client").each(function () {
            comparison = $(this).attr('data-value');
            if (comparison == data_val) {
                perm = 2;
            }
        });
        if (perm == 1) {
            $('#destinationMsnClientSelected').html('');
            $("#tranferTypeClientSelect").val('');
            $('#destinationTranferTypeClientSelected').prepend(text);
            analyzeTransfer()

        } else {
            $('#destinationMsnClientSelected').html('<div class="text-center m-t-20 font-13"> <i class="mdi mdi-emoticon-sad"></i> Este <span class="text-themecolor-inverse"> Cliente já </span> foi selecionado!!!</div>')

        }
    });
    function delLineTransfer(n){
        $('#'+n).remove();

        analyzeTransfer()
    }
</script>