@php
    $formName = $name ?? 'formID';
    $modalTitle = $edit . (config('app.locale') == 'en' ? ' ' : '') . $title;
@endphp
<div class="member-profile-wrapper" x-data="{ show{{ $name }}: false }">
    <div class="member-profile-title">
        <p>
            {{ $title }}
            <span class="hidden sm:inline-block">:</span>
        </p>
    </div>
    <div class="member-profile-detail">
        <p>
            @if (!empty($column) && count($column) >= 2)
                @for ($i = 0; $i < count($column); $i++)
                    <span>
                        {{ $content[$i] }}
                    </span>
                @endfor
            @else
                {{ $content[0] }}
            @endif
        </p>
    </div>
    @if (!$disable)
        <div class="member-profile-action">
            <x-frontend::modal.basicmodal modalName="{{ $name ?? 'name' }}ModalEditor">
                <x-slot:modalButton>
                    <p class="tracking-wide text-13 text-right dark:text-white">{{ $edit }}</p>
                </x-slot>
                <x-slot:modalContent>
                    <p class="font-medium text-center mb-4">{{ $modalTitle }}</p>
                    <form class="mx-auto max-w-sm profile-edit-modal" id="{{ $name }}" wire:submit="save()">
                        <div class="flex flex-wrap -mx-2">
                            @if (!empty($column))
                                @php
                                    $count = count($column);
                                @endphp
                                @foreach ($column as $k => $v)
                                    <div class="{{ $count == 1 ? 'w-full' : 'w-1/2' }} px-2">
                                        <div class="com-form-basic float form-style">
                                            <input class="{{ in_array($v, ['mobile_phone', 'phone', 'fax']) ? 'tel-number' : '' }}" id="{{ $v }}" type="{{ $type ?? 'text' }}" value="{{ $data[$k] }}" placeholder="{{ __("frontend::frontend.input.{$v}_placeholder") }}" wire:model="data.{{ $k }}">
                                            <label for="{{ $v }}">
                                                {{ __("frontend::frontend.input.{$v}") }}
                                            </label>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="flex items-center justify-end gap-2">
                            <button class="button-primary-bordered text-primary" type="reset" wire:click="data_reset()" @click="{{ $name ?? 'name' }}ModalEditor = false">{{ __('frontend::livewire_lang.msg_cancel') }}</button>
                            <button class="button-primary check-input" data-form="{{ $name }}" type="submit" @click="{{ $name ?? 'name' }}ModalEditor = false; show{{ $name }}= true">{{ __('frontend::livewire_lang.msg_submit') }}</button>
                        </div>
                    </form>
                </x-slot>
                </x-frontend>
        </div>
    @endif
</div>