@extends('layouts.master')

@section('css')
<style>
    .tb-report { --navy:#172b4d; --blue:#2563eb; --teal:#0f9f9a; --green:#10b981; --red:#ef4444; --muted:#64748b; color:#1e293b; }
    .tb-report__filter-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 4px 16px rgba(15,23,42,.04); padding:20px; margin-bottom:24px; }
    .tb-report__paper { background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 12px 32px rgba(15,23,42,.06); padding:28px; }
    .tb-report__brand { display:grid; grid-template-columns:1fr 100px 1fr; gap:20px; align-items:center; padding-bottom:18px; border-bottom:1px solid #e2e8f0; }
    .tb-report__brand-side { text-align:center; color:var(--muted); font-size:12px; line-height:1.7; }
    .tb-report__brand-side strong { display:block; color:var(--navy); font-size:16px; font-weight:800; }
    .tb-report__logo { width:86px; height:70px; object-fit:contain; margin:auto; }
    .tb-report__heading { text-align:center; padding:18px 0 14px; }
    .tb-report__heading h2 { color:var(--navy); font-size:24px; font-weight:800; margin:0 0 4px; }
    .tb-report__heading p { color:var(--muted); margin:0; font-size:13px; }
    .tb-report__meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
    .tb-report__meta-item { border:1px solid #e5eaf2; background:#f8fafc; border-radius:9px; padding:10px 14px; }
    .tb-report__meta-item span { display:block; color:var(--muted); font-size:11px; margin-bottom:3px; }
    .tb-report__meta-item strong { color:var(--navy); font-size:13px; font-weight:700; }

    /* تبويبات الشاشة */
    .tb-tabs { display:flex; gap:8px; margin-bottom:20px; border-bottom:2px solid #e2e8f0; padding-bottom:10px; }
    .tb-tab-btn { display:inline-block; text-decoration:none !important; background:none; border:none; padding:10px 20px; font-size:15px; font-weight:800; color:var(--muted); border-radius:8px; cursor:pointer; transition:all .2s; }
    .tb-tab-btn.active { background:var(--navy); color:#fff; }

    /* شريط الاتزان المحاسبي */
    .tb-balance-bar { padding:14px 20px; border-radius:10px; margin-bottom:24px; display:flex; justify-content:space-between; align-items:center; }
    .tb-balance-bar--success { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
    .tb-balance-bar--danger { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
    .tb-balance-bar h5 { margin:0; font-size:15px; font-weight:800; display:flex; align-items:center; gap:8px; }

    /* جدول ميزان المراجعة */
    .tb-table { width:100%; border-collapse:separate; border-spacing:0; margin:0; font-size:12px; }
    .tb-table th { background:var(--navy); color:#fff; font-weight:700; padding:10px 8px; border:0; text-align:center; vertical-align:middle; white-space:nowrap; }
    .tb-table th.sub-th { background:#243c64; font-size:11px; }
    .tb-table td { padding:8px 8px; border-bottom:1px solid #e8edf4; vertical-align:middle; text-align:center; }
    .tb-table tr:hover { background:#f8fafc; }
    .tb-table tr.tb-row--parent { background:#f1f5f9; font-weight:800; color:var(--navy); }
    .tb-table tr.tb-row--parent td { border-top:1px solid #cbd5e1; }
    .tb-table tfoot td { background:#e2e8f0; color:var(--navy); font-weight:900; font-size:13px; padding:11px 8px; border-top:2px solid #94a3b8; }

    .tb-amount { font-variant-numeric:tabular-nums; }
    .tb-amount--debit { color:#b45309; }
    .tb-amount--credit { color:#047857; }

    @media (max-width: 991px) {
        .tb-report__meta { grid-template-columns:repeat(2,1fr); }
    }
    @media print {
        @page { size:A4 landscape; margin:10mm; }
        body { background:#fff !important; }
        body * { visibility:hidden; }
        #print_area, #print_area * { visibility:visible; }
        #print_area { position:absolute; left:0; top:0; width:100%; padding:0; border:0; box-shadow:none; }
        #non_printable, .tb-report__filter-card, .tb-tabs, .breadcrumb-header { display:none !important; }
        .tb-table { font-size:10px !important; }
        .tb-table th, .tb-table td { padding:5px 4px !important; }
    }
</style>
@endsection

@section('title')
{{ __('home.trial_balance') }}
@endsection

@section('page-header')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <h4 class="content-title mb-0 my-auto text-white">
            <i class="fa fa-balance-scale ml-1 mr-1"></i> {{ __('home.trial_balance') }}
        </h4>
        <span class="text-muted tx-13 mr-2 mb-0 text-white-50">أرصدة شجرة الحسابات وحركات الفترة</span>
    </div>
</div>
@endsection

@section('content')
<div class="tb-report">
    {{-- كارت البحث والفلترة --}}
    <div class="tb-report__filter-card" id="non_printable">
        <form action="{{ route('reports.trial-balance') }}" method="GET" autocomplete="off">
            <div class="row align-items-end">
                <div class="col-md-3">
                    <label class="font-weight-bold tx-12">{{ __('report.fromdate') ?? 'من تاريخ' }}</label>
                    <input class="form-control fc-datepicker" name="start_at" value="{{ $start_at }}" type="date" required>
                </div>
                <div class="col-md-3">
                    <label class="font-weight-bold tx-12">{{ __('report.todate') ?? 'إلى تاريخ' }}</label>
                    <input class="form-control fc-datepicker" name="end_at" value="{{ $end_at }}" type="date" required>
                </div>
                <div class="col-md-2">
                    <label class="font-weight-bold tx-12">{{ __('home.branch') ?? 'الفرع' }}</label>
                    <select class="form-control select2" name="branch_id">
                        <option value="-">{{ __('home.all_branches') ?? 'كل الفروع' }}</option>
                        @foreach ($branches as $b)
                            <option value="{{ $b->id }}" {{ $branch_id == $b->id ? 'selected' : '' }}>{{ $b->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="font-weight-bold tx-12">طريقة العرض</label>
                    <select class="form-control select2" name="view_mode">
                        <option value="all" {{ $view_mode == 'all' ? 'selected' : '' }}>كافة الحسابات</option>
                        <option value="active_only" {{ $view_mode == 'active_only' ? 'selected' : '' }}>ذات الأرصدة والحركات فقط</option>
                        <option value="main_only" {{ $view_mode == 'main_only' ? 'selected' : '' }}>الحسابات الرئيسية فقط</option>
                    </select>
                </div>
                <div class="col-md-2 d-flex gap-2">
                    <button type="submit" class="btn btn-primary flex-fill font-weight-bold">
                        <i class="las la-search ml-1"></i> {{ __('home.search') ?? 'عرض' }}
                    </button>
                    <button type="button" class="btn btn-outline-secondary font-weight-bold" onclick="window.print()">
                        <i class="mdi mdi-printer ml-1"></i> {{ __('home.print') ?? 'طباعة' }}
                    </button>
                </div>
            </div>
        </form>
    </div>

    <div class="tb-tabs" id="non_printable">
        <span class="tb-tab-btn active"><i class="fa fa-table ml-1"></i> ميزان المراجعة (Trial Balance)</span>
        <a class="tb-tab-btn" href="{{ route('reports.balance-sheet', ['as_of' => $end_at, 'branch_id' => $branch_id]) }}">
            <i class="fa fa-landmark ml-1"></i> الميزانية العمومية / قائمة المركز المالي (Balance Sheet)
        </a>
    </div>

    {{-- ورقة العرض / الطباعة --}}
    <div class="tb-report__paper" id="print_area">
        {{-- ترويسة التقرير --}}
        <header class="tb-report__brand">
            <div class="tb-report__brand-side" dir="ltr">
                <strong>{{ defined('Nameen') ? Nameen : 'SEWING ERP' }}</strong>
                {{ defined('describtionen') ? describtionen : '' }}
            </div>
            <img class="tb-report__logo" src="{{ asset('assets/img/brand') . '/' . (defined('camplogo') ? camplogo : 'logo.png') }}" alt="Logo">
            <div class="tb-report__brand-side">
                <strong>{{ defined('Namear') ? Namear : 'إبداع للخياطة الرجالية' }}</strong>
                {{ defined('describtionar') ? describtionar : '' }}
            </div>
        </header>

        <div class="tb-report__heading">
            <h2 id="report_title_display">
                ميزان المراجعة بالأرصدة والحركات
            </h2>
            <p>تقرير معتمد لحركات وأرصدة شجرة الحسابات المالية العامة</p>
        </div>

        <div class="tb-report__meta">
            <div class="tb-report__meta-item"><span>{{ __('report.fromdate') ?? 'من تاريخ' }}</span><strong>{{ $start_at }}</strong></div>
            <div class="tb-report__meta-item"><span>{{ __('report.todate') ?? 'إلى تاريخ' }}</span><strong>{{ $end_at }}</strong></div>
            <div class="tb-report__meta-item"><span>{{ __('home.branch') ?? 'الفرع' }}</span><strong>{{ $selectedBranchName }}</strong></div>
            <div class="tb-report__meta-item"><span>{{ __('home.exportTime') ?? 'تاريخ الإصدار' }}</span><strong>{{ \Carbon\Carbon::now()->addHours(3)->format('Y-m-d H:i') }}</strong></div>
        </div>

        {{-- ==================================================== --}}
        {{-- التبويب الأول: ميزان المراجعة (Trial Balance) --}}
        {{-- ==================================================== --}}
        <div id="tab_trial_balance">
            {{-- شريط الاتزان المحاسبي --}}
            <div class="tb-balance-bar {{ $isBalanced ? 'tb-balance-bar--success' : 'tb-balance-bar--danger' }}">
                <h5>
                    <i class="fa {{ $isBalanced ? 'fa-check-circle' : 'fa-exclamation-triangle' }}"></i>
                    {{ $isBalanced ? 'ميزان المراجعة متزن محاسبياً بنجاح (إجمالي المدين = إجمالي الدائن)' : 'تنبيه: ميزان المراجعة غير متزن، يوجد فارق بين المدين والدائن قدره (' . number_format(abs($totalEndingDebit - $totalEndingCredit), 2) . ' ريال)' }}
                </h5>
                <span class="font-weight-bold">
                    إجمالي رصيد آخر المدة: {{ number_format($totalEndingDebit, 2) }} ريال
                </span>
            </div>

            <div class="table-responsive">
                <table class="tb-table">
                    <thead>
                        <tr>
                            <th rowspan="2" style="width: 10%;">كود الحساب</th>
                            <th rowspan="2" style="width: 25%; text-align: right; padding-right: 14px;">اسم الحساب</th>
                            <th rowspan="2" style="width: 11%;">نوع الحساب</th>
                            <th colspan="2" class="sub-th" style="width: 18%;">رصيد أول المدة</th>
                            <th colspan="2" class="sub-th" style="width: 18%;">حركات الفترة</th>
                            <th colspan="2" class="sub-th" style="width: 18%;">رصيد آخر المدة</th>
                        </tr>
                        <tr>
                            <th class="sub-th">مدين</th>
                            <th class="sub-th">دائن</th>
                            <th class="sub-th">مدين</th>
                            <th class="sub-th">دائن</th>
                            <th class="sub-th">مدين</th>
                            <th class="sub-th">دائن</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($trialBalanceData as $row)
                        @php
                            $acc = $row['account'];
                            $typeName = 'أخرى';
                            if ($acc->account_type == 1) $typeName = 'أصول';
                            elseif ($acc->account_type == 2) $typeName = 'خصوم';
                            elseif ($acc->account_type == 3) $typeName = 'إيرادات';
                            elseif ($acc->account_type == 4) $typeName = 'مصروفات';
                            elseif ($acc->account_type == 5) $typeName = 'حقوق ملكية';
                        @endphp
                        <tr class="{{ $acc->is_parent == 1 ? 'tb-row--parent' : '' }}">
                            <td class="font-weight-bold">{{ $acc->account_number }}</td>
                            <td style="text-align: right; padding-right: 14px;">
                                @if($acc->is_parent == 0) &nbsp;&nbsp;&nbsp;&bull;&nbsp; @endif
                                {{ LaravelLocalization::getCurrentLocale() == 'ar' ? $acc->name : ($acc->name_en ?: $acc->name) }}
                            </td>
                            <td><span class="badge badge-light border">{{ $typeName }}</span></td>
                            <td class="tb-amount">{{ $row['open_debit'] > 0 ? number_format($row['open_debit'], 2) : '-' }}</td>
                            <td class="tb-amount">{{ $row['open_credit'] > 0 ? number_format($row['open_credit'], 2) : '-' }}</td>
                            <td class="tb-amount tb-amount--debit">{{ $row['period_debit'] > 0 ? number_format($row['period_debit'], 2) : '-' }}</td>
                            <td class="tb-amount tb-amount--credit">{{ $row['period_credit'] > 0 ? number_format($row['period_credit'], 2) : '-' }}</td>
                            <td class="tb-amount font-weight-bold tb-amount--debit">{{ $row['ending_debit'] > 0 ? number_format($row['ending_debit'], 2) : '-' }}</td>
                            <td class="tb-amount font-weight-bold tb-amount--credit">{{ $row['ending_credit'] > 0 ? number_format($row['ending_credit'], 2) : '-' }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="p-4 text-center text-muted">لا توجد حسابات مسجلة تطابق محددات البحث</td>
                        </tr>
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" class="text-right pr-3 font-weight-bold">الإجمالي العام (للحسابات الفرعية)</td>
                            <td class="tb-amount font-weight-bold">{{ number_format($totalOpeningDebit, 2) }}</td>
                            <td class="tb-amount font-weight-bold">{{ number_format($totalOpeningCredit, 2) }}</td>
                            <td class="tb-amount font-weight-bold">{{ number_format($totalPeriodDebit, 2) }}</td>
                            <td class="tb-amount font-weight-bold">{{ number_format($totalPeriodCredit, 2) }}</td>
                            <td class="tb-amount font-weight-bold text-primary">{{ number_format($totalEndingDebit, 2) }}</td>
                            <td class="tb-amount font-weight-bold text-primary">{{ number_format($totalEndingCredit, 2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <footer class="mt-4 pt-3 text-center text-muted tx-11 border-top">
            تم استخراج التقرير آلياً من نظام إدارة الخياطة والتفصيل بتاريخ {{ \Carbon\Carbon::now()->addHours(3)->format('Y-m-d H:i') }}
        </footer>
    </div>
</div>
@endsection

@section('js')
<script>
    $('.select2').select2({ width: '100%' });
</script>
@endsection