@extends('frontend.include.layout')

@section('content')

    <section class="product-tabs section-padding wow fadeIn animated">
        <div class="container">

            <div class="row product-grid-4">

                @foreach($actor_details as $key => $actor_detail)

                    <div class="col-lg-2 col-md-4 col-12 col-sm-6">

                        <div class="product-cart-wrap mb-30">
                            <div class="product-img-action-wrap">
                                <div class="product-img product-img-zoom">
                                    <a>
                                        <img class="default-img" src="{{ asset('actor_profile/'.$actor_detail->profile_image) }}">
                                        <img class="hover-img" src="{{ asset('actor_profile/'.$actor_detail->profile_image) }}">
                                    </a>
                                </div>

                            </div>
                            <div class="product-content-wrap">
                                <div class="row">
                                    <div class="col-md-3">ID:{{ $actor_detail->actor_id }}</div>
                                    <div class="col-md-6"><div class="rating-result" title="30%"><span><span>(0)</span></span></div></div>
                                    <div class="col-md-3"><a aria-label="Add To Favourite" class="action-btn hover-up"><i class="fi-rs-heart" style="top: 2px;position: relative;"></i> (0) </a></div>
                                </div>
                                <h2><a >{{ $actor_detail->name }}</a></h2>

                                <div class="row">
                                    <div class="col-md-8">Asset : {{ \App\Models\AssetDetails::where('userid', $actor_detail->actor_user_id)->count() }}
                                    </div>
                                    <div class="col-md-4 text-right"><i class="fi-rs-heart"></i></div>
                                </div>


                            </div>
                        </div>

                    </div>

                @endforeach

            </div>


        </div>
    </section>


@endsection