@php
    use App\Http\Controllers\Mod\ModClientProvider;use App\Http\Controllers\Mod\ModSeller;use App\Http\Controllers\ModCronos;use Carbon\Carbon;use Illuminate\Support\Facades\Crypt;
use App\Models\Profile;
$record_seller = ModSeller::listSeller();

@endphp
@include('system-layouts.layout-head')
@include('mod-clientprovider-portfolio.title')

<style>

</style>
<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            <!--/ CONTENT END -->

            <h4 class="card-title"> Portfólio dos vendedores </h4>
            {{--            <h6 class="card-subtitle">Lista todos os registro 2</h6>--}}
            <small>Qtdd de vendedores: {{count($record_seller)}} </small>


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

            <div class="card-search">
                @foreach($record_seller as $row )
                    @php
                        $seller_select = Profile::user($row->idUser);
                    @endphp
                    <div class="row flex-row flex-wrap justify-content-around w-100 list-multiline card-search-filter pb-2 flex-row w-100">

                        <div class="col-10 row flex-row">
                            <div class="d-none d-md-block p-2">
                                @php
                                    $record_client = ModClientProvider::information([
                                    'idUserResponsible'=> $row->idUser,
                                    'optionList'=>'p',
                                ]);

                                //INTERVALO DO MES ATULA
                                $date = Carbon::now();
                                $date = $date->format('Y-m-d');
                                $date_first = ModCronos::convertDateBR(ModCronos::firstDayMonth($date));
                                $date_last = ModCronos::convertDateBR(ModCronos::lastDayMonth($date));
                                $month= ModCronos::numbersToMonth(Carbon::now()->format('m'),'pt-br');
                                $date_range = $date_first . ' 00:00 - ' . $date_last . ' 23:59';

                                $record_client_month = ModClientProvider::information([
                                        'idUserResponsible'=> $row->idUser,
                                        'optionList'=>'p',
                                        'dateRange'=> $date_range,
                                    ]);

                                $record_client_month_last = ModClientProvider::information([
                                        'idUserResponsible'=> $row->idUser,
                                        'optionList'=>'p',
                                        'dateRange'=> $date_range,
                                    ]);

                                @endphp
                                <img src="{{ $seller_select->userImgUrl }}" style="width: 40px;"
                                     alt="Seller" class="img-circle img-responsive">
                            </div>

                            <div class="d-flex flex-column col-md-6">
                                 <span>
                                     <i class="fas fa-user-tie "></i> {{ $row->userName }}
                                 </span>

                                <span class="font-11 nowrap">
                                    <i class="mdi mdi-email"></i> {{ $row->userEmail }}
                                </span>

                                @isset($row->userCel)
                                    <span class="font-11 nowrap">
                                        <i class="mdi mdi-cellphone-android"></i> {{ $row->userCel }}
                                    </span>
                                @endisset
                            </div>


                            <div class="col-md-4">
                                <div class="d-flex flex-column font-12">
                                    <span>Mês atual: {{$record_client_month->total()}}</span>
                                    <span>Mês anterior: {{$record_client_month_last->total()}}</span>
                                </div>

                                <div class="d-flex flex-row font-12">
                                    @if($record_client_month->total() > $record_client_month_last->total())
                                        <span class="text-success">  <i class="fa fa-caret-up"></i> </span>
                                        <span class=" text-success font-11"> + {{$record_client_month->total() - $record_client_month_last->total()}}</span>
                                    @elseif($record_client_month->total() < $record_client_month_last->total())
                                        <span class="text-danger"> <i class="fa fa-caret-down"></i></span>
                                        <span class=" text-danger font-11"> {{$record_client_month->total() - $record_client_month_last->total()}}</span>

                                    @else
                                        <span class="text-muted"> <i class="fa fa-stop-circle"></i></span>
                                    @endif

                                    <div>
                                            <span class="border-right text-muted p-l-10">
                                                {{$record_client->total()}}
                                            </span>

                                        <span class="text-muted font-12">
                                                <i class="mdi mdi-account "></i>
                                            </span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="btn-group col-2 d-flex justify-content-end align-items-centerToEnd"
                             role="group"
                             aria-label="Button group with nested dropdown">
                            {{--                                    @if($record_client->total()>0)--}}
                            {{--                                    <!-- TRANSFERIR -->--}}
                            {{--                                    <a class="btn btn-sm btn-secondary font-18" title="Transferir"--}}
                            {{--                                       href="{{ asset('/clientprovider-transfer')}}/{{ Crypt::encrypt($row->idUser) }}">--}}
                            {{--                                        <i class="fa fa-mail-forward font-13"></i>--}}
                            {{--                                    </a>--}}
                            {{--                                    @endif--}}
                            <div class="d-flex flex-nowrap flex-row">
                                <a class="btn btn-sm btn-secondary font-18" title="Carteira de cliente"
                                   href="{{ asset('/clientprovider/portfolio/')}}/{{ Crypt::encrypt($row->idUser) }}">
                                    <i class="mdi mdi-card-account-details font-18"></i>
                                </a>
                                <!-- EVENTO DAS TROCAR  -->

                                <button type="button"
                                        class="btn btn-sm btn-secondary font-18 right-side-open"
                                        title="Transferir"
                                        data-target="sidebar-right-medium"
                                        onclick="loadsDataForm('#sidebarRight  .content','{{url('/clientprovider-transfer/index')}}/{{ Crypt::encrypt($row->idUser) }}','#actionIndexNot',['#_token'])">
                                    <i class="mdi mdi-repeat"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>


        <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
    </div>


    <!--/ CONTENT END -->
</div>
@include('system-layouts.layout-footer')

<script>
    $(document).ready(function () {
        $("#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)
                });
            }
        });
    });
</script>