@extends('pdf.layouts.daily_constraints.app')

@section('title', __('Daily Constraint') . ' #' . ($header['constraint_number'] ?? ''))

@section('content')

@php
    $dir   = $direction ?? 'rtl';
    $isRtl = $dir === 'rtl';
    $start = $isRtl ? 'right' : 'left';
    $end   = $isRtl ? 'left'  : 'right';
@endphp

{{-- ══ 1. INFO CARDS (Top 3 Boxes) ══ --}}
{{-- mPDF: borders must be on <td>, not on <div> --}}
<table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
        {{-- JE NUMBER --}}
        <td width="32%" valign="top">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="border:1px solid #D1D9E6; padding:12px 14px; text-align:{{ $start }};">
                        <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px;">
                            {{ $isRtl ? 'رقم القيد' : 'JE NUMBER' }}
                        </div>
                        <div style="font-size:12px; font-weight:bold; color:#1E293B;">
                            {{ $header['constraint_number'] ?? '-' }}
                        </div>
                    </td>
                </tr>
            </table>
        </td>
        <td width="2%"></td>
        {{-- ENTRY DATE --}}
        <td width="32%" valign="top">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="border:1px solid #D1D9E6; padding:12px 14px; text-align:{{ $start }};">
                        <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px;">
                            {{ $isRtl ? 'التاريخ' : 'ENTRY DATE' }}
                        </div>
                        <div style="font-size:12px; font-weight:bold; color:#1E293B;">
                            {{ $header['date'] ?? '-' }}
                        </div>
                    </td>
                </tr>
            </table>
        </td>
        <td width="2%"></td>
        {{-- NAME --}}
        <td width="32%" valign="top">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="border:1px solid #D1D9E6; padding:12px 14px; text-align:{{ $start }};">
                        <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px;">
                            {{ $isRtl ? 'الاسم' : 'NAME' }}
                        </div>
                        <div style="font-size:12px; font-weight:bold; color:#1E293B;">
                            {{ $header['ref_number'] ?? '-' }}
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

{{-- Spacer --}}
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td style="height:15px; font-size:1px;">&nbsp;</td></tr></table>

{{-- ══ DESCRIPTION ROW ══ --}}
<table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td width="100%" valign="top">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="border:1px solid #D1D9E6; padding:12px 14px; text-align:{{ $start }};">
                        <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px;">
                            {{ $isRtl ? 'الوصف' : 'DESCRIPTION' }}
                        </div>
                        <div style="font-size:12px; font-weight:bold; color:#1E293B; line-height:1.5;">
                            {{ $header['description'] ?? '-' }}
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

{{-- spacer --}}
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td style="height:20px; font-size:1px;">&nbsp;</td></tr></table>

{{-- ══ 2. TRANSACTIONS TABLE ══ --}}
<table class="tbl" dir="{{ $dir }}">
    <thead>
        <tr>
            <th width="35%" style="text-align:{{ $start }};">{{ $isRtl ? 'اسم الحساب' : 'ACCOUNT NAME' }}</th>
            <th width="20%" style="text-align:{{ $start }};">{{ $isRtl ? 'وصف الحركة' : 'TRANSFER NAME' }}</th>
            <th width="15%" style="text-align:{{ $end }};">{{ $isRtl ? 'مدين' : 'DEBIT' }}</th>
            <th width="15%" style="text-align:{{ $end }};">{{ $isRtl ? 'دائن' : 'CREDIT' }}</th>
            <th width="15%" style="text-align:{{ $start }};">{{ $isRtl ? 'مركز التكلفة' : 'COST CENTER' }}</th>
        </tr>
    </thead>
    <tbody>
        @foreach($transactions as $line)
        <tr>
            <td style="text-align:{{ $start }};">
                <b>{{ $line['account_name'] }}</b>
                <div style="font-size:9px; color:#64748B; margin-top:2px;">{{ $line['account_number'] }}</div>
            </td>
            <td style="text-align:{{ $start }}; color:#1E293B;">
                {{ $line['transfer_name'] }}
            </td>
            <td style="text-align:{{ $end }}; color:#195FBB; font-weight:bold;">
                @if($line['is_foreign'])
                    <div style="font-size:10px; color:#64748B;">{{ number_format((float)$line['debit'], 2) }} {{ $line['curr_symbol'] }}</div>
                    <div style="font-size:8px; color:#94A3B8;">(Rate: {{ $line['curr_rate'] }})</div>
                @endif
                <div>{{ number_format((float)$line['debit_egp'], 2) }} <span style="font-size:9px;">{{ $isRtl ? 'ج.م' : 'EGP' }}</span></div>
            </td>
            <td style="text-align:{{ $end }}; font-weight:bold;">
                @if($line['is_foreign'])
                    <div style="font-size:10px; color:#64748B;">{{ number_format((float)$line['credit'], 2) }} {{ $line['curr_symbol'] }}</div>
                    <div style="font-size:8px; color:#94A3B8;">(Rate: {{ $line['curr_rate'] }})</div>
                @endif
                <div>{{ number_format((float)$line['credit_egp'], 2) }} <span style="font-size:9px;">{{ $isRtl ? 'ج.م' : 'EGP' }}</span></div>
            </td>
            <td style="text-align:{{ $start }}; color:#64748B;">
                {{ $line['cost_center_name'] ?: '-' }}
            </td>
        </tr>
        @if(!empty($line['description']))
        <tr>
            <td colspan="5" style="text-align:{{ $start }}; background-color:#F8FAFC; padding:8px 14px; border-bottom:1px solid #D1D9E6; color:#475569; font-size:10px; border-top:none;">
                <b>{{ $isRtl ? 'ملاحظات:' : 'Notes:' }}</b> {{ $line['description'] }}
            </td>
        </tr>
        @endif
        @endforeach
    </tbody>
</table>

{{-- spacer --}}
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td style="height:25px; font-size:1px;">&nbsp;</td></tr></table>

{{-- ══ 3. TOTALS — single unified card ══ --}}
@php
    $diff = abs(($totals['total_debit'] ?? 0) - ($totals['total_credit'] ?? 0));
@endphp
<table width="100%" cellpadding="0" cellspacing="0"
       style="border:2px solid #195FBB; border-collapse:collapse;">
    <tr>
        {{-- TOTAL DEBIT --}}
        <td width="34%" style="padding:16px 18px; text-align:{{ $start }}; border-{{ $end }}:1px solid #D1D9E6; vertical-align:middle;">
            <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px;">
                {{ $isRtl ? 'إجمالي المدين' : 'TOTAL DEBIT' }}
            </div>
            <div style="font-size:18px; color:#195FBB; font-weight:bold;">
                {{ number_format((float)($totals['total_debit'] ?? 0), 2) }}
                <span style="font-size:11px;">{{ $isRtl ? 'ج.م' : 'EGP' }}</span>
            </div>
        </td>
        {{-- TOTAL CREDIT --}}
        <td width="34%" style="padding:16px 18px; text-align:{{ $start }}; border-{{ $end }}:1px solid #D1D9E6; vertical-align:middle;">
            <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px;">
                {{ $isRtl ? 'إجمالي الدائن' : 'TOTAL CREDIT' }}
            </div>
            <div style="font-size:18px; color:#195FBB; font-weight:bold;">
                {{ number_format((float)($totals['total_credit'] ?? 0), 2) }}
                <span style="font-size:11px;">{{ $isRtl ? 'ج.م' : 'EGP' }}</span>
            </div>
        </td>
        {{-- DIFFERENCE (light bg) --}}
        <td width="32%" style="padding:16px 18px; text-align:{{ $start }}; background:#F1F5F9; vertical-align:middle;">
            <div style="font-size:10px; color:#64748B; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px;">
                {{ $isRtl ? 'الفرق' : 'DIFFERENCE' }}
            </div>
            <div style="font-size:18px; color:#22C55E; font-weight:bold;">
                {{ number_format($diff, 2) }}
            </div>
        </td>
    </tr>
</table>

@endsection