<!-- Page Layout -->
<x-yas_member::layouts.account>
    <!-- Page Title -->
    <x-slot:title>
        @lang('member::app.consignment.title')
    </x-slot>

    <!-- Breadcrumbs -->
    @if ((core()->getConfigData('general.general.breadcrumbs.shop')))
        @section('breadcrumbs')
            <x-yas_member::breadcrumbs name="member.consignment" />
        @endSection
    @endif

    <div class="max-md:hidden">
        <x-yas_member::layouts.account.navigation />
    </div>

    <div class="max-1180:px-5 max-md:mt-6 max-md:px-4">
        <!-- Form Container -->
		<div class="m-auto w-full max-w-[870px]  border border-divider p-16 px-[90px] max-md:px-8 max-md:py-8 max-sm:border-none max-sm:p-0">
            <div class="flex justify-center items-center h-screen">
                <img src="{{ asset('storage/yas.png') }}" alt="YAS" class="max-w-full h-auto">
            </div>
        
			<!-- <h1 class="font-dmserif text-4xl max-md:text-3xl max-sm:text-xl text-header">
                @lang('member::app.consignment.title')
            </h1> -->
            <?php 
                $consignmentAddressData = json_decode($consignmentAddressText, true);
                $addressText = isset($consignmentAddressData[0]['options']['html']) ? $consignmentAddressData[0]['options']['html'] : null;
            ?>
			<p class="mt-4 text-xl text-zinc-500 max-sm:mt-1 max-sm:text-sm">
                <!-- @lang('member::app.consignment.about') -->
                @if (! empty($addressText))
                        @php echo html_entity_decode($addressText, ENT_QUOTES | ENT_HTML5, 'UTF-8'); @endphp
                    @endif
            </p>

            <div class="mt-14 max-sm:mt-8 text-header">
                <!-- Consignment Form -->
                <x-yas_theme::form :action="route('yas_theme.home.consignment_form.submit')" enctype="multipart/form-data">
                    <!-- Consignment No -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label >
                            @lang('member::app.consignment.consignment_no')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="consignment_no"
                            :value="$consignmentEnquiryNo"
                            :label="trans('member::app.consignment.consignment_no')"
                            :placeholder="trans('member::app.consignment.consignment_no')"
                            :aria-label="trans('member::app.consignment.consignment_no')"
                            aria-required="true"
                            readonly
                        />

                        <x-yas_theme::form.control-group.error control-name="consignment_no" />
                    </x-yas_theme::form.control-group>

                    <!-- Name -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.name')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="name"
                            rules="required|min:3|max:50"
                            :value="old('name')"
                            :label="trans('member::app.consignment.name')"
                            :placeholder="trans('member::app.consignment.name')"
                            :aria-label="trans('member::app.consignment.name')"
                            aria-required="true"
                        />

                        <x-yas_theme::form.control-group.error control-name="name" />
                    </x-yas_theme::form.control-group>

                    <!-- Email -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label>
                            @lang('member::app.consignment.email')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="email"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="email"
                            rules="email"
                            :value="old('email')"
                            :label="trans('member::app.consignment.email')"
                            :placeholder="trans('member::app.consignment.email')"
                            :aria-label="trans('member::app.consignment.email')"
                            aria-required="true"
                        />

                        <x-yas_theme::form.control-group.error control-name="email" />
                    </x-yas_theme::form.control-group> 

                    <!-- Contact -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label>
                            @lang('member::app.consignment.phone-number')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="contact"
                            rules="phone|min:8|max:12"
                            :value="old('contact')"
                            :label="trans('member::app.consignment.phone-number')"
                            :placeholder="trans('member::app.consignment.phone-number')"
                            :aria-label="trans('member::app.consignment.phone-number')"
                        />

                        <x-yas_theme::form.control-group.error control-name="contact" />
                    </x-yas_theme::form.control-group>

                    <!-- Brand old text-->
                    <!-- <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.brand')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="brand"
                            rules="required"
                            :value="old('brand')"
                            :label="trans('member::app.consignment.brand')"
                            :placeholder="trans('member::app.consignment.brand')"
                            :aria-label="trans('member::app.consignment.brand')"
                        />

                        <x-yas_theme::form.control-group.error control-name="brand" />
                    </x-yas_theme::form.control-group> -->
                    <!-- Brand old text end-->

                    <!-- Brand-->

                    <!-- Brand End-->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.brand')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="select"
                            name="brand"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            rules="required"
                            :label="trans('member::app.consignment.brand')"
                            :aria-label="trans('member::app.consignment.brand')"
                        >
                            {{-- Placeholder --}}
                            <option value="">
                                @lang('member::app.consignment.select-brand')
                            </option>

                            {{-- Brand options --}}
                            @foreach ($brands as $brand)
                                <option 
                                    value="{{ $brand->id }}"
                                    {{ old('brand') == $brand->id ? 'selected' : '' }}
                                >
                                    {{ $brand->admin_name ?? $brand->label }}
                                </option>
                            @endforeach
                        </x-yas_theme::form.control-group.control>

                        <x-yas_theme::form.control-group.error control-name="brand" />
                    </x-yas_theme::form.control-group>

                    <!-- Model -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.model')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="model"
                            rules="required"
                            :value="old('model')"
                            :label="trans('member::app.consignment.model')"
                            :placeholder="trans('member::app.consignment.model')"
                            :aria-label="trans('member::app.consignment.model')"
                        />

                        <x-yas_theme::form.control-group.error control-name="model" />
                    </x-yas_theme::form.control-group>

                    <!-- Material -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.material')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="material"
                            rules="required"
                            :value="old('material')"
                            :label="trans('member::app.consignment.material')"
                            :placeholder="trans('member::app.consignment.material')"
                            :aria-label="trans('member::app.consignment.material')"
                        />

                        <x-yas_theme::form.control-group.error control-name="material" />
                    </x-yas_theme::form.control-group>

                    <!-- Color -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.color')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="color"
                            rules="required"
                            :value="old('color')"
                            :label="trans('member::app.consignment.color')"
                            :placeholder="trans('member::app.consignment.color')"
                            :aria-label="trans('member::app.consignment.color')"
                        />

                        <x-yas_theme::form.control-group.error control-name="color" />
                    </x-yas_theme::form.control-group>

                    <!-- Hardware -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.hardware')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="hardware"
                            rules="required"
                            :value="old('hardware')"
                            :label="trans('member::app.consignment.hardware')"
                            :placeholder="trans('member::app.consignment.hardware')"
                            :aria-label="trans('member::app.consignment.hardware')"
                        />

                        <x-yas_theme::form.control-group.error control-name="hardware" />
                    </x-yas_theme::form.control-group>

                    <!-- Stamp -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.stamp')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="stamp"
                            rules="required"
                            :value="old('stamp')"
                            :label="trans('member::app.consignment.stamp')"
                            :placeholder="trans('member::app.consignment.stamp')"
                            :aria-label="trans('member::app.consignment.stamp')"
                        />

                        <x-yas_theme::form.control-group.error control-name="stamp" />
                    </x-yas_theme::form.control-group>

                    <!-- Condition -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.condition')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="condition"
                            rules="required"
                            :value="old('condition')"
                            :label="trans('member::app.consignment.condition')"
                            :placeholder="trans('member::app.consignment.condition')"
                            :aria-label="trans('member::app.consignment.condition')"
                        />

                        <x-yas_theme::form.control-group.error control-name="condition" />
                    </x-yas_theme::form.control-group>

                    <!-- price -->
                    <!-- <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label>
                            @lang('member::app.consignment.price')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="price"
                            rules="decimal"
                            :value="old('price')"
                            :label="trans('member::app.consignment.price')"
                            :placeholder="trans('member::app.consignment.price')"
                            :aria-label="trans('member::app.consignment.price')"
                        />

                        <x-yas_theme::form.control-group.error control-name="price" />
                    </x-yas_theme::form.control-group> -->
                    <x-yas_member::form.control-group>
                        <x-yas_member::form.control-group.label>
                            @lang('member::app.consignment.price')
                        </x-yas_member::form.control-group.label>

                            <!-- Input control with extra left padding (pl-20) to clear the SGD label -->
                            <x-yas_member::form.control-group.control
                                type="price"
                                name="price"
                                rules="decimal"
                                :value="old('price')"
                                :label="trans('member::app.consignment.price')"
                                placeholder=" "
                                :aria-label="trans('member::app.consignment.price')"
                            />

                        <x-yas_member::form.control-group.error control-name="price" />
                    </x-yas_member::form.control-group>

                     <!-- net_takeback_amount -->
                    <!-- <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label>
                            @lang('member::app.consignment.net_takeback_amount')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="net_takeback_amount"
                            rules="decimal"
                            :value="old('net_takeback_amount')"
                            :label="trans('member::app.consignment.net_takeback_amount')"
                            :placeholder="trans('member::app.consignment.net_takeback_amount')"
                            :aria-label="trans('member::app.consignment.net_takeback_amount')"
                        />

                        <x-yas_theme::form.control-group.error control-name="net_takeback_amount" />
                    </x-yas_theme::form.control-group> -->

                    <!-- item_type -->
                    <!-- <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.item_type')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="select"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="item_type"
                            :value="old('item_type')"
                            rules="required"
                            :label="trans('member::app.consignment.item_type')"
                            :placeholder="trans('member::app.consignment.describe-here')"
                            :aria-label="trans('member::app.consignment.item_type')"
                            aria-required="true"
                            rows="10"
                        >

                        @foreach(config('product_types') as $key => $type)
                            <option value="{{ $key }}">
                                @lang($type['name'])
                            </option>
                        @endforeach

                        </x-yas_theme::form.control-group.control>

                        <x-yas_theme::form.control-group.error control-name="item_type" />
                    </x-yas_theme::form.control-group> -->
                    

                    <!-- item_description -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.item_description')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="textarea"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="item_description"
                            :value="old('item_description')"
                            rules="required|max:500"
                            :label="trans('member::app.consignment.item_description')"
                            :placeholder="trans('member::app.consignment.describe-here')"
                            :aria-label="trans('member::app.consignment.item_description')"
                            aria-required="true"
                            rows="10"
                        />

                        <x-yas_theme::form.control-group.error control-name="item_description" />
                    </x-yas_theme::form.control-group>

                    <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="comes_with">
                    @lang('member::app.consignment.comes_with')
                    </label>
                    
                    <!-- check boxes -->
                    <div class="row mt-5 mb-5 grid max-md:grid-cols-5 grid-cols-6">
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header" style="margin-right:10px !important">
                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="b"
                                id="b"
                                for="b"
                                value="1"
                                :placeholder="trans('member::app.consignment.b')"
                                :aria-label="trans('member::app.consignment.b')"
                            />
                            
                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="b">
                            @lang('member::app.consignment.b')
                            </label>
                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="db"
                                id="db"
                                for="db"
                                value="1"
                                :placeholder="trans('member::app.consignment.db')"
                                :aria-label="trans('member::app.consignment.db')"
                            />
                            

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="db">
                            @lang('member::app.consignment.db')
                            </label>
                        
                            </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">
                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="ss"
                                id="ss"
                                for="ss"
                                value="1"
                                :placeholder="trans('member::app.consignment.ss')"
                                :aria-label="trans('member::app.consignment.ss')"
                            />
                            

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="ss">
                            @lang('member::app.consignment.ss')
                            </label>
                        
                            </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">
                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="c"
                                id="c"
                                for="c"
                                value="1"
                                :placeholder="trans('member::app.consignment.c')"
                                :aria-label="trans('member::app.consignment.c')"
                            />
                            

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="c">
                            @lang('member::app.consignment.c')
                            </label>

                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">
                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="l"
                                id="l"
                                for="l"
                                value="1"
                                :placeholder="trans('member::app.consignment.l')"
                                :aria-label="trans('member::app.consignment.l')"
                            />
                            

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="l">
                            @lang('member::app.consignment.l')
                            </label>

                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="k"
                                id="k"
                                for="k"
                                value="1"
                                :placeholder="trans('member::app.consignment.k')"
                                :aria-label="trans('member::app.consignment.k')"
                            />
                            

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="k">
                            @lang('member::app.consignment.k')
                            </label>
                            
                        </x-yas_theme::form.control-group></div>
                    
                    
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">
                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="or"
                                id="or"
                                for="or"
                                value="1"
                                :placeholder="trans('member::app.consignment.or')"
                                :aria-label="trans('member::app.consignment.or')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="or">
                            @lang('member::app.consignment.or')
                            </label>
                    
                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="cr"
                                id="cr"
                                for="cr"
                                value="1"
                                :placeholder="trans('member::app.consignment.cr')"
                                :aria-label="trans('member::app.consignment.cr')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="cr">
                            @lang('member::app.consignment.cr')
                            </label>

                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="sr"
                                id="sr"
                                for="sr"
                                value="1"
                                :placeholder="trans('member::app.consignment.sr')"
                                :aria-label="trans('member::app.consignment.sr')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="sr">
                            @lang('member::app.consignment.sr')
                            </label>

                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="cc"
                                id="cc"
                                for="cc"
                                value="1"
                                :placeholder="trans('member::app.consignment.cc')"
                                :aria-label="trans('member::app.consignment.cc')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="cc">
                            @lang('member::app.consignment.cc')
                            </label>

                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="ac"
                                id="ac"
                                for="ac"
                                value="1"
                                :placeholder="trans('member::app.consignment.ac')"
                                :aria-label="trans('member::app.consignment.ac')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="ac">
                            @lang('member::app.consignment.ac')
                            </label>
                        
                        </x-yas_theme::form.control-group></div>
                        <div class="col-2"><x-yas_theme::form.control-group class="!mb-0 flex items-center gap-2.5 text-header">

                            <x-yas_theme::form.control-group.control
                                type="checkbox"
                                name="rc"
                                id="rc"
                                for="rc"
                                value="1"
                                :placeholder="trans('member::app.consignment.rc')"
                                :aria-label="trans('member::app.consignment.rc')"
                            />

                            <label class="cursor-pointer select-none text-base text-zinc-500 max-md:text-sm max-sm:text-xs ltr:pl-0 rtl:pr-0 px-5" for="rc">
                            @lang('member::app.consignment.rc')
                            </label>
                            
                        </x-yas_theme::form.control-group></div>

                    </div>
                    

                    <!-- NRIC -->
                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label class="required">
                            @lang('member::app.consignment.nric')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="text"
                            class="px-6 py-5 max-md:py-3 max-sm:py-3.5"
                            name="nric"
                            rules="required"
                            :value="old('nric')"
                            :label="trans('member::app.consignment.nric')"
                            :placeholder="trans('member::app.consignment.nric')"
                            :aria-label="trans('member::app.consignment.nric')"
                        />

                        <x-yas_theme::form.control-group.error control-name="nric" />
                    </x-yas_theme::form.control-group>

                    <x-yas_theme::form.control-group>
                        <x-yas_theme::form.control-group.label>
                            @lang('member::app.consignment.date')
                        </x-yas_theme::form.control-group.label>

                        <x-yas_theme::form.control-group.control
                            type="date"
                            name="consignment_date"
                            rules="required"
                            readonly
                            :value="old('consignment_date')"
                            :label="trans('member::app.consignment.date')"
                            :placeholder="trans('member::app.consignment.date')"
                        />

                        <x-yas_theme::form.control-group.error control-name="consignment_date" />
                    </x-yas_theme::form.control-group>
                    
                    <!-- <x-yas_theme::form.control-group class="mt-4">
                        <x-yas_theme::form.control-group.control
                            type="image"
                            class="max-md:[&>*]:[&>*]: mb-0  !p-0 text-gray-700 max-md:grid max-md:justify-center"
                            name="images[]"
                            rules="image|imageFive"
                            :label="trans('member::app.consignment.item_description')"
                            :is-multiple="true"
                            accepted-types="image/*"
                        />

                        <x-yas_theme::form.control-group.error control-name="images[]" />
                    </x-yas_theme::form.control-group> -->

                    <!-- Recaptcha -->
                    @if (core()->getConfigData('customer.captcha.credentials.status'))
                        <div class="mb-5 flex">
                            {!! Captcha::render() !!}
                        </div>
                    @endif

                    
                    <?php 
                        $consignmentFooterData = json_decode($consignmentFooterText, true);
                        $footerText = isset($consignmentFooterData[0]['options']['html']) ? $consignmentFooterData[0]['options']['html'] : null;
                    ?>
                    <p class="mt-4 text-xl text-zinc-500 max-sm:mt-1 max-sm:text-sm">
                        <!-- @lang('member::app.consignment.about') -->
                        @if (! empty($footerText))
                                @php echo html_entity_decode($footerText, ENT_QUOTES | ENT_HTML5, 'UTF-8'); @endphp
                            @endif
                    </p>
                    

                    <!-- Submit Button -->
                    <div class="mt-8 flex flex-wrap items-center gap-9 max-sm:justify-center max-sm:text-center">
                        <button
                            class="primary-button m-0 mx-auto block w-full px-11 py-4 text-center text-base max-w-full max-md:py-3 max-sm:py-1.5 ltr:ml-0 rtl:mr-0"
                            type="submit"
                        >
                            @lang('member::app.consignment.submit')
                        </button>
                    </div>
                </x-yas_theme::form>
            </div>
		</div>
    </div>

    @push('scripts')
        {!! Captcha::renderJS() !!}

    @endpush
</x-yas_member::layouts.account>