@extends('layouts.master')

@section('title', 'User Cards')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb')
    <div class="header-logo-wrapper col-auto">
        <div class="logo-wrapper"><a href="{{ route('admin.dashboard') }}"><img class="img-fluid for-light"
                    src="{{ asset('assets/images/logo/logo.png') }}" alt="" /><img class="img-fluid for-dark"
                    src="{{ asset('assets/images/logo/logo_light.png') }}" alt="" /></a></div>
    </div>
    <div class="col-4 col-xl-4 page-title">
        <h4 class="f-w-700">User Cards</h4>
        <nav>
            <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <i data-feather="home"> </i></a></li>
                <li class="breadcrumb-item f-w-400">Users</li>
                <li class="breadcrumb-item f-w-400 active">User Cards</li>
            </ol>
        </nav>
    </div>
@endsection

@section('main_content')
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img src="{{ asset('assets/images/other-images/profile.png') }}"
                                    alt="profile">
                            </div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Brooklyn Simmons</a></h5><span
                                class="f-light">@brookly.simmons</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">1,908</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">34.0k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">897</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid" src="{{ asset('assets/images/avtar/3.jpg') }}"
                                    alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Mark Jecno</a></h5><span
                                class="f-light">@mark.jeco</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">875</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">12.0k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">1400</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid"
                                    src="{{ asset('assets/images/avtar/11.jpg') }}" alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Dev John</a></h5><span
                                class="f-light">@john.dev</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a>
                                </li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">1,274</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">15.0k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">1874</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid"
                                    src="{{ asset('assets/images/avtar/16.jpg') }}" alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Johan Deo</a></h5><span
                                class="f-light">@deo.johan</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">500</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">8.0k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">570</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid" src="{{ asset('assets/images/user/7.jpg') }}"
                                    alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Douglas Reichel</a></h5><span
                                class="f-light">@reichel.douglas</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">460</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">2k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">350</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid"
                                    src="{{ asset('assets/images/avtar/4.jpg') }}" alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Lisa lillian</a></h5><span
                                class="f-light">@lisa.lillian</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">547</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">3.5k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">822</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid" src="{{ asset('assets/images/user/1.jpg') }}"
                                    alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Olivia rose</a></h5><span
                                class="f-light">@rose.olivia</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">868</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">1k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">742</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-sm-6 col-xxl-3 col-ed-4 box-col-4">
                <div class="card social-profile">
                    <div class="card-body">
                        <div class="social-img-wrap">
                            <div class="social-img"><img class="img-fluid" src="{{ asset('assets/images/user/2.png') }}"
                                    alt="profile"></div>
                            <div class="edit-icon">
                                <svg>
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#profile-check') }}"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="social-details">
                            <h5 class="mb-1"><a href="{{ route('admin.social_app') }}">Sarah Karen</a></h5><span
                                class="f-light">@karen.sarah</span>
                            <ul class="card-social">
                                <li><a href="https://www.facebook.com/" target="_blank"><i
                                            class="fa fa-facebook"></i></a></li>
                                <li><a href="https://accounts.google.com/" target="_blank"><i
                                            class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.instagram.com/" target="_blank"><i
                                            class="fa fa-instagram"></i></a></li>
                                <li><a href="https://rss.app/" target="_blank"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <ul class="social-follow">
                                <li>
                                    <h5 class="mb-0">972</h5><span class="f-light">Posts</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">2.5k</h5><span class="f-light">Followers</span>
                                </li>
                                <li>
                                    <h5 class="mb-0">864</h5><span class="f-light">Following</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection

@section('scripts')
@endsection