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

@section('content')
    {{-- <div class="container py-6 xs:py-12 md:py-16">
        <div class="text-center mx-auto relative">
            <h2 class="font-bold text-32 md:text-[40px] text-dark dark:text-white leading-7">
                Account Information
            </h2>
        </div>
    </div> --}}
    <div class="container pb-12 md:pb-16">
        <div class="flex lg:gap-6">
            {{-- <div class="lg:w-60 lg:py-6 bg-glass lg:px-2">
                <livewire:frontend::menu.member-company-sidebar active='0' />
            </div> --}}
            <div class="flex-1 p-4 lg:p-6 bg-glass">
                <div class="text-14 sm:text-16 font-semibold capitalize flex items-center lg:hidden mb-4">
                    <button class="sidebar-more-trigger">
                        <img class="lg:hidden w-7" src="{{ Module::asset('frontend:img/more.svg') }}" alt="More">
                    </button>
                </div>
                <div class="relative">
                    {{-- <div class="flex items-start flex-col md:flex-row  justify-between">
                        <div class="w-full">
                            <div class="flex items-baseline flex-wrap gap-2">
                                <h2 class="leading-4 font-bold text-18 xtn:text-24">
                                    Breitenberg Co., Ltd.
                                </h2>
                                <p class="font-normal text-14">{Branch Name}</p>
                            </div>
                            <p class="text-14 font-medium mt-2"> TAX ID : 2143565234432432</p>
                            <p class="text-14 font-medium"> 1,123 Users</p>
                            <h6 class="mt-1 md:mt-4">TEL : 0223333332</h6>
                        </div>
                        <div class="w-full mt-4 md:mt-0 text-left md:text-right">
                            <p class="text-14 font-bold"> Credit Balance</p>
                            <h2 class="font-bold text-18 xtn:text-24">
                                2,900,000
                            </h2>
                            <h6 class="mt-1 md:mt-4">Credit 150 Days</h6>
                        </div>
                    </div>
                    <hr class="my-6 border-gray-500"> --}}
                    <div class="py-1">
                        <livewire:frontend::member.member-information name="fname" type="text" title="ชื่อ-นามสกุล" :column='['ชื่อ', 'นามสกุล' ]' :content='['ณเดชณ์', 'คุกกี้มั้ยจ๊ะ' ]' />
                    </div>
                    <div class="py-1">
                        <livewire:frontend::member.member-information name="role" type="text" title="ตำแหน่ง" content="ซัปพอร์ต/ผู้ดูแลระบบ" />
                    </div>
                    <div class="py-1">
                        <livewire:frontend::member.member-information name="telephone" type="text" title="เบอร์โทรศัพท์" content="0912292223" />
                    </div>
                    <div class="py-1">
                        <livewire:frontend::member.member-information name="address" type="text" title="ที่อยู่" content="1 ฟอร์จูนทาวน์ ชั้น 22 ถ.พระราม 10 แขวงบางพลี เขตบางพลี กรุงเทพมหานคร 10400" />
                    </div>
                    <div class="py-1">
                        <livewire:frontend::member.member-information name="email" type="email" title="อีเมล" content="mail@mail.com" :disable=true />
                    </div>
                    <div class="py-1">
                        <div class="member-profile-wrapper">
                            <div class="member-profile-title">
                                <p>
                                    Password
                                    <span class="hidden sm:inline-block">:</span>
                                </p>
                            </div>
                            <div class="member-profile-detail">
                                <p>
                                    ************
                                </p>
                            </div>
                            <div class="member-profile-action">
                                <a class="tracking-wide text-13 text-right dark:text-white" href="change-password">Change Password</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection