@extends('admin.main')
@section('content')
<style>
    .additional-info{
        display:none;
    }
</style>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <h1>
        Cliparts
        <!-- <small>Optional description</small> -->
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url ('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="{{ url ('admin') }}"><i class="fa fa-paint-brush"></i> Designer Management</a></li>
        <li class="active">Cliparts</li>
    </ol>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header with-border">
                       <h4 class="box-title">List</h4>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            {{-- <div class="col-md-12"> --}}
                                {{-- <ul class="hide-bullets"> --}}
                                    @foreach($clipart_array as $clipart)
                                        <div class="item  col-sm-4 col-lg-3">
                                            <div class="thumbnail" style="padding: 5px;">
                                                <div class="store-logo">
                                                    <img src="{{ config('site_config.images_directory') . 'cliparts/' . $clipart->SVGFilename }}" width="100%" style="height: inherit;">
                                                </div>
                                            </div>
                                        </div>
                                        {{-- <li class="col-sm-2">
                                        <a class="thumbnail"></a>
                                        </li> --}}
                                    @endforeach
                                {{-- </ul> --}}
                            {{-- </div> --}}
                        </div>
                    </div>
                    <div class="box-footer">   
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="text-center">
                                    {{ $clipart_array->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->
</div>
@endsection