@extends('plugins/real-estate::themes.dashboard.layouts.master')

@section('content')
    <x-core::card>
        <x-core::card.header>
            <x-core::tab class="card-header-tabs">
                <x-core::tab.item
                    id="profile-tab"
                    :label="trans('plugins/real-estate::dashboard.sidebar_information')"
                    :is-active="$sectionTab !== 'kyc-document' ? true : false"
                />
                <x-core::tab.item
                    id="kyc-tab"
                    :label="trans('plugins/kyc-document::kyc-document.name')"
                    :is-active="$sectionTab === 'kyc-document' ? true : false"
                />
            </x-core::tab>
        </x-core::card.header>

        <x-core::card.body>
            <x-core::tab.content>
                <x-core::tab.pane id="profile-tab" :is-active="$sectionTab !== 'kyc-document' ? true : false">
                    {!! $AgentAccountForm !!}
                </x-core::tab.pane>
              
                <x-core::tab.pane id="kyc-tab" :is-active="$sectionTab === 'kyc-document' ? true : false">
                    @include('plugins/kyc-document::themes.partials.user.kyc-document-form', ['user' => $user, 'mimetypes' => $mimetypes])
                </x-core::tab.pane>
            </x-core::tab.content>
        </x-core::card.body>
    </x-core::card>
@endsection