??????????????
@extends('layouts.app')
@section('styles')
    @parent
    <link type="text/css" rel="stylesheet" href="{{asset('lightslider/lightslider.css')}}"/>
@endsection
@section('scripts')
    <script type="text/javascript">
        $(document).ready(function(){
            $('#lightgallery').lightGallery();
        });
    </script>
    <script src="{{asset('lightslider/picturefill.min.js')}}"></script>
    <script src="{{asset('lightslider/lightgallery-all.min.js')}}"></script>
    <script src="{{asset('lightslider/jquery.mousewheel.min.js')}}"></script>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12 bodycon">
                <div class="panel-body main_body">
                    <div class="main_page">
                        <ul role="tablist" class="nav nav-tabs">
                            @if($artist->categories != null)
                                <li role="presentation">
                                    <a href="{{asset('bookartists')}}"> {{trans('client.menu_artists.artists')}}</a>
                                </li>
                            <li role="presentation">
                                <a href="{{asset('artist/'.$artist->id)}}">{{$artist->name}}</a>
                            </li>
                            @else
                                <li role="presentation">
                                    <a href="{{asset('bookartists?piercer=true')}}">{{trans('client.tattoo.piercers')}}</a>
                                </li>
                            @endif
                            <li role="presentation" class="active">
                                <a href="#">Gallery</a>
                            </li>
                        </ul>
                        <div class="tab-content index">
                            <div class="col-md-12">
                                <div class="demo-gallery">
                                    <ul id="lightgallery" class="list-unstyled row">
                                        @foreach($pics as $one)
                                            <li class="every_pic"
                                                data-src="{{asset('uploads/'.$one->picture)}}"
                                                data-sub-html="<h4>{{$one->name}}</h4>">
                                                <a href="">
                                                    <img class="img-responsive"
                                                         src="{{asset('uploads/thumb/'.$one->picture)}}">
                                                </a>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </