@php
    use App\Http\Controllers\Mod\ModClientProviderClass;
    use Illuminate\Support\Facades\Crypt;
    $perm=isset($perm)?$perm:1;
@endphp

{{--<pre>--}}
{{--    {{ var_dump($record) }}--}}
{{--</pre>--}}
Contatos:
<small class="m-l-5">
    @foreach($record_contact as $row)
        @php  $record_class = ModClientProviderClass::information($row->idContactClass) @endphp

        {{--            Name: <span class="font-weight-bold">{{$row->xName}} </span>  <br>--}}
        {{--            Cel.: <span class="font-weight-bold">{{$row->cel}}</span> | Dep.: <span class="font-weight-bold">{{$record_class->xName}}</span> <br>--}}
        {{--            email: <span class="font-weight-bold">{{$row->email}}</span><br>--}}
        <hr>
        <div id="sideBarOtion{{$row->idContact}}">

            <div id="sideBarOtionText{{$row->idContact}}" {{--  style="height: 115px; --}}>

                {{-- NOME --}}
                <div class="row nowrap">
                    <div class="col-3 nowrap">
                        Name:
                    </div>
                    <div class="col-9 nowrap">
                        {{$row->xName}}
                    </div>

                </div>


                {{-- CELULAR --}}
                <div class="row">
                    <div class="col-3 nowrap">
                        Cel:
                    </div>
                    <div class="col-4 nowrap">
                        {{$row->cel}}

                        @if($row->celNet == 1)
                            <a class="btn btn_editar btn_whatsapp" type="button" target="_blank"
                               href="https://web.whatsapp.com/send?phone=55{{$row->cel}}&amp;text=">
                                <i class="mdi mdi-whatsapp"></i>
                                Abrir
                            </a>
                        @endif
                    </div>


                </div>


                {{-- EMAIL --}}
                <div class="row">
                    <div class="col-3 nowrap">
                        Email:
                    </div>
                    <div class="col-5 nowrap">
                        {{$row->email}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        Dep:
                    </div>
                    <div class="col-6">
                        <span class="font-weight-bold">{{$record_class->xName}}</span>
                    </div>
                </div>
            </div>

            <div id="sideBarOptionForm{{$row->idContact}}" class="hide" style="height: 180px;">
                <div class="row m-b-5 ">
                    <div class="col-1 nowrap d-inline-flex m-t-5">
                        <i class="mdi mdi-account-multiple"></i>
                        <span class="d-none d-md-block m-l-5">Nome:</span>
                    </div>
                    <div class="col-8 m-b-10 m-l-10">
                        <input type="text" tabindex="311" class="form-control form-control-sm text-uppercase"
                               name="contactClientName"
                               id="contactClientName{{$row->idContact}}" value="{{$row->xName}}" placeholder="Nome"
                               required="">
                    </div>
                    <div>
                        <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
                           title="Insira o nome de contato do cliente."></i>
                    </div>
                </div>


                <div class="row m-b-5 ">
                    <div class="col-1 nowrap d-inline-flex m-t-5">
                        <i class="mdi mdi-cellphone-android"></i> <span class="d-none d-md-block m-l-5"> Cel:</span>
                    </div>

                    <div class="col-8 nowrap m-b-10 m-l-10">
                        <input type="text" tabindex="" class="form-control form-control-sm mask-cel-marcos "
                               maxlength="15"
                               name="contactClientCel"
                               id="contactClientCel{{$row->idContact}}" value="{{$row->cel}} " placeholder="celular"
                               required="required">

                        <div class="d-inline-flex align-items-center"
                             style="max-width: 100%;min-width: 75px; line-height: 0px; ">
                            <i class="mdi mdi-whatsapp" style="color: #28a141; font-size: 15px;"></i>

                            <input type="checkbox" id="contactClientCelNet{{$row->idContact}}"
                                   name="contactClientCelNet"
                                   style="height: 15px"
                                   @if($row->celNet == 1) checked="checked" @endif
                                   class="filled-in chk-col-cyan form-control-sm">
                            <label for="contactClientCelNet{{$row->idContact}}" class="mb-0 mt-1 ml-2"
                                   style="top: 2px;"></label>
                        </div>
                    </div>
                </div>

                <div class="row m-b-5">
                    <div class="col-1 nowrap d-inline-flex m-t-5">
                        <i class="mdi mdi-email"></i> <span class="d-none d-md-block m-l-5">Email:</span>
                    </div>
                    <div class="col-8 m-b-10 m-l-10">
                        <input type="email" tabindex="311" class="form-control form-control-sm text-lowercase"
                               name="contactClientEmail"
                               id="contactClientEmail{{$row->idContact}}" value="{{$row->email}}" placeholder="Nome"
                               required="">

                    </div>
                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
                       title="Insira o endereço de email do contato do cliente."></i>

                </div>

                <div class="row">
                    <div class="col-1 nowrap d-inline-flex m-t-5">
                        <span class="mdi mdi-badge-account"></span><span class="d-none d-md-block m-l-5">Dep:</span>
                    </div>
                    <div class="col-8 m-l-10">
                        <select class="form-control form-control-sm " tabindex="315" name="idContactClientClass"
                                id="idContactClientClass{{$row->idContact}}"
                                required>
                            <option value=""> ---</option>
                            @foreach( ModClientProviderClass::information('0') as $row_class)
                                <option value="{{$row_class->idContactClass}}"
                                        @if($row_class->idContactClass == $row->idContactClass) selected="selected" @endif >
                                    {{$row_class->xName}}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
                       title="Selecione o departamento do contato."></i>
                </div>
                <input type="hidden" name="idContact" id="idContact{{$row->idContact}}"
                       value="{{Crypt::encrypt($row->idContact)}}">
                <input type="hidden" name="idClientProvider" id="idClientProvider"
                       value="{{Crypt::encrypt($row->idClientProvider)}}">
            </div>


            <div class="row">

                <div class="col-10 d-flex justify-content-end p-2">
                    @if($perm==1)
                        <div class="d-flex justify-content-end"
                             style="display: flex; width:calc(100% - 220px); height: 35px; ">

                            <button
                                    class="btn btn-secondary btn_editar_peq font-15 btn_peq_grupo text-themecolor-inverse align-self-center"
                                    onclick="editContact('{{$row->idContact}}')"
                                    type="button" title="Editar"
                                    id="editContato{{$row->idContact}}">
                                <i class="fa fa-pencil edit"></i>
                            </button>
                            <button class="hide btn btn-secondary btn_editar_peq font-15 btn_peq_grupo text-themecolor-inverse align-self-center"
                                    onclick="editContactBack({{$row->idContact}})"
                                    type="button" title="Voltar"
                                    id="editcontatoBack{{$row->idContact}}">
                                <i class="mdi mdi-backup-restore hide" style="font-weight: 800; display: inline;"></i>

                            </button>
                            <button
                                    class=" hide btnsave btn btn-secondary btn_editar_peq font-15 btn_peq_grupo text-themecolor-inverse align-self-center"
                                    onclick="editContactSave('{{$row->idContact}}')"
                                    type="button" title="Salvar"
                                    id="editContatoSave{{$row->idContact}}">
                                <i class="ti-save"></i>
                            </button>
                            <button
                                    class="btn btndel btn-secondary btn_editar_peq font-15 btn_peq_grupo btn_deletar  align-self-center"
                                    onclick="delContact('{{$row->idContact}}')"
                                    type="button" title="Apagar"
                                    id="delContact{{$row->idContact}}">
                                <i class="mdi mdi-delete "></i>
                            </button>
                        </div>
                        <div style="  width:0px; height: 45px; display:inline-block;   "
                             id="delContact{{$row->idContact}}Question"
                             class="text-right ">
                            <div class="text-contact hide">
                                <div class="text-danger"> Quer excluir este cadastro?</div>
                                <buttonb
                                        class="btn btndel btn-secondary btn_editar_peq font-15 btn_peq_grupo btn_deletar  align-self-center"
                                        onclick="delContactSubmit({{$row->idContact}})" type="button"
                                        title="Confirmar a excluisão" id="delContact{{$row->idContact}}Submit">
                                    <i class="mdi mdi-checkbox-marked-circle"></i>
                                </buttonb>
                                <button class="hide btn btn-secondary btn_editar_peq font-15 btn_peq_grupo text-themecolor-inverse align-self-center"
                                        onclick="delContactDecline({{$row->idContact}})"
                                        type="button" title="Voltar" id="delContact{{$row->idContact}}Decline"
                                        style="display: inline-block;">
                                    <i class="mdi mdi-backup-restore hide"
                                       style="font-weight: 800; display: inline;"></i>

                                </button>


                            </div>


                        </div>
                    @else
                        <span class="text-muted"> <i class="mdi mdi-lock text-muted"></i> Somente Leitura</span>
                    @endif

                    {{--                 <span id="optionBtn{{$row->idContact}}">--}}
                    {{--                     <div style="display: flex; width:calc(100% - 220px);">--}}



                    {{--                     </div>--}}
                    {{--                     <div style="  width:190px; display: inline-block; " id="delContact{{$row->idContact}}Question"--}}
                    {{--                          class="text-right ">--}}
                    {{--
                    {{--                     </div>--}}
                    {{--                </span>--}}

                </div>
            </div>
        </div>

    @endforeach
</small>
<div class="hide" id="destinationHide"></div>
@include('mod-clientprovider.views-contact.index-load-script')