@php
    use Illuminate\Support\Facades\Crypt;
    $option_bt_edit = isset($option_bt_edit)?$option_bt_edit:'on';
@endphp
<script>

    function editContact(id) {
        $('#sideBarOtionText' + id).fadeOut(function () {
            $('#sideBarOptionForm' + id).fadeIn();

        });
        $('#editContato' + id).fadeOut(function () {
            $('#editContatoSave' + id).fadeIn();
            $('#editcontatoBack' + id).fadeIn();


        });
        $('#delContact' + id).fadeOut();

    }

    function editContactBack(id) {
        $('#sideBarOptionForm' + id).fadeOut('800', function () {
            $('#sideBarOtionText' + id).fadeIn();

        });
        $('#editContatoSave' + id).fadeOut(function () {
            $('#editContato' + id).fadeIn();
            $('#delContact' + id).fadeIn();
        });
        $('#editcontatoBack' + id).fadeOut();

    }

    function editContactSave(id) {
        var v_spinner =
            '<div class="spinner-border" role="status">' +
            '<span class="sr-only">Loading...</span>' +
            '</div>';

        $('#optionBtn' + id).html(v_spinner);

        oziLoadData(data = {
            ldUrl: '{{asset("clientprovider/contact/edit")}}',
            ldDestinyId: 'destinationContact',
            ldCatchGroupId: ['sideBarOptionForm' + id],
            ldCatchItenName: ['_token','optionBtEdit'],
        });

    }

    function delContact(id) {
        $('#delContact' + id).hide();
        $('#editContato' + id).hide();
        $('#delContact' + id + 'Question').animate({width: '190px'});
        $('#delContact' + id + 'Question .text-contact').fadeIn();


    }

    function delContactDecline(id) {

        $('#delContact' + id + 'Question').animate({width: '0px'});
        $('#delContact' + id + 'Question .text-contact').fadeOut(function () {

        }, function () {
            $('#delContact' + id).show();
            $('#editContato' + id).show();
        });

    }

    function delContactSubmit(id) {

        var resp = loadsDataForm('#destinationHide', '{{asset("/clientprovider/contact/del")}}', '#actionNot', ['#idClientProvider', '#_token', '#idContact' + id,'#optionBtEdit']);
        if (resp == 1) {

            var resp_danger =
                '<div class="text-danger text-right"> Excluido com sucesso!</div> ';

            $('#sideBarOtion' + id).fadeOut(function () {

            }, function () {
                $('#sideBarOtion' + id).html('');
                $('#sideBarOtion' + id).fadeIn();
                $('#sideBarOtion' + id).html(resp_danger);

            });
        }
    }


</script>
<script>

    $(function () {

        $('#clientContactName').change(function () {
            var mail, cel, id, id_contact;
            $("#clientContactName option:selected").each(function () {
                id = $(this).attr('data-id');
                id_contact = $(this).attr('data-idcontact');
                mail = $(this).attr('data-email');
                cel = $(this).attr('data-cel');
            });
            //console.log(id,mail,cel)
            $('#clientId').val(id)
            $('#idContact').val(id_contact)
            $('#clientEmail').val(mail);
            $('#clientCel').val(cel);


        });

    });
    loadsDataForm('#destinationNot', '{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}', '#actionSearch', ['#_token']);

</script>
<script>
    //AUTOR: MARCOS
    telefones = document.getElementsByClassName("mask-cel-marcos");

    /* Máscaras ER */
    function mascara(o, f) {
        v_obj = o
        v_fun = f
        setTimeout("execmascara()", 1)
    }

    function execmascara() {
        v_obj.value = v_fun(v_obj.value)
    }

    function mtel(v) {
        v = v.replace(/\D/g, "");             //Remove tudo o que não é dígito
        v = v.replace(/^(\d{2})(\d)/g, "($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
        v = v.replace(/(\d)(\d{4})$/, "$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
        return v;
    }

    function telefonesMarcara() {
        for (let i = 0; i < telefones.length; i++) {
            telefones[i].addEventListener("keyup", function () {
                mascara(telefones[i], mtel)
            }, false);
            telefones[i].addEventListener("click", function () {
                mascara(telefones[i], mtel)
            }, false);
        }
    }

    telefonesMarcara();
</script>


@php
    $option_load=isset($option_load)?$option_load:null;
@endphp
@if($option_load=='on')
    <script>
        $(function () {
            var  btn_contact='';
            @if($option_bt_edit=='on')
             btn_contact =
                '<div style=" width:49px; display: inline-block">' +
                '   <button type="button" class="right-side-open btn waves-effect waves-light btn-outline-themecolor btn-negociacao " ' +
                '           title="Lista de Contatos" data-target="sidebar-right" ' +
                '           onclick="loadsDataForm(\'#sidebarRight  .content\',\'/clientprovider/contact/slidebar/{{Crypt::encrypt($id_clientprovider)}}\',\'#actionIndexNot\',[\'#_token\'])">' +
                '       <i class="mdi mdi-account-multiple"></i>' +
                '   </button>' +
                '</div>';
            @endif
            var select_contact =
                '<div style="width:calc(100% - 55px); display: inline-block; ">' +
            //    '<label class="form_descricao" for="clientName">Contato <span class="text-danger">*</span> </label>' +
                '<select class="form-control " name="clientContactName" id="clientContactName" onchange="clientContactNameSelect()">' +
                    @foreach($record_contact as $row_contact)
                        '    <option value="{{$row_contact->xName}}" @if($row_contact->idContact == $id_contact) selected="selected" @endif ' +
                '       data-id="{{Crypt::encrypt($row_contact->idClientProvider)}}" ' +
                '       data-idcontact="{{Crypt::encrypt($row_contact->idContact)}}" ' +
                '       data-email="{{$row_contact->email}}" ' +
                '       data-cel="{{$row_contact->cel}}"  >' +
                '    {{$row_contact->xName}}</option>' +
                    @php $id_contact_new = $row_contact->idContact @endphp
                            @endforeach
                '</select>' +
                '</div>';

            @php $record_contact_count =  count($record_contact); @endphp

            @if($record_contact_count==1)
            $("#idContact").val('{{ Crypt::encrypt($id_contact_new)}}');
            var msg =
                '<div class="alert alert-warning alert-rounded"> ' +
                '<i class="mdi mdi-lightbulb-on"></i> Dica: é Importante selecionar o contato principal na aba "CADASTRO" e "SALVAR"' +
                '   <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>' +
                '</div>';
            $("#desctinationMsg").html(msg);
            @endif

            var form_contact = select_contact + btn_contact;
            console.log(form_contact)
            $('#destinationClientContactName').html(form_contact);
        });
    </script>
@endif