@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-sm-12">
                                <div class="well">
                                    <form class="form-horizontal" role="search" id="frm_search_store">
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <div class="col-sm-12">
                                                    <label  class="control-label">Clipart Category</label>
                                                    <select class="form-control" id="sportName" name="clipart_category">
                                                        <option value="0">Select Clipart Category</option>
                                                            @foreach ($clipart_categories_array as $clipart_category)
                                                                <option value="{{ $clipart_category->Id }}" @if ($selected_clipart_category == $clipart_category->Id) selected @endif>{{ $clipart_category->CategoryName }}</option>
                                                            @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <div class="col-sm-12">
                                                    <label  class="control-label">&nbsp;</label>
                                                </div>
                                                <div class="col-sm-12">
                                                    
                                                    <button class="btn btn-primary">Filter</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                                {{-- <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>
                                                <hr style="margin-bottom: 0px !important;">
                                                
                                                <div style="margin-bottom: 10px; border-bottom: 1px solid #eee;">
                                                    <small style="color: #848484;"><b>Category:</b> <br>{{ $clipart->CategoryName }}</small>
                                                </div>
                                                <div class="clearfix">
                                                    <button data-id="{{ $clipart->Id }}" class="btn btn-danger btn-block delete-clipart"><i class="fa fa-trash"></i> Delete</button>
                                                </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