@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.vendors') }} @endsection
@section('heading') {{ __('common.vendors') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
<link rel="stylesheet" href="{{ asset('assets/css/card.css')  }}">
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card card-secondary">
                <div class="card-header" style="background-color: {{config('custom.background')}}" >
                    <div class="row">
                        <div class="col-8">
                            <h3 class="card-title p-2">{{ __('common.fetured_list') }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($vendors as $vendor)
                <div class="col-4">
                <div class="card" style="width:352px;margin-left: 40px" >
                    <div class="card-image">
                        <img src="{{url($vendor->user->profileImage)}}" height="200" width="100%">
                    </div>
                    <div class="card-text">
                        <span class="date">{{$vendor->user->address}}</span>
                        <h2>{{$vendor->user->name}} </h2>
                        <p class="text">placeat possimus? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque quas
                            quod perferendis repellat, quo ipsa harum aliquid!</p>
                    </div>
                    <div class="card-stats">
                        <div class="stat">
                            <div class="value">4m</div>
                            <div class="type">read</div>
                        </div>

                        <div class="stat">
                            <div class="value">5123</div>
                            <div class="type">views</div>
                        </div>

                        <div class="stat">
                            <div class="value">32</div>
                            <div class="type">comments</div>
                        </div>
                    </div>
                </div>
                </div>
            @endforeach
            {{$vendors->links()}}
        </div>
    </div>
@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush