@extends('layouts.app')
@section('styles')
    @parent
    <link rel="stylesheet" type="text/css" href="{{asset('combodate.css')}}"/>
@endsection
@section('scripts')
    @parent
    <script type="text/javascript" src="{{asset('public/js/moment.min.js')}}"></script>
    <!-- Include Date Range Picker -->
    <script type="text/javascript" src="{{asset('public/js/combodate.js')}}"></script>
    <script type="text/javascript" src="{{asset('public/js/main.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">
                            <li role="presentation">
                                <a href="/">{{trans('client.main.tattoo calculator')}}</a>
                            </li>
                            <li role="presentation" class="active">
                                <a href="#">{{trans('client.price.price edit')}}</a>
                            </li>
                        </ul>
                        <div class="col-md-12">
                            <div id="styles"></div>
                        </div>
                        <form class="tab-content index" action="{{asset('order')}}" method="get">
                            {!! csrf_field() !!}
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">{{trans('client.price.category of style')}}</label>
                                    @include('includes.catalogs')
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">{{trans('client.price.width')}}</label>
                                    <select class="form-control" id="width" name="width">
                                        @for($i=1; $i<51; $i++)
                                                                                        <option id="w{{$i}}"
                                                    value="{{$a}}" {{($a==(int)$width_c) ? 'selected' : ''}}>{{$a}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group disable">
                                    <label for="exampleInputEmail1">{{trans('client.price.height')}} </label>
                                    <input type="text" class="form-control" id="height_b"
                                           value="{{(int)$height_c}}" disabled/>
                                    <input type="hidden" name="height" id="height" value="{{(int)$height_c}}"/>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="int">{{trans('client.price.width')}}: <b data_real="{{(int)$width_c}}"
                                                                                     id="width_out">{{(int)$width_c}}</b>
                                    cm <br/>
                                    {{trans('client.price.height')}}: <b data_real="{{(int)$height_c}}"
                                                                         id="height_out">{{(int)$height_c}}</b> cm
                                    <br/>
                                    {{trans('client.price.size')}}: <b
                                            id="size_out">{{(int)((int)$height_c*(int)$width_c)}}</b> cm<sup>2</sup>
                                    <br/>
                                    @if(isset($h))
                                        {{trans('client.shchedule.time of work')}}: <b id="works_hours">{{$h}}</b> h <br />
                                    @endif
                                </div>
                            </div>
                            <div class="mam_name2">
                                {{trans('client.price.total sum')}}:
                                <b id="sum">

                                    {{$sum}}
                                </b>
                                &euro;
                            </div>
                            <div class="col-md-12">
                                <p align="center">
                                    @if(isset($picture))
                                        <img src="{{($picture->picture)?$picture->picture:'uploader/1502341206-realism.jpg'}}"
                                             width="{{$width_c*38}}" height="{{$height_c*38}}" id="pic"/>
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-12 sends">
                                <input type="submit" name="send" value="{{trans('client.price.order')}}"
                                       class="btn btn-block btn-warning">
                            </div>

                            <div class="col-md-4">
                                <a href="{{asset('tattooprint?width='.(int)$width_c.'&height='.(int)$height_c)}}"
                                   id="print" target="_blank"
                                   class="btn btn-primary btn-block">{{trans('client.price.print')}}
                                </a>
                            </div>
                            <div class="col-md-4">
                                <a href="{{asset('/change')}}" id="change"
                                   class="btn btn-primary btn-block">{{trans('client.price.change')}}</a>
                            </div>
                            <div class="col-md-4">
                                <a href="{{asset('/cookieclear')}}" id="clear"
                                   class="btn btn-primary btn-block">{{trans('client.price.clear')}}</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection