@extends($_layout . 'master')
@section('meta.robots', 'noindex')
@section('title', $account->formConfig->title)
@include($_lib . 'register-meta')
@section('css')
    <style>
        .ml-auto{
            margin-left: auto;
        }
        .af-title{
            margin-bottom: 0;
        }
        .account-nav{
            align-content: center;
            align-items: center;
        }
    </style>
@endsection
@section('content')




    <!-- Newa area start  -->
    <div class="bd-news pt-110 pb-60 account-container">
        <div class="container small-container">
            <div class="row justify-space-between">
                <div class="col-xl-8 col-lg-12">

                    <div class="product_info-faq-area pt-50">
                        <nav class="product-details-tab">
                            <div class="nav nav-tabs account-nav" id="nav-tab">
                                <h4 class="af-title">{{ $account->formConfig->title }}</h4>
                                @foreach ($account->settings as $sk => $item)
                                    <a href="{{ route('web.account.settings', ['tab' => $item->slug]) }}" class="nav-item nav-link {{ $account->tab == $sk ? 'show active' : '' }} {{ $loop->index == 0 ? 'ml-auto' : '' }}">{{ ucfirst(str_replace('Thông tin ', '', $item->title)) }}</a>
                                @endforeach

                            </div>
                        </nav>
                    </div>



                    <div class="mt-3">

                        <form method="POST" action="{{ route('web.account.settings', ['tab' => $account->formConfig->slug]) }}" class="form">

                            <div class="dash-profile contact-form">
                                @csrf
                                @if ($message = session('message'))
                                    <div class="alert alert-success mb-3">
                                        {{ $message }}
                                    </div>
                                @elseif($error = session('error'))
                                    <div class="alert alert-danger mb-3">
                                        {{ $error }}
                                    </div>
                                @endif
                                @if ($form = $account->form)
                                                                        @foreach ($form as $input)
                                        @php
                                            if (!in_array($input->type, ['radio', 'checkbox', 'checklist'])) {
                                                $input->addClass('form-control');
                                            }
                                        @endphp
                                        <div class="inp-wrapper mb-3">
                                            <div class="label mb-1">
                                                <label for="{{ $input->id }}" class="font-light">{{ $input->label }}</label>
                                            </div>
                                            <div class="inp">
                                                {!! $input !!}
                                            </div>

                                            @if ($input->error)
                                                <div class="has-error text-danger">{{ $input->error }}</div>
                                            @endif
                                        </div>
                                    @endforeach
                                @endif
                                <div class="mt-3">
                                    <button type="submit" class="bd-fill__btn">
                                        Lưu
                                    </button>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-8 col-md-8">
                    <div class="sidebar-widget-wrapper mb-70">
                        <div class="sidebar__widget mb-30">
                            <div class="sidebar__widget-head mb-35">
                                <h4 class="sidebar__widget-title">Account Menu</h4>
                            </div>
                            <div class="sidebar__widget-content">
                                <div class="sidebar__category">
                                    <ul>
                                        @foreach ($account->settings as $sk => $item)
                                            <li><a href="{{ route('web.account.settings', ['tab' => $item->slug]) }}" class="nav-item nav-link">Cập nhật tài khoản</a></li>
                                            @break
                                        @endforeach
                                        <li>
                                            <a href="{{ route('merchant.dashboard') }}">Chi tiết thu nhập</a>
                                        </li>

                                        <li>
                                            <a href="{{ route('web.orders.manager') }}">Quản lý đơn hàng</a>
                                        </li>
                                        <li>
                                            <a href="{{ route('web.account.logout') }}">Đăng xuất tài khoản</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


@endsection