@php
    use App\Models\Profile;
    use Illuminate\Support\Facades\Crypt;
    $profile=Profile::user();
    $id_user_select=isset($id_user_select)?$id_user_select:0;
@endphp
@include('system-layouts/layout-head')
@include('mod-clientprovider/title')


<div class="container-fluid">
    <div class="row">
        {{-- ACCESS - Elem-ID: 60 | Elem: Carteira dos vendedores | Caminho: ger\vendas\cliente-forne\carteira --}}


        <div class="col-6 d-flex justify-content-start">
            <div class="dropdown">
                <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Carteiras
                </button>

                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    @if(Profile::permElem('60')==1)

                        <a class="btn dropdown-item"
                           style="  border-radius: 10px; "
                           href="{{ asset('clientprovider/portfolio')}}">
                            <i class="mdi mdi-card-account-details font-20 text-themecolor-inverse"></i>
                            Carteira dos vendedores
                        </a>
                    @endif

                    @if($protfolio ==0)
                        <a class="btn dropdown-item"
                           href="{{ asset('clientprovider/myportfolio')}}">
                            <i class="mdi mdi-card-account-details-star font-20 text-themecolor-inverse"></i>
                            Minha Carteira
                        </a>
                    @else
                        <a class="btn dropdown-item"
                           href="{{ asset('clientprovider')}}">
                            <i class="mdi mdi-account-group font-20 text-themecolor-inverse"></i>
                            Todos os clientes
                        </a>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-6 d-flex justify-content-end">
            <a class="btn waves-effect waves-light link-themecolor btn_editar"
               href="{{ asset('clientprovider/formadd')}}">
                <i class="fa fa-plus font-18 "></i> Cliente
            </a>
        </div>
    </div>


    @if($protfolio ==1)
        @if($id_user_select === $profile->idUser)

            <div class="row">
                <div class="col-sm-12 text-left m-t-30">
                    <h3 class="text-themecolor">Minha Carteira de Cliente </h3>
                </div>
            </div>
        @else
            @php $profile_select = Profile::user($id_user_select)  @endphp
            <div class="row">
                <div class="col-sm-12 text-left m-t-30">
                    <h3 class="text-themecolor ">Carteira do Ven. <span
                                class="text-decoration-underline ">{{$profile_select->userName}}</span></h3>
                </div>
            </div>
        @endif
    @endif
    {{--    .text-decoration-underline{text-decoration:underline!important}.--}}
    <div class="row form-material m-b-40">
        <div class="col-sm-12 col-md-8">

            <div class="row" id="indexFormSearch">
                <div class="col-10">
                    <div class="btn-group w-100">
                        <input type="text" name="clientSearchString" id="clientSearchString"
                               class="form-control form-control-line m-0"
                               value="" placeholder="Pesquisar">

                        <div class="input-group-prepend">
                                <span id="clientSearchBtn" class="font-18" style="margin-top: 14px; cursor: pointer;"><i
                                            class="ti-search"></i></span>
                        </div>
                    </div>
                    <div>
                        <input class="" type="checkbox" id="nSendLeadSellerMail" name="nSendLeadSellerMail"> <label
                                for="nSendLeadSellerMail" class="text-muted">Clientes veio por Leads</label>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="m-b-20">
        Registros encontrado: <span id="recordSearch">{{$record->total()}}</span>
    </div>
    <div class="row card-search" id="indexSearch">
        @include('mod-clientprovider.index-load')
    </div>

    <div class="row">
        <div class="col-sm-3">
            <div class="input-group" id="paginatorFilter">
                <select class="form-control" id="paginatorNumber" name="paginatorNumber">
                    <option value="30">30</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                </select>
                <button type="button" class="btn waves-effect waves-light btn-secondary" id="paginatorNext" value="2">
                    <i class="fa fa-chevron-down"></i>
                </button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
<input type="hidden" name="idUser" id="idUser"
       value="@if($protfolio ==1)
                @if($id_user_select === $profile->idUser)
                    {{Crypt::encrypt($profile->idUser)}}
               @else
                    {{Crypt::encrypt($id_user_select)}}
               @endif
              @endif">


@include('system-layouts/layout-footer')
<script>
    $(document).ready(function () {
        $("#clientSearchBtn").click(function () {
            var value = $(this).val().toLowerCase();
            loadsDataForm('#indexSearch', '{{asset("clientprovider/search")}}', '#indexFormSearch', ['#_token', '#idUser']);

        });
        $('#clientSearchString').keypress(function (event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                loadsDataForm('#indexSearch', '{{asset("clientprovider/search")}}', '#indexFormSearch', ['#_token', '#idUser']);
            }
        });

        $('#paginatorNext').click(function () {
            var pag = $(this).val();

            loadsDataForm('#indexSearch', '{{url("clientprovider/search")}}?page=' + pag, '#indexFormSearch', ['#_token', '#paginatorNumber', '#idUser'], 1);

        });
    });
</script>