@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-final-inner">
                    <div class="calculator-final-head">
                        <div class="descr">{{ShowLabelById(250)}}</div>
                        <h1>{{$goods_item_id->itemByLang->name ?? ''}}</h1>
                    </div>
                    @if($goods_item_id->oImage && $goods_item_id->oImage->img)
                        <div class="calculator-final-image">
                            <img src="{{asset('upfiles/goods-items/'. $goods_item_id->oImage->img)}}" alt="{{$goods_item_id->itemByLang->name ?? ''}}">
                        </div>
                    @endif
                    <div class="calculator-final-form">
                        <form action="{{route('sellForm')}}" method="post" id="sell-form">
                            @csrf
                            <input type="hidden" name="goods_item_id" value="{{$goods_item_id->id}}">
                            @if(!empty($parameters) && count($parameters))
                                @foreach($parameters 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($parameters_value[$one_parameter->id]) && count($parameters_value[$one_parameter->id]))
                                                @if($one_parameter->display_status == 0)
                                                    <div class="calculator-form-cta calculator-radio">
                                                        <div class="title">{{$one_parameter->itemByLang->name ?? ''}}</div>
                                                        <ul>
                                                            @foreach($parameters_value[$one_parameter->id] 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>
                                                @else
                                                    <div class="calculator-form-cta calculator-radio calculator-form-cta--col">
                                                        <div class="calculator-status">
                                                            <div class="calculator-status-head">
                                                                <div class="title">{{$one_parameter->itemByLang->name ?? ''}}</div>
                                                                <button type="button" class="calculator-status-toggle">
                                                                    <img src="{{asset('front-assets/img/icons/question-2.svg')}}" alt="Question">
                                                                </button>
                                                                @if(!empty($all_states) && count($all_states))
                                                                    <div class="calculator-status-modal">
                                                                        <div class="quick-view-status-modal">
                                                                            <button type="button" class="calculator-status-modal-close">
                                                                                <img src="{{asset('front-assets/img/icons/close-circle.svg')}}" alt="Close-circle">
                                                                            </button>
                                                                            @foreach($all_states as $state)
                                                                                <div class="product-end-state-item">
                                                                                    <div class="product-end-state-name">({{$state->itemByLang->name ?? ''}})</div>
                                                                                    <div class="product-end-state-descr">
                                                                                        <p>{{$state->itemByLang->short_descr ?? ''}}</p>
                                                                                    </div>
                                                                                </div>
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                        <ul>
                                                            @foreach($parameters_value[$one_parameter->id] 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
                                            @endif
                                            @break
                                        @case('checkbox')
                                            @if(!empty($parameters_value[$one_parameter->id]) && count($parameters_value[$one_parameter->id]))
                                                <div class="calculator-form-cta calculator-checkbox calculator-form-cta--col">
                                                    <div class="title">{{$one_parameter->itemByLang->name ?? ''}}</div>
                                                    <ul>
                                                        @foreach($parameters_value[$one_parameter->id] 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($parameters_value[$one_parameter->id]) && count($parameters_value[$one_parameter->id]))
                                                <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($parameters_value[$one_parameter->id] 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 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_elect">{{ShowLabelById(9)}} *</label>
                                    <input type="text" id="phone_elect" name="phone">
                                </div>
                                <div class="form-item">
                                    <label for="email_elect">{{ShowLabelById(8)}} *</label>
                                    <input type="text" id="email_elect" 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_elect" 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>
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <!-- Calculator end -->
    </div>

@stop

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