@extends('layouts.manager')
@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/manager_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">
                        @include('manager.includes.links')
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 bodycon">
                                    <div class="panel-body main_body">
                                        <div class="main_page">
                                            <div class="tab-content">
                                                <div role="tabpanel" class="tab-pane active" id="home">

                                                    @if(isset($client))
                                                        <div class="text">
                                                            <div class="big_div">
                                                                <h3>{{$client->name}}</h3>
                                                            </div>
                                                        </div>
                                                    @endif
                                                        <input type="hidden" id="client_id" value="{{(isset($client->id))?$client->id:0}}"/>
                                                        <div class="main_inner">
                                                            <div class="btn-group">
                                                                <label class="btn btn-block btn-lg btn-primary 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="docs-tooltip" 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">
                                                                    <img src="/uploader/1502341206-realism.jpg"
                                                                         id="image"/>
                                                                </div>
                                                            </div>
                                                        </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br style="clear:both"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection