@php($draftData = ($settlement ?? null)?->form_data ?? [])
<div class="page-heading">
    <div>
        <span class="eyebrow">پنل مدیریت فراجهش</span>
        <h1>تسویه حساب نهایی پیمانکاران</h1>
        <p>فرم FO16-44-01 را تکمیل و نسخه قابل چاپ دریافت کنید.</p>
        <a class="btn btn-outline-primary mt-2" href="{{ route('panel.settlements') }}"><i class="bi bi-folder2-open ms-1"></i>فهرست پیش‌نویس‌ها</a>
    </div>
</div>
<div id="pageContent">
    <form id="settlementForm" method="post" action="{{ route('panel.form', 'settlement') }}">
        @csrf
        <input type="hidden" name="draft_id" value="{{ $settlement?->public_id }}">
        <div class="settlement-paper" aria-label="فرم تسویه حساب نهایی پیمانکاران">
            <img class="settlement-background" src="{{ asset('assets/templates/settlement-form-background.png') }}" alt="فرم اصلی تسویه حساب نهایی پیمانکاران FO16-44-01">

            <div class="settlement-logo-mask" aria-label="لوگوی شرکت">
                <img src="{{ isset($company) && $company?->logo_path && \Illuminate\Support\Facades\Storage::disk('public')->exists($company->logo_path) ? '/storage/' . implode('/', array_map('rawurlencode', explode('/', ltrim($company->logo_path, '/')))) : '/assets/images/default-company-logo.svg' }}" alt="لوگوی {{ data_get($company ?? null, 'company_name') ?: 'شرکت' }}" onerror="this.onerror=null;this.src='/assets/images/default-company-logo.svg'">
            </div>
            <label class="settlement-field settlement-code-field" style="left:76.3%;top:4.15%;width:13.8%;height:4.55%">
                <span class="visually-hidden">کد فرم</span><input name="formCode" type="text" value="{{ $draftData['formCode'] ?? 'FO16-44-01' }}" aria-label="کد فرم" autocomplete="off">
            </label>

            <label class="settlement-field settlement-date-field" style="left:8.65%;top:12.35%;width:15.55%;height:1.75%">
                <span class="visually-hidden">تاریخ</span><input name="date" type="text" value="{{ $draftData['date'] ?? '' }}" aria-label="تاریخ" autocomplete="off">
            </label>
            <label class="settlement-field settlement-number-field" style="left:8.65%;top:14.75%;width:15.55%;height:1.75%">
                <span class="visually-hidden">شماره فرم</span><input name="number" type="text" value="{{ $draftData['number'] ?? '' }}" aria-label="شماره فرم" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:49%;top:18.75%;width:25.7%;height:1.9%">
                <span class="visually-hidden">نام شرکت</span><input name="company" type="text" value="{{ $draftData['company'] ?? '' }}" aria-label="نام شرکت" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:24%;top:18.75%;width:11.6%;height:1.9%">
                <span class="visually-hidden">شماره قرارداد</span><input name="contract" type="text" value="{{ $draftData['contract'] ?? '' }}" aria-label="شماره قرارداد" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:55.7%;top:21.75%;width:23%;height:1.9%">
                <span class="visually-hidden">موضوع قرارداد</span><input name="subject" type="text" value="{{ $draftData['subject'] ?? '' }}" aria-label="موضوع قرارداد" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:36.3%;top:21.75%;width:11.7%;height:1.9%">
                <span class="visually-hidden">تاریخ شروع</span><input name="start" type="text" value="{{ $draftData['start'] ?? '' }}" aria-label="تاریخ شروع" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:18.4%;top:21.75%;width:9.9%;height:1.9%">
                <span class="visually-hidden">تاریخ پایان</span><input name="end" type="text" value="{{ $draftData['end'] ?? '' }}" aria-label="تاریخ پایان" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:65.8%;top:24.75%;width:14.3%;height:1.9%">
                <span class="visually-hidden">مبلغ قرارداد</span><input name="contractAmount" type="text" value="{{ $draftData['contractAmount'] ?? '' }}" aria-label="مبلغ قرارداد" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:38.5%;top:24.75%;width:14.2%;height:1.9%">
                <span class="visually-hidden">مبلغ کارکرد</span><input name="workAmount" type="text" value="{{ $draftData['workAmount'] ?? '' }}" aria-label="مبلغ کارکرد" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:47.7%;top:30.25%;width:10.5%;height:1.9%">
                <span class="visually-hidden">شعبه تأمین اجتماعی</span><input name="branch" type="text" value="{{ $draftData['branch'] ?? '' }}" aria-label="شعبه تأمین اجتماعی" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:24.6%;top:30.25%;width:15%;height:1.9%">
                <span class="visually-hidden">کد کارگاهی</span><input name="workshop" type="text" value="{{ $draftData['workshop'] ?? '' }}" aria-label="کد کارگاهی" autocomplete="off">
            </label>
            <label class="settlement-field" style="left:70.5%;top:33.2%;width:9.8%;height:1.9%">
                <span class="visually-hidden">شماره ردیف پیمان</span><input name="rowNum" type="text" value="{{ $draftData['rowNum'] ?? '' }}" aria-label="شماره ردیف پیمان" autocomplete="off">
            </label>

            <label class="settlement-check" style="left:28.18%;top:46.65%" title="تأیید فهرست ماشین‌آلات">
                <input type="radio" name="equipmentApproved" value="1" aria-label="فهرست ماشین‌آلات تأیید می‌شود" @checked((string)($draftData['equipmentApproved'] ?? '') === '1')>
            </label>
            <label class="settlement-check" style="left:57.25%;top:48.78%" title="عدم تأیید فهرست ماشین‌آلات">
                <input type="radio" name="equipmentApproved" value="0" aria-label="فهرست ماشین‌آلات تأیید نمی‌شود" @checked((string)($draftData['equipmentApproved'] ?? '') === '0')>
            </label>
            <label class="settlement-check" style="left:60.8%;top:54.98%" title="تأیید فهرست نفرات">
                <input type="radio" name="staffApproved" value="1" aria-label="فهرست نفرات تأیید می‌شود" @checked((string)($draftData['staffApproved'] ?? '') === '1')>
            </label>
            <label class="settlement-check" style="left:50.3%;top:54.98%" title="عدم تأیید فهرست نفرات">
                <input type="radio" name="staffApproved" value="0" aria-label="فهرست نفرات تأیید نمی‌شود" @checked((string)($draftData['staffApproved'] ?? '') === '0')>
            </label>
            <label class="settlement-check" style="left:41.35%;top:60.25%" title="تأیید پیمانکاران فرعی">
                <input type="radio" name="subcontractorsApproved" value="1" aria-label="پیمانکاران فرعی تأیید می‌شوند" @checked((string)($draftData['subcontractorsApproved'] ?? '') === '1')>
            </label>
            <label class="settlement-check" style="left:33.25%;top:60.25%" title="عدم تأیید پیمانکاران فرعی">
                <input type="radio" name="subcontractorsApproved" value="0" aria-label="پیمانکاران فرعی تأیید نمی‌شوند" @checked((string)($draftData['subcontractorsApproved'] ?? '') === '0')>
            </label>
            <label class="settlement-field" style="left:32.3%;top:82.55%;width:8.5%;height:1.9%">
                <span class="visually-hidden">شماره معرفی‌نامه</span><input name="referralNumber" type="text" value="{{ $draftData['referralNumber'] ?? '' }}" aria-label="شماره معرفی‌نامه بیمه" autocomplete="off">
            </label>
        </div>
        <div class="form-actions">
            <button class="btn btn-outline-primary" id="saveSettlement" type="button">ذخیره پیش‌نویس</button>
            <button class="btn btn-primary" id="printSettlement" type="button"><i class="bi bi-printer ms-1"></i>چاپ / ذخیره PDF</button>
        </div>
    </form>
</div>