@php
    $channels = seller()->user()->channels()->with('translations')->get();

    $currentChannel = core()->getRequestedChannel();

    $currentLocale = core()->getRequestedLocale();    
@endphp

<x-marketplace::seller.layouts>
    <x-slot:title>
        @lang('marketplace::app.seller.profile.index.title')
    </x-slot:title>

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

    {!! view_render_event('bagisto.seller.profile.index.before', ['seller' => $seller]) !!}

    <x-marketplace::seller.form
        action="{{ route('seller.profile.update', $seller->id) }}"
        enctype="multipart/form-data"
        method="PUT"
    >
        {!! view_render_event('bagisto.seller.profile.index.actions.before', ['seller' => $seller]) !!}

        <!-- Page Header -->
        <div class="grid gap-2.5">
            <div class="flex items-center justify-between gap-4 max-sm:flex-wrap">
                <p class="text-2xl font-medium leading-6">
                    @lang('marketplace::app.seller.profile.index.title')
                </p>

                <!-- Save Button -->
                <button
                    type="submit"
                    class="primary-button px-5 py-2.5"
                >
                    @lang('marketplace::app.seller.profile.index.save-btn')
                </button>
            </div>
        </div>

        <!-- Channel and Locale Switcher -->
        <div
            @class([
                'flex items-center justify-between space-x-4 max-md:flex-wrap mt-3.5',
                'hidden' => $channels->count() <= 1 && $currentChannel->locales->count() <= 1
            ])
        >
            <div class="flex items-center gap-x-5">
                <!-- Channel Switcher -->
                <x-shop::dropdown
                    @class([
                        '[&>*]:!rounded-xl',
                        'hidden' => $channels->count() <= 1,
                    ])
                >
                    <!-- Dropdown Toggler -->
                    <x-slot:toggle>
                        <button
                            type="button"
                            class="flex items-center gap-x-2 p-2 hover:bg-gray-100 focus:bg-gray-100 rounded-xl"
                        >
                            <span class="mp-home-icon text-2xl"></span>
                            
                            {{ $currentChannel->name }}

                            <input
                                type="hidden"
                                name="channel"
                                value="{{ $currentChannel->code }}"
                            />

                            <span class="mp-sort-by-icon text-2xl text-gray-700"></span>
                        </button>
                    </x-slot>

                    <!-- Dropdown Content -->
                    <x-slot:content class="!p-1">
                        @foreach ($channels as $channel)
                            <a
                                href="?{{ Arr::query(['channel' => $channel->code, 'locale' => $currentLocale->code]) }}"
                                class="flex cursor-pointer gap-2.5 px-5 py-2 text-base hover:bg-gray-100 rounded-xl"
                            >
                                {{ $channel->name }}
                            </a>
                        @endforeach
                    </x-slot>
                </x-shop::dropdown>

                <!-- Locale Switcher -->
                <x-shop::dropdown
                    @class([
                        '[&>*]:!rounded-xl',
                        'hidden' => $currentChannel->locales->count() <= 1,
                    ])
                >
                    <!-- Dropdown Toggler -->
                    <x-slot:toggle>
                        <button
                            type="button"
                            class="flex items-center gap-x-2 p-2 hover:bg-gray-100 focus:bg-gray-100 rounded-xl"
                        >
                            <span class="mp-language-icon text-2xl"></span>

                            {{ $currentLocale->name }}
                            
                            <input
                                type="hidden"
                                name="locale"
                                value="{{ $currentLocale->code }}"
                            />

                            <span class="mp-sort-by-icon text-2xl"></span>
                        </button>
                    </x-slot>

                    <!-- Dropdown Content -->
                    <x-slot:content class="!p-1">
                        @foreach ($currentChannel->locales->sortBy('name') as $locale)
                            <a
                                href="?{{ Arr::query(['channel' => $currentChannel->code, 'locale' => $locale->code]) }}"
                                class="flex gap-2.5 px-5 py-2 text-base cursor-pointer hover:bg-gray-100 rounded-xl"
                            >
                                {{ $locale->name }}
                            </a>
                        @endforeach
                    </x-slot>
                </x-shop::dropdown>
            </div>
        </div>

        {!! view_render_event('bagisto.seller.profile.index.actions.after', ['seller' => $seller]) !!}

        @include('marketplace::seller.profile.index.banner-section')

        {!! view_render_event('bagisto.seller.profile.index.form.before', ['seller' => $seller]) !!}

        <div class="mt-8 flex gap-8 max-xl:flex-wrap">
            @php
                $groupedColumns = $attributeGroups->groupBy('column');

                $isSingleColumn = $groupedColumns->count() !== 2;
            @endphp

            @foreach ($groupedColumns as $column => $groups)
                {!! view_render_event("bagisto.seller.profile.index.form.column_{$column}.before", ['seller' => $seller]) !!}

                <div class="flex flex-col gap-8 {{ $column == 1 ? 'flex-1 max-xl:flex-auto' : 'w-[360px] max-w-full max-sm:w-full' }}">
                    @foreach ($groups as $group)
                        @php
                            $customAttributes = $group->custom_attributes->filter(function ($attribute) {
                                return $attribute->is_visible_on_profile;
                            });

                            if (! (bool) core()->getConfigData('marketplace.settings.seller.enable_minimum_order_amount')) {
                                $customAttributes = $customAttributes->filter(function ($attribute) {
                                    return $attribute->code !== 'min_order_amount';
                                });
                            }
                        @endphp

                        @if ($customAttributes->isNotEmpty())
                            {!! view_render_event("bagisto.seller.profile.index.form.{$group->code}.before", ['seller' => $seller]) !!}

                            <div class="rounded-xl border bg-white p-5">
                                <p class="mb-4 text-base font-semibold text-gray-800">
                                    {{ $group->name }}
                                </p>

                                @if ($group->code == 'meta_description')
                                    <x-marketplace::seller.seo />
                                @endif

                                @foreach ($customAttributes as $attribute)
                                    {!! view_render_event("bagisto.seller.profile.index.form.{$group->code}.controls.before", ['seller' => $seller]) !!}
                                    
                                    <x-marketplace::seller.form.control-group>
                                        <x-marketplace::seller.form.control-group.label 
                                            class="!mt-5"
                                            for="{{ $attribute->code }}"
                                        >
                                            {!! $attribute->name . ($attribute->is_required ? '<span class="required"></span>' : '') !!}

                                            @if (
                                                $attribute->value_per_channel
                                                && $channels->count() > 1
                                            )
                                                <span class="rounded border bg-gray-100 px-1 py-0.5 text-[10px] font-semibold leading-normal text-gray-800">
                                                    {{ $currentChannel->name }}
                                                </span>
                                            @endif

                                            @if ($attribute->value_per_locale)
                                                <span class="rounded border bg-gray-100 px-1 py-0.5 text-[10px] font-semibold leading-normal text-gray-800">
                                                    {{ $currentLocale->name }}
                                                </span>
                                            @endif
                                        </x-marketplace::seller.form.control-group.label>

                                        @include ('marketplace::seller.profile.index.controls', [
                                            'attribute' => $attribute,
                                            'seller'    => $seller,
                                        ])
                                         
                                        <x-marketplace::seller.form.control-group.error :control-name="$attribute->code" />
                                    </x-marketplace::seller.form.control-group>

                                    {!! view_render_event("bagisto.seller.profile.index.form.{$group->code}.controls.after", ['seller' => $seller]) !!}
                                @endforeach
                            </div>

                            {!! view_render_event("bagisto.seller.profile.index.form.{$group->code}.after", ['seller' => $seller]) !!}
                        @endif
                    @endforeach

                    @if (
                        ! $isSingleColumn
                        && $column == 2
                    )
                        @include ('marketplace::seller.profile.index.shop-information')
                    @endif
                </div>

                @if ($isSingleColumn && ($column == 1))
                    <div class="w-[360px] max-w-full max-sm:w-full">
                        @include ('marketplace::seller.profile.index.shop-information')
                    </div>
                @endif

                {!! view_render_event("bagisto.seller.profile.index.form.column_{$column}.after", ['seller' => $seller]) !!}
            @endforeach
        </div>

        {!! view_render_event('bagisto.seller.profile.index.form.after', ['seller' => $seller]) !!}
    </x-marketplace::seller.form>   
    
    {!! view_render_event('bagisto.seller.profile.index.after', ['seller' => $seller]) !!}
</x-marketplace::seller.layouts>