@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">
                {{ __('frontend::frontend.account_info') }}
            </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">
                @php
                    $menu = $data['member']['sidebar'] ?? [];
                @endphp
                <livewire:frontend::menu.member-sidebar active='0' :menuData=$menu />
            </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 xl: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">
                    @if (!empty($data['profile']->company_id))
                        <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">
                                        {{ $data['profile']->company->data_tmp->card_name ?? ($data['profile']->company->card_name ?? '') }}
                                    </h2>
                                    <p class="font-normal text-14">{{ $data['profile']->company->address_s_default->branch_name ?? '' }}</p>
                                </div>
                                <p class="text-14 font-medium mt-2">{{ __('frontend::frontend.tax') }} : {{ $data['profile']->company->tax_id ?? '' }}</p>
                                <p class="text-14 font-medium">{{ count($data['profile']->company->member) ?? '' }} {{ __('frontend::frontend.users') }}</p>
                                <h6 class="mt-1 md:mt-4">{{ __('frontend::frontend.tel') }} : {{ $data['profile']->company->data_tmp->phone ?? ($data['profile']->company->phone ?? '') }}</h6>
                            </div>
                            <div class="w-full mt-4 md:mt-0 text-left md:text-right">
                                <p class="text-14 font-bold">{{ __('frontend::frontend.credit_balance') }}</p>
                                <h2 class="font-bold text-18 xtn:text-24">
                                    {{ $data['profile']->company->balance_amount ?? '0.00' }}
                                </h2>
                                <h6 class="mt-1 md:mt-4">{{ __('frontend::frontend.credit') }} {{ $data['profile']->company->credit_terms ?? '0' }} {{ __('frontend::frontend.day') }}</h6>
                            </div>
                        </div>
                        <hr class="my-6 border-gray-500">
                    @endif
                    @php
                        $profile = $data['profile'] ?? null;
                        if (!empty($profile->company_id)) {
                            $building = $profile->data_new_address_p_default_tmp->building ?? ($profile->address_p_default->building ?? '');
                            $street_no = $profile->data_new_address_p_default_tmp->street_no ?? ($profile->address_p_default->street_no ?? '');
                            $street = $profile->data_new_address_p_default_tmp->street ?? ($profile->address_p_default->street ?? '');
                            $block = $profile->data_new_address_p_default_tmp->block ?? ($profile->address_p_default->block ?? '');
                            $city = $profile->data_new_address_p_default_tmp->city ?? ($profile->address_p_default->city ?? '');
                            $zip_code = $profile->data_new_address_p_default_tmp->zip_code ?? ($profile->address_p_default->zip_code ?? '');
                        } else {
                            $building = $profile->data_new_address_s_default_tmp->building ?? ($profile->address_s_default->building ?? '');
                            $street_no = $profile->data_new_address_s_default_tmp->street_no ?? ($profile->address_s_default->street_no ?? '');
                            $street = $profile->data_new_address_s_default_tmp->street ?? ($profile->address_s_default->street ?? '');
                            $block = $profile->data_new_address_s_default_tmp->block ?? ($profile->address_s_default->block ?? '');
                            $city = $profile->data_new_address_s_default_tmp->city ?? ($profile->address_s_default->city ?? '');
                            $zip_code = $profile->data_new_address_s_default_tmp->zip_code ?? ($profile->address_s_default->zip_code ?? '');
                        }
                        if (!empty($profile)) {
                            $inputs = [
                                ['name' => 'name', 'type' => 'text', 'title' => __('frontend::frontend.profile.company_name'), 'column' => ['card_name'], 'content' => [$profile->data_tmp->card_name ?? ($profile->card_name ?? '')]],
                                ['name' => 'phone', 'type' => 'text', 'title' => __('frontend::frontend.profile.phone'), 'column' => ['phone'], 'content' => [$profile->data_tmp->phone ?? ($profile->phone ?? '')]],
                                ['name' => 'contact_person', 'type' => 'text', 'title' => __('frontend::frontend.profile.contact_person'), 'column' => ['first_name', 'last_name'], 'content' => [$profile->data_tmp->first_name ?? ($profile->first_name ?? ''), $profile->data_tmp->last_name ?? ($profile->last_name ?? '')]],
                                ['name' => 'position', 'type' => 'text', 'title' => __('frontend::frontend.profile.position'), 'column' => ['position'], 'content' => [$profile->data_tmp->position ?? ($profile->position ?? '')]],
                                ['name' => 'name', 'type' => 'text', 'title' => __('frontend::frontend.profile.name'), 'column' => ['first_name', 'last_name'], 'content' => [$profile->data_tmp->first_name ?? ($profile->first_name ?? ''), $profile->data_tmp->last_name ?? ($profile->last_name ?? '')]],
                                ['name' => 'telephone', 'type' => 'text', 'title' => __('frontend::frontend.profile.tel'), 'column' => ['mobile_phone'], 'content' => [$profile->data_tmp->mobile_phone ?? ($profile->mobile_phone ?? '')]],
                                ['name' => 'fax', 'type' => 'text', 'title' => __('frontend::frontend.profile.fax'), 'column' => ['fax'], 'content' => [$profile->data_tmp->fax ?? ($profile->fax ?? '')]],
                                ['name' => 'address', 'type' => 'text', 'title' => __('frontend::frontend.profile.address'), 'column' => ['building', 'street_no', 'street', 'block', 'city', 'zip_code'], 'content' => [$building, $street_no, $street, $block, $city, $zip_code]],
                                ['name' => 'idcard', 'type' => 'text', 'title' => __('frontend::frontend.profile.card_id'), 'column' => ['tax_id'], 'content' => [$profile->data_tmp->tax_id ?? ($profile->tax_id ?? '')]],
                                ['name' => 'dob', 'type' => 'date', 'title' => __('frontend::frontend.profile.birthday'), 'column' => ['birthday'], 'content' => [$profile->data_tmp->birthday ?? ($profile->birthday ?? '')]],
                                ['name' => 'email', 'type' => 'email', 'title' => __('frontend::frontend.profile.email'), 'column' => ['email'], 'content' => [$profile->email], 'disable' => true],
                            ];
                        }
                        if (!empty($profile->company_id)) {
                            unset($inputs[4], $inputs[8], $inputs[9]);
                            if (empty($profile->active)) {
                                unset($inputs[0], $inputs[1]);
                            }
                        } else {
                            unset($inputs[0], $inputs[1], $inputs[2], $inputs[3], $inputs[6]);
                        }
                    @endphp
                    @foreach ($inputs as $input)
                        {{-- @if ($input['name'] == 'address')
                            <hr class="my-6 border-gray-500">
                        @endif --}}
                        <div class="py-1">
                            @php
                                $column = $input['column'] ?? [];
                                $content = $input['content'] ?? '';
                                $disable = $input['disable'] ?? false;
                            @endphp
                            <livewire:frontend::member.member-information name="{{ $input['name'] }}" type="{{ $input['type'] }}" title="{{ $input['title'] }}" :column=$column :content=$content :disable=$disable />
                        </div>
                    @endforeach
                    <div class="py-1">
                        <div class="member-profile-wrapper">
                            <div class="member-profile-title">
                                <p>
                                    {{ __('frontend::frontend.profile.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="{{ $data['change_password_link'] ?? '#' }}">
                                    {{ __('frontend::frontend.profile.change_password') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        let $_err_save_profile = '{{ __('noti.err_save_profile') ?? '' }}';
    </script>
    {{ module_vite('build-frontend', 'resources/assets/js/profile.js') }}
@endsection