@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('sell-page') }}
            </div>
        </div>

        <!-- Calculator start -->
        <section class="calculator">
            <div class="container">
                <div class="calculator-head">
                    <h1>{{ShowLabelById(240)}}</h1>
                    <div class="descr">{{ShowLabelById(241)}}</div>
                </div>
                <form action="{{route('sellForm')}}" method="post" id="sell-form">
                    @csrf
                    <div class="calculator-metal-inner">
                        <div class="calculator-metal-cta">
                            @if(!empty($goods_subject_id->children) && count($goods_subject_id->children))
                                <div class="calculator-metal-tabs">
                                    <ul>
                                        @foreach($goods_subject_id->children as $category)
                                            <li>
                                                <input
                                                    type="radio"
                                                    id="calculator-metal-radio"
                                                    name="goods_category"
                                                    value="{{$category->itemByLang->name ?? ''}}"
                                                    onclick="openCalculatorMetal(event, 'calculator-metal-category-id-{{$category->id ?? ''}}')"
                                                    @if($subcategory && $subcategory == $category->alias) checked @elseif($loop->first) checked @endif>
                                                <label
                                                    for="calculator-metal-radio"
                                                    onclick="window.location.href='{{ url()->current() . '?subcategory=' . ($category->alias ?? '') }}';"
                                                >
                                                    {{ $category->itemByLang->name ?? '' }}
                                                </label>

                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="calculator-metal-title">{{ShowLabelById(242)}}*</div>
                            @if(!empty($goods_subject_id->children) && count($goods_subject_id->children))
                                @foreach($goods_subject_id->children as $category)
                                    <div id="calculator-metal-category-id" class="calculator-metal-category
                                        @if($subcategory)
                                            @if($subcategory == $category->alias) active @endif
                                        @else
                                            @if($loop->first) active @endif
                                        @endif
                                        ">
                                        <ul>
                                            @if(!empty($category->goodsItemsId) && count($category->goodsItemsId))
                                                @foreach($category->goodsItemsId as $subCategory)
                                                    <li>
                                                        <input
                                                            type="radio"
                                                            id="calculator-metal-category-{{$subCategory->id}}"
                                                            name="goods_item_id"
                                                            value="{{$subCategory->id}}"
                                                        >
                                                        <label for="calculator-metal-category-{{$subCategory->id}}">
                                                            @if($subCategory->oImage && $subCategory->oImage->img)
                                                                <span class="image">
                                                                    <img src="{{asset('upfiles/goods-items/'. $subCategory->oImage->img)}}" alt="{{$subCategory->itemByLang->name ?? ''}}">
                                                                </span>
                                                            @endif
                                                            <span class="text">{{$subCategory->itemByLang->name ?? ''}}</span>
                                                        </label>
                                                    </li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="calculator-metal-form
{{--                        calculator-metal-form--disabled--}}
                        ">
                            @if(!empty($goods_subject_id->children) && count($goods_subject_id->children))
                                @foreach($goods_subject_id->children as $category)
                                    <div class="calculator-metal-category-parameters" data-id="{{$category->id ?? ''}}"
                                         @if($subcategory)
                                             @if($subcategory != $category->alias)
                                                style="display: none"
                                             @endif
                                         @else
                                             @if(!$loop->first)
                                                 style="display: none"
                                             @endif
                                         @endif
                                    >
                                        @if(!empty($category->goodsParametrId) && count($category->goodsParametrId))
                                            @foreach($category->goodsParametrId as $one_parameter)
                                                @switch($one_parameter->parametr_type)
                                                    @case('input')
                                                        <div class="form-item">
                                                            <label
                                                                for="{{($one_parameter->alias ?? '') .'-'. ($one_parameter->id ?? '')}}"
                                                            >
                                                                {{$one_parameter->itemByLang->name ?? ''}}
                                                            </label>
                                                            <input
                                                                type="text"
                                                                id="{{($one_parameter->alias ?? '') .'-'. ($one_parameter->id ?? '')}}"
                                                                name="{{$one_parameter->alias ?? ''}}"
                                                            >
                                                        </div>
                                                        @break
                                                    @case('radio')
                                                        @if(!empty($one_parameter->GoodsParametrValueId) && count($one_parameter->GoodsParametrValueId))
                                                            <div class="calculator-form-cta calculator-radio">
                                                                <div class="title">{{$one_parameter->itemByLang->name ?? ''}}</div>
                                                                <ul>
                                                                    @foreach($one_parameter->GoodsParametrValueId as $one_parameter_value)
                                                                        <li>
                                                                            <input
                                                                                type="radio"
                                                                                id="{{($one_parameter->alias ?? '') . '-' . ($one_parameter_value->id ?? '')}}" name="{{$one_parameter->alias ?? ''}}"
                                                                                value="{{$one_parameter_value->id ?? ''}}"
                                                                                @if($loop->first) checked @endif
                                                                            >
                                                                            <label
                                                                                for="{{($one_parameter->alias ?? '') . '-' . ($one_parameter_value->id ?? '')}}"
                                                                            >
                                                                                {{$one_parameter_value->itemByLang->name ?? ''}}
                                                                            </label>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        @endif
                                                        @break
                                                    @case('checkbox')
                                                        @if(!empty($one_parameter->GoodsParametrValueId) && count($one_parameter->GoodsParametrValueId))
                                                            <div class="calculator-form-cta calculator-checkbox calculator-form-cta--col">
                                                                <div class="title">{{$one_parameter->itemByLang->name ?? ''}}</div>
                                                                <ul>
                                                                    @foreach($one_parameter->GoodsParametrValueId as $one_parameter_value)
                                                                        <li>
                                                                            <input
                                                                                type="checkbox"
                                                                                id="{{($one_parameter->alias ?? '') . '-' . ($one_parameter_value->id ?? '')}}"
                                                                                name="{{$one_parameter->alias ?? ''}}[]"
                                                                                value="{{$one_parameter_value->id ?? ''}}"
                                                                            >
                                                                            <label
                                                                                for="{{($one_parameter->alias ?? '') . '-' . ($one_parameter_value->id ?? '')}}"
                                                                            >
                                                                                {{$one_parameter_value->itemByLang->name ?? ''}}
                                                                            </label>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                        @endif
                                                        @break
                                                    @case('select')
                                                        @if(!empty($one_parameter->GoodsParametrValueId) && count($one_parameter->GoodsParametrValueId))
                                                            <div class="form-item">
                                                                <label
                                                                    for="{{$one_parameter->alias ?? ''}}"
                                                                >
                                                                    {{$one_parameter->itemByLang->name ?? ''}}
                                                                </label>
                                                                <select id="{{$one_parameter->alias ?? ''}}" name="{{$one_parameter->alias ?? ''}}">
                                                                    <option value="" hidden>{{ShowLabelById(243)}}</option>
                                                                    @foreach($one_parameter->GoodsParametrValueId as $one_parameter_value)
                                                                        <option
                                                                            value="{{$one_parameter_value->id ?? ''}}"
                                                                        >
                                                                            {{$one_parameter_value->itemByLang->name ?? ''}}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        @endif
                                                        @break
                                                    @case('textarea')
                                                        <div class="form-item">
                                                            <label
                                                                for="{{($one_parameter->alias ?? '') .'-'. ($one_parameter->id ?? '')}}"
                                                            >
                                                                {{$one_parameter->itemByLang->name ?? ''}}
                                                            </label>
                                                            <textarea
                                                                id="{{($one_parameter->alias ?? '') .'-'. ($one_parameter->id ?? '')}}"
                                                                name="{{$one_parameter->alias ?? ''}}"
                                                            ></textarea>
                                                        </div>
                                                        @break
                                                @endswitch
                                            @endforeach
                                        @endif
                                    </div>
                                @endforeach
                            @endif
                            <div class="calculator-final-data">
                                <div class="form-item">
                                    <label for="name">{{ShowLabelById(6)}} *</label>
                                    <input type="text" id="name" name="name">
                                </div>
                                <div class="form-item">
                                    <label for="phone_gd">{{ShowLabelById(9)}} *</label>
                                    <input type="text" id="phone_gd" name="phone">
                                </div>
                                <div class="form-item">
                                    <label for="email_gd">{{ShowLabelById(8)}} *</label>
                                    <input type="text" id="email_gd" name="email">
                                </div>
                                @if(!empty($shops_id) && count($shops_id))
                                    <div class="form-item">
                                        <label for="shops">{{ShowLabelById(244)}} *</label>
                                        <select id="shops" name="shops">
                                            <option value="" hidden>{{ShowLabelById(245)}}</option>
                                            @foreach($shops_id as $shop)
                                                <option value="{{$shop->itemByLang->name ?? ''}}">{{$shop->itemByLang->name ?? ''}}, {{$shop->itemByLang->address}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                                <div class="captcha">
                                    <input type="hidden" name="g-recaptcha-response" id="recaptcha-sell-form">
                                </div>
                                <p class="aggreement">
                                    <label>
                                        <input id="agree-gd" name="agree" type="checkbox">
                                        <span class="aggreement-checkbox"></span>
                                        {!!ShowLabelById(13)!!}
                                    </label>
                                </p>
                            </div>
                            <div class="form-submit">
                                <button type="submit" class="button" class="button" onclick="saveForm(this)" data-form-id="sell-form">{{ShowLabelById(246)}}</button>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </section>
        <!-- Calculator end -->

    </div>

@stop

@push('other-scripts')
    <script>
        getRecaptcha('/', 'recaptcha-sell-form');
    </script>
@endpush