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

@section('content')
<x-frontend::utility.memberwelcome></x-frontend>
    <div class="container pt-8">
        <div class="flex lg:gap-6 mt-6">
            <div class="lg:w-60 lg:py-6 bg-glass lg:px-2">
                <livewire:frontend::menu.seller-sidebar active='0' />
            </div>
            <div class="flex-1 p-4 lg:p-6 bg-glass ">
                <div class="flex flex-row flex-wrap sm:items-center justify-between relative">
                    <div class="text-16 font-semibold uppercase">
                        <p class="flex items-center gap-3">
                            About Store <span class="font-light text-12">|</span><span class="font-light text-12">Extremely Long Title SHOP (Thailand) </span>
                        </p>
                    </div>
                    <x-frontend::modal.basicmodal modalName="profileEdit">
                            <x-slot:modalButton>
                                <p class="tracking-wide text-13 text-right text-white">Edit</p>
                            </x-slot>
                            <x-slot:modalContent>
                                <p class="font-medium text-center mb-4">About Store</p>
                                <form action="#" class="mx-auto max-w-sm profile-edit-modal">
                                    <div class="flex flex-wrap -mx-4">
                                        <div class="w-full px-4">
                                            <textarea id="describ" rows="10" >Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita.</textarea>
                                        </div>
                                        <div class="w-full px-4 pt-4 text-right">
                                            <button type="submit" class="button-secondary w-full text-white">
                                                Submit
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </x-slot>
                        </x-frontend>
                </div>
                <div class="py-4 mt-4">
                    <div class="com-form-basic form-style ">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet harum perspiciatis fugit magni, earum dolore quidem sint ex doloribus ipsa incidunt officiis delectus nesciunt necessitatibus cumque modi odio expedita.</p>
                    </div>
                    <div class="text-editor">
                        
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection