@extends('frontend::layouts.master')

@section('styles')
    <link href="{{ Module::asset('frontend:css/toast.css') }}" rel="stylesheet">
    @livewireStyles
@endsection

@section('content')
    <div class="member-profile bg-light min-vh-100 py-0">
        <div class="container-fluid">
            <div class="row">
                <x-frontend::section.sidemenu />
                <livewire:frontend::page.member-list-update type="{{ $type }}" mode="{{ $mode }}" uuid="{{ $uuid ?? '' }}" />
            </div>
        </div>
    </div>
    <livewire:frontend::components.toast />
@endsection

@section('scripts')
    @livewireScripts

    <script>
        function toggleRegInfo(element) {
            const content = element.nextElementSibling;
            const icon = element.querySelector('.toggle-icon');

            if (content.style.display === 'none') {
                content.style.display = 'block';
                icon.textContent = '▼';
            } else {
                content.style.display = 'none';
                icon.textContent = '▶';
            }
        }
    </script>
@endsection