@php
    $formsOnly = $formsOnly ?? false;
    $createModal = $createModal ?? false;
    $tableColumns = $tableColumns ?? \App\Support\MisCatalog::tableColumns($module);
    $canWrite = auth()->user()->canAccessModule($module, 'create');
    $formClass = $canWrite ? 'record-form' : 'record-form read-only-form';
    $disabledAttr = $canWrite ? '' : 'disabled';
@endphp

<section class="module-workspace @if($formsOnly) forms-only-module @endif @if($createModal) create-modal-module @endif" data-module="{{ $module }}">
    <aside class="form-panel">
        <div class="section-head compact">
            <div>
                <p>ثبت معلومات</p>
                <h2>{{ $moduleLabel }}</h2>
            </div>
            @if($formsOnly && ! $createModal)
                <button class="secondary-action compact-action js-open-records-modal"
                        type="button"
                        data-module="{{ $module }}"
                        data-label="{{ $moduleLabel }}"
                        data-columns='@json($tableColumns)'>
                    <i data-lucide="table-2"></i>
                    جدول
                </button>
            @elseif(! $canWrite)
                <span class="status-pill">فقط مشاهده</span>
            @endif
        </div>

        <form class="{{ $formClass }}" data-module="{{ $module }}" enctype="multipart/form-data" autocomplete="off">
            <input type="hidden" name="module" value="{{ $module }}">
            <input type="hidden" name="_method" value="POST">
            <input type="hidden" name="record_id" value="">

            <div class="form-field">
                <label>نوع فورم</label>
                <select name="record_type" class="select2" required {{ $disabledAttr }}>
                    @foreach($recordTypes as $type)
                        <option value="{{ $type }}">{{ $type }}</option>
                    @endforeach
                </select>
                <small class="field-error" data-error="record_type"></small>
            </div>

            @foreach($fields as $field)
                @php
                    $type = $field['type'] ?? 'text';
                    $key = $field['key'];
                    $id = $module.'_'.$key;
                @endphp
                <div class="form-field @if(!empty($field['wide'])) wide @endif">
                    <label for="{{ $id }}">{{ $field['label'] }}</label>
                    @if($type === 'textarea')
                        <textarea id="{{ $id }}" name="{{ $key }}" rows="3" {{ $disabledAttr }}></textarea>
                    @elseif($type === 'currency')
                        <select id="{{ $id }}" name="{{ $key }}" class="select2" {{ $disabledAttr }}>
                            @foreach($currencies as $currency)
                                <option value="{{ $currency->code }}" @selected($currency->code === 'AFN')>{{ $currency->code }} - {{ $currency->name }}</option>
                            @endforeach
                        </select>
                    @elseif($type === 'status')
                        <select id="{{ $id }}" name="{{ $key }}" class="select2" {{ $disabledAttr }}>
                            @foreach($statuses as $status)
                                <option value="{{ $status }}">{{ $status }}</option>
                            @endforeach
                        </select>
                    @elseif($type === 'select')
                        <select id="{{ $id }}" name="{{ $key }}" class="select2" {{ $disabledAttr }}>
                            @foreach(($field['options'] ?? []) as $option)
                                <option value="{{ $option }}">{{ $option }}</option>
                            @endforeach
                        </select>
                    @elseif($type === 'file')
                        <input id="{{ $id }}" name="{{ $key }}" type="file" accept=".jpg,.jpeg,.png,.pdf,.webp" {{ $disabledAttr }}>
                    @else
                        <input id="{{ $id }}"
                               name="{{ $key }}"
                               type="{{ $type }}"
                               @if(isset($field['step'])) step="{{ $field['step'] }}" @endif
                               @if(!empty($field['readonly'])) readonly @endif
                               {{ $disabledAttr }}
                               @if($key === 'gregorian_date') value="{{ now()->toDateString() }}" @endif
                               @if($key === 'shamsi_date') data-shamsi-default="1" @endif>
                    @endif
                    <small class="field-error" data-error="{{ $key }}"></small>
                </div>
            @endforeach
        </form>

        @unless($formsOnly)
            <div class="summary-strip" data-summary-module="{{ $module }}">
                <article><span>بیلانس</span><strong data-balance-total>0</strong></article>
                <article><span>امروز</span><strong data-balance-count>0</strong></article>
                <article><span>مفاد</span><strong data-balance-profit>0</strong></article>
            </div>
        @endunless

        @if($canWrite)
            <div class="form-actions">
                <button class="secondary-action js-reset-form" type="button">
                    <i data-lucide="rotate-ccw"></i>
                    جدید
                </button>
                <button class="primary-action js-submit-form" type="button">
                    <i data-lucide="save"></i>
                    ذخیره
                </button>
            </div>
        @endif
    </aside>

    @unless($formsOnly)
        <section class="data-panel">
            <div class="listing-head">
                <div>
                    <p>جدول و جستجو</p>
                    <h3>{{ $moduleLabel }}</h3>
                </div>
                <div class="table-tools">
                    <button class="icon-btn js-toggle-table-filters" type="button" title="فیلترها" aria-expanded="false">
                        <i data-lucide="sliders-horizontal"></i>
                    </button>
                    <button class="icon-btn js-export-table" type="button" title="اکسپورت">
                        <i data-lucide="download"></i>
                    </button>
                    <button class="icon-btn js-print-table" type="button" title="چاپ جدول">
                        <i data-lucide="printer"></i>
                    </button>
                    <div class="column-menu">
                        <button class="icon-btn js-column-menu" type="button" title="نمایش ستون ها">
                            <i data-lucide="columns-3"></i>
                        </button>
                        <div class="column-menu-panel"></div>
                    </div>
                </div>
            </div>

            <div class="table-filter-bar">
                <div class="form-field">
                    <label>وضعیت</label>
                    <select class="select2 js-filter-status">
                        <option value="">همه وضعیت ها</option>
                        @foreach($statuses as $status)
                            <option value="{{ $status }}">{{ $status }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-field">
                    <label>اسعار</label>
                    <select class="select2 js-filter-currency">
                        <option value="">همه اسعار</option>
                        @foreach($currencies as $currency)
                            <option value="{{ $currency->code }}">{{ $currency->code }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-field">
                    <label>از تاریخ</label>
                    <input type="date" class="js-filter-from" title="از تاریخ">
                </div>
                <div class="form-field">
                    <label>تا تاریخ</label>
                    <input type="date" class="js-filter-to" title="تا تاریخ">
                </div>
            </div>

            <div class="table-panel">
                <table class="records-table" data-module="{{ $module }}" data-columns='@json($tableColumns)'></table>
            </div>
        </section>
    @endunless
</section>