@extends('layouts.app')
@section('styles')
    @parent
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/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 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>
@endsection
@section('content')
    <div>
        <div class="row">
            <div class="col-md-12 bodycon">

                <div class="panel-body main_body">
                    <div class="main_page">
                        <div class="container">
                            <ul role="tablist" class="nav nav-tabs">
                                <li role="presentation">
                                    <a href="{{asset('/price')}}">{{trans('client.edit_image.back')}}</a>
                                </li>
                                <li role="presentation" class="active">
                                    <a href="#">{{trans('client.edit_image.edit image')}}</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content index">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- <h3>Demo:</h3> -->
                                        <div class="img-container">
                                            @if(isset($picture))
                                                <img src="{{($picture->picture)?$picture->picture:'uploader/1502341206-realism.jpg'}}"
                                                     id="image"/>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="docs-buttons">
                                        @include('templates.buttons')
                                    </div><!-- /.docs-buttons -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection