@extends('layouts.app')
@section('styles')
    @parent
    <link rel="stylesheet" href="{{asset('/public/plugins/cropper/font/css/font-awesome.min.css')}}">
    <link rel="stylesheet" href="{{asset('/plugins/cropper/css/cropper.min.css')}}">
    <link rel="stylesheet" href="{{asset('/plugins/cropper/css/main.css')}}">
@endsection
@section('scripts')
    @parent
    <script type="text/javascript" src="{{asset('public/js/moment.min.js')}}"></script>
    <!--<script src="https://fengyuanchen.github.io/js/common.js"></script>-->
    <script src="{{asset('public/js/combodate.js')}}"></script>
    <script src="{{asset('public/js/main.js')}}"></script>
    <script src="{{asset('js/calculate.js')}}"></script>
    <script src="{{asset('plugins/cropper/js/cropper.min.js')}}"></script>
    <script src="{{asset('plugins/cropper/js/main.js')}}"></script>
    <script src="{{asset('public/js/price.js')}}"></script>
    @if($calc == true)
        <script>
            $(function () {
                $('#file_hide').hide();
                $('#asdf').show();
                $('#img_block').show();
            });
        </script>
    @endif
@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">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs nav-mama" role="tablist">
                            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                                      data-toggle="tab">{{trans('client.main.tattoo calculator')}}</a>
                            </li>
                            <li role="presentation"><a href="#services" aria-controls="calculate" role="tab"
                                                       data-toggle="tab" id="choose_service" class="all_artists cities">{{trans('client.main.services')}}</a></li>
                            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab"
                                                       data-toggle="tab" id="choose_saloon" class="all_artists cities">{{trans('client.main.salons')}}</a></li>
                            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" class="all_artists"
                                                       data-toggle="tab" id="choose_artist">{{trans('client.main.artists')}}</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="home">
                                <div class="text">
                                    <h3 class="light">
                                        {{trans('client.main.description')}}
                                    </h3>
                                    <br style="clear: both;">
                                </div>
                                <div class="main_inner">
                                    <div class="btn-group">
                                        <label class="btn btn-block btn-lg btn-warning btn-upload" for="inputImage"
                                               title="Upload image file">
                                            <input type="file" class="sr-only" id="inputImage" name="file"
                                                   accept=".jpg,.jpeg,.png,.gif,.bmp,.tiff">
                                            <span class="ttt" data-toggle="tooltip">
                                            <span class="fa fa-upload"></span>
                                                {{trans('client.calculator.tattoo calculator')}}
                                        </span>
                                        </label>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="docs-buttons" id="asdf">
                                            @include('templates.buttons')
                                        </div>
                                        <div class="img-container" id="img_block">
                                            @if(isset($picture))
                                                <img src="{{($picture->picture)?$picture->picture:'uploader/1502341206-realism.jpg'}}"
                                                     id="image"/>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div role="tabpanel" class="tab-pane" id="services">
                                @include('templates.services')
                                <br style="clear: both;">
                                <div class="text">
                                </div>
                            </div>

                            <div role="tabpanel" class="tab-pane" id="profile">
                                @include('templates.saloons', ['saloon_no'=> 1, 'artist_no'=> 1])
                            </div>
                            <div role="tabpanel" class="tab-pane" id="messages">
                                @include('templates.artists',['artist_no'=>1, 'saloon_no'=> 1])
                            </div>
                        </div>
                    </div>
                </div>
                <h2 class="hdtext">{{trans('client.main.our artists')}}</h2>
                <div class="picblock">
                    @foreach($artists as $one)
                        <div class="col-md-6 artist {{$one->name}}" id="a_{{$one->id}}">
                            <div class="clop">
                                <h2><a class="light" href="{{asset('/artist/'.$one->id)}}">{{$one->name}}</a></h2>
                                <div align="center" class="tablo">
                                <img src="{{isset($one->picture)?asset('uploads/'.$one->picture):asset('img/test.jpg')}}"
                                     align="left" class="pic_left">
                                </div>
                                <p><a class="btn btn-warning sto3"
                                      href="{{asset('orderbefore/as/?artist_id='.$one->id.'&calc=true')}}"> {{trans('client.menu_artists.order tattoo')}}</a>

                                    <a class="btn btn-primary sto3"
                                       href="{{asset('gallery/'.$one->id)}}"> {{trans('client.tattoo.gallery')}}</a>
                                </p>
                                <br style="clear:both">
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

@endsection