@extends('layouts.app')
@section('scripts')
    <script src="{{asset('js/piercing.js')}}"></script>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-lg-12 bodycon">
                <div class="panel-body main_body">
                    <div class="main_page">
                        <ul role="tablist" class="nav nav-tabs">
                            <li role="presentation" class="active">
                                <a href="/">{{trans('client.price.price edit')}}</a>
                            </li>
                        </ul>
                        <div class="col-lg-12">
                            <div id="styles"></div>
                        </div>

                            @foreach($objs as $one)
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <div align="center">
                                    <h2 class="pierce_label" for="piercname_{{$one->id}}">{{trans('client.piercing.'.$one->name)}}</h2>
                                    </div>
                                    <div align="center">
                                    <img src="{{asset('img/'.(app()->getLocale() == 'fr'?$one->picture_fra:$one->picture))}}" width="350px" class="img-rounded" usemap="#image-{{$one->id}}"/>
                                        {!! $one->code !!}
                                    </div>
                                    <select name="piercname_{{$one->id}}" id="piercname_{{$one->id}}" data-id="{{$one->id}}" class="form-control pierce" required>
                                        <option selected value="0">
                                              {{trans('client.piercing.choose piercing')}}
                                        </option>
                                        @foreach($one->prices()->orderBy('name')->get() as $pirc)
                                             <option value="{{$pirc->id}}" data-id="{{$one->id}}" data-price="{{$pirc->price}}" data-name="{{$pirc->name}}">
                                                 {{$pirc->name}}
                                             </option>
                                        @endforeach
                                    </select>
                                    <table class="table mam_name" id="append_price_{{$one->id}}">
                                        <tr><td><p><label>{{trans('client.piercing.name')}}</label></p></td><td><p><label>{{trans('client.price.price')}}</label></p></td><td class="action"><p><label> &nbsp; </label></p></td></tr>
                                    </table>
                                </div>
                            </div>
                            @endforeach
                        <form class="tab-content index" action="{{asset('pirecing/appointment')}}" method="get" id="form">
                            {!! csrf_field() !!}
                            <div class="col-md-12">
                                <div class="mam_name2">
                                    {{trans('client.price.total sum')}}:
                                    <b id="summa">0</b> &euro;
                                </div>
                            </div>
                            <div class="col-md-12 sends">
                                <div class="pierce_body" align="center">{{trans('client.piercing.body_big')}}</div>
                                <input type="submit" name="send" disabled id="make_apoint" value="{{trans('client.piercing.appointment')}}"
                                       class="btn btn-block btn-warning">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection