@extends('form.app')

@section('styles')
    <link href="{{ asset('assets/libs/dropzone/dropzone.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
    {{-- navbar --}}
    @includeIf('member::member.form.navbar')

    
    <form class="row" id="member_frm" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="id" id="id" value="{{ $data->id ?? '0' }}">
        <div class="col-lg-9">
            <div class="tab-content">
                <div class="tab-pane active" id="info">
                    @includeIf('member::member.form.field')
                </div>
                @if (!empty($config['upload']['status']))
                    <div class="tab-pane" id="upload">
                        @includeIf('member::member.form.upload')
                    </div>
                @endif
                @if (!empty($config['tab']['address']))
                    <div class="tab-pane" id="address">
                        @includeIf('member::member.form.address')
                    </div>
                @endif
                @if (!empty($config['tab']['invoice']))
                    <div class="tab-pane" id="invoice">
                        @includeIf('member::member.form.invoice')
                    </div>
                @endif
            </div>
        </div>
        <div class="col-lg-3">
            @includeIf('member::member.form.setting')
            @includeIf('member::member.form.status')
        </div>
    </form>
@endsection

@section('scripts')
    <script>
        var $_config = $.parseJSON('null');
        console.log($_config);
    </script>

    {{ module_vite('build/mwz', 'resources/assets/js/zipcode.js') }}
    {{ module_vite('build/member', 'resources/assets/js/member.js') }}
@endsection