@forelse($list as $card)
<div class="col-sm-12 col-md-6 col-xl-6">
<div class="card-unborder card-block hme-card-hover">
    <h6>
        <span class="text-capitalize">
            {{ empty($card->recruiterProfile['first_name']) ? 'Anonymous' : $card->recruiterProfile['first_name'] }} 
            {{ empty($card->recruiterProfile['last_name']) ? '' : $card->recruiterProfile['last_name'] }}
        </span>
        <label class="label label-warning pull-right label-b-r-1 f-w-n f-14">ID:{{ empty($card->hiremee_id) ? 'Unavailable' : $card->hiremee_id }}</label>
    </h6>
    <p class="f-15">
        <i class="hiremee-call-answer light-green p-r-5 f-18"></i> {{ empty($card->mobile_number) ? 'Unavailable' : $card->mobile_number }}
    </p>
    <p class="f-15">
        <i class="hiremee-close-envelope light-green p-r-5 f-18"></i> {{ empty($card->email_address) ? 'Unavailable' : $card->email_address }}
    </p>
    <p class="f-15">
        <i class="hiremee-location light-green p-r-5 f-18"></i>
        {{ empty($card->recruiterProfile['districts']['district']) ? 'Not updated' : $card->recruiterProfile['districts']['district'] }}, {{ empty($card->recruiterProfile['relatedState']['name']) ? 'Not updated' : $card->recruiterProfile['relatedState']['name'] }}
    </p>
    <div class="row">
        <div class="col-md-4 col-xl-4">
            <div class="card-border-info">
                <p class="text-center p-t-5 f-15">
                    <i class="hiremee-search  p-r-5 f-14 text-info"></i>Searches
                </p>
                <div class="row">
                    <div class="col-md-6 text-center text-info">
                        <h5>
                            <strong id="js-corp-search_day-{{$card->hiremee_id}}" class="js-corp-search_day-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? $card->recruiterProfile->recruiterLimit->search_per_day : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Day</p>
                    </div>
                    <div class="col-md-6 text-center text-info">
                        <h5>
                            <strong id="js-corp-search_per_month-{{$card->hiremee_id}}" class="js-corp-search_per_month-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? $card->recruiterProfile->recruiterLimit->search_per_month : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Month</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-xl-4">
            <div class="card-border-light-green">
                <p class="text-center p-t-5 f-15">
                    <i class="hiremee-sent-mail  p-r-5 f-14 light-green"></i>Invites
                </p>
                <div class="row">
                    <div class="col-md-6 text-center light-green">
                        <h5>
                            <strong id="js-corp-selected_per_day-{{$card->hiremee_id}}" class="js-corp-selected_per_day-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? $card->recruiterProfile->recruiterLimit->selected_per_day : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Day</p>
                    </div>
                    <div class="col-md-6 text-center light-green">
                        <h5>
                            <strong id="js-corp-selected_per_month-{{$card->hiremee_id}}" class="js-corp-selected_per_month-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? $card->recruiterProfile->recruiterLimit->selected_per_month : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Month</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-xl-4">
            <div class="card-border-dark-grey">
                <p class="text-center p-t-5 f-15">
                    <i class="icofont icofont-ui-note  p-r-5 f-14 dark-grey"></i>Records 
                </p>
                <div class="row">
                    <div class="col-md-6 text-center dark-grey">
                        <h5>
                            <strong id="js-corp-records_per_day-{{$card->hiremee_id}}" class="js-corp-records_per_day-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? $card->recruiterProfile->recruiterLimit->records_per_day : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Day</p>
                    </div>
                    <div class="col-md-6 text-center dark-grey">
                        <h5>
                            <strong id="js-corp-records_per_month-{{$card->hiremee_id}}" class="js-corp-records_per_month-{{$card->id}}">{{$card->recruiterProfile ? ($card->recruiterProfile->recruiterLimit ? 30*($card->recruiterProfile->recruiterLimit->records_per_day) : "0") : "0"}}</strong>
                        </h5>
                        <p class="f-11 text-center">Per Month</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-md-12">
    <div class="btn-group " role="group" data-toggle="tooltip" data-placement="top" title="" data-original-title="">
        @if($card->status == 0)
        <button type="button" class="btn btn-info btn-standard f-16 disabled update-{{$card->id}}" data-id="{{$card->hiremee_id}}" > <i class="hiremee-refresh f-16"></i>Update</button>
        @else
        <button type="button" class="btn btn-info btn-standard f-16 update-{{$card->id}}" id="js-recruiter-limit-modal" data-id="{{$card->hiremee_id}}"> <i class="hiremee-refresh f-16"></i>Update</button>
        @endif
    </div>
        <div class="p-l-10">
            <div class="onoffswitch">
                <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox recruiter-status-toggle" id="{{$card->id}}" @if($card->status == 0) data-status="0" checked @else data-status="1" @endif>
                    <label class="onoffswitch-label" for="{{$card->id}}">
                        <span class="onoffswitch-inner"></span>
                        <span class="onoffswitch-switch"></span>
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
@empty
@if($type == 'remote')
<div class="col-md-12 text-center">
    <i class="hiremee-search f-100 text-93"></i>
    <h2 class="text-93">No Records Found</h2>
    <h5 class="f-w-100 text-93">Sorry! We can't find any records matching your search criteria </h5>
</div>
@elseif($type == 'base')
<div class="col-md-12 text-center">
    <i class="hiremee-search f-100 text-93"></i>
    <h2 class="text-93">No Recruiters Found</h2>
    <h5 class="f-w-100 text-93">Invite recruiters to register with HireMee</h5>
</div>
@endif
@endforelse
@if($list->hasMorePages())
<div class="col-md-12" id="loader-section">
    <div class="text-center">
        <a href="javascript:;" class="btn btn-outline-info " id="recruiter-registered-load-more" data-page='{{$list->currentPage()}}'>Load more...</a>
    </div>
</div>
@endif