@forelse ($employees as $item)
    <div class="col-sm-12 mb-3 timelog-user-{{ $item->id }}">
        <div class="card ticket-message rounded border">
            <div class="">
                <div class="card-body border-0 ">
                    <div class="row">
                        <div class="col-md-4">
                            <x-employee :user="$item" />
                        </div>
                        <div class="col-md-4 text-center align-self-center border-left">

                            <span class="f-w-500">
                                {{ intdiv(($item->total_minutes - $item->total_break_minutes), 60) }}
                            </span> <span class="f-12 text-dark-grey ml-1"> @lang('modules.projects.hoursLogged')</span>
                        </div>

                        <div class="col-md-3 text-center align-self-center border-left">

                            <span class="f-w-500">
                                {{ currency_formatter($item->earnings) }}
                            </span> <span class="f-12 text-dark-grey ml-1"> @lang('app.earnings')</span>
                        </div>

                        <div class="col-md-1 text-center align-self-center border-left">
                            <button class="btn btn-outline show-user-timelogs text-primary" data-user-id="{{ $item->id }}"><i
                                    class="fa fa-plus"></i></button>

                            <button class="btn btn-outline hide-user-timelogs d-none" data-user-id="{{ $item->id }}"><i
                                    class="fa fa-minus"></i></button>
                        </div>

                    </div>

                </div>

            </div>
        </div><!-- card end -->
    </div>

@empty
    <div class="col-md-12">
        <x-cards.no-record icon="user" :message="__('messages.noRecordFound')" />
    </div>
@endforelse