@extends('layouts.master')

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

    .bs-balance-bar { padding:14px 20px; border-radius:10px; margin-bottom:20px; }
    .bs-balance-bar--success { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
    .bs-balance-bar--danger { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
    .bs-balance-bar h5 { margin:0; font-size:15px; font-weight:800; }
    .bs-balance-bar p { margin:6px 0 0; font-size:12px; }

    .bs-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
    .bs-box { border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; }
    .bs-box__header { padding:14px 18px; font-size:16px; font-weight:800; }
    .bs-box__header--assets { background:#eff6ff; color:#1e40af; border-bottom:2px solid #bfdbfe; }
    .bs-box__header--liab { background:#fef3c7; color:#92400e; border-bottom:2px solid #fde68a; }
    .bs-section-title { padding:8px 16px; background:#f8fafc; font-weight:800; font-size:12px; color:var(--muted); border-bottom:1px solid #e2e8f0; }
    .bs-table { width:100%; font-size:13px; }
    .bs-table td { padding:8px 16px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
    .bs-table td.bs-num { text-align:left; font-variant-numeric:tabular-nums; white-space:nowrap; }
    .bs-table td.bs-code { color:var(--muted); font-size:11px; width:70px; }
    .bs-table tr.bs-depth-0 td { font-weight:800; color:var(--navy); background:#f1f5f9; }
    .bs-table tr.bs-depth-1 td.bs-name { padding-right:32px; }
    .bs-table tr.bs-depth-2 td.bs-name { padding-right:48px; color:#475569; }
    .bs-table tr.bs-subtotal td { font-weight:800; border-top:1px solid #cbd5e1; }
    .bs-negative { color:var(--red); }
    .bs-box__footer { padding:14px 18px; font-weight:900; font-size:15px; display:flex; justify-content:space-between; background:#e2e8f0; color:var(--navy); border-top:2px solid #94a3b8; }

    @media (max-width: 991px) {
        .bs-grid { grid-template-columns:1fr; }
        .bs-report__meta { grid-template-columns:1fr; }
    }
    @media print {
        @page { size:A4 portrait; 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; }
        .bs-grid { grid-template-columns:1fr 1fr; }
        .bs-table { font-size:10px; }
        .bs-table td { padding:4px 8px; }
    }
</style>
@endsection

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

@section('page-header')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <h4 class="content-title mb-0 my-auto">
            <i class="fa fa-landmark ml-1 mr-1"></i> {{ __('home.balance_sheet') }}
        </h4>
        <span class="text-muted tx-13 mr-2 mb-0">قائمة المركز المالي: الأصول والخصوم وحقوق الملكية في تاريخ محدد</span>
    </div>
</div>
@endsection

@php
    $money = function ($value) {
        return $value < 0 ? '(' . number_format(abs($value), 2) . ')' : number_format($value, 2);
    };
@endphp

@section('content')
<div class="bs-report">
    <div class="bs-report__filter-card">
        <form action="{{ route('reports.balance-sheet') }}" method="GET" autocomplete="off">
            <div class="row align-items-end">
                <div class="col-md-3">
                    <label class="font-weight-bold tx-12">الميزانية في تاريخ</label>
                    <input class="form-control" name="as_of" value="{{ $as_of }}" type="date" required>
                </div>
                <div class="col-md-3">
                    <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-3">
                    <label class="font-weight-bold tx-12">مستوى التفصيل</label>
                    <select class="form-control" name="level">
                        <option value="1" {{ $level == 1 ? 'selected' : '' }}>الحسابات الرئيسية فقط</option>
                        <option value="2" {{ $level == 2 ? 'selected' : '' }}>رئيسية + فرعية</option>
                        <option value="3" {{ $level == 3 ? 'selected' : '' }}>تفصيل كامل (3 مستويات)</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex">
                    <button type="submit" class="btn btn-primary flex-fill font-weight-bold ml-2 mr-2">
                        <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="bs-report__paper" id="print_area">
        <header class="bs-report__brand">
            <div class="bs-report__brand-side" dir="ltr">
                <strong>{{ defined('Nameen') ? Nameen : 'SEWING ERP' }}</strong>
                {{ defined('describtionen') ? describtionen : '' }}
            </div>
            <img class="bs-report__logo" src="{{ asset('assets/img/brand') . '/' . (defined('camplogo') ? camplogo : 'logo.png') }}" alt="Logo">
            <div class="bs-report__brand-side">
                <strong>{{ defined('Namear') ? Namear : '' }}</strong>
                {{ defined('describtionar') ? describtionar : '' }}
            </div>
        </header>

        <div class="bs-report__heading">
            <h2>قائمة المركز المالي (الميزانية العمومية)</h2>
            <p>كما في {{ $as_of }}</p>
        </div>

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

        <div class="bs-balance-bar {{ $isBalanced ? 'bs-balance-bar--success' : 'bs-balance-bar--danger' }}">
            @if ($isBalanced)
                <h5><i class="fa fa-check-circle ml-1"></i> الميزانية متزنة: الأصول = الخصوم + حقوق الملكية</h5>
            @else
                <h5><i class="fa fa-exclamation-triangle ml-1"></i> الميزانية غير متزنة، الفرق: {{ $money($difference) }} ريال</h5>
                <p>الفرق ناتج عن قيود في دفتر الأستاذ إجمالي المدين فيها لا يساوي إجمالي الدائن (قيود من طرف واحد). راجع ميزان المراجعة لنفس التاريخ لتحديد الحسابات المسببة.</p>
            @endif
            @if (abs($unclassified) >= 0.005)
                <p>تنبيه: يوجد رصيد {{ $money($unclassified) }} في حسابات جذرية كودها لا يبدأ بـ 1 إلى 5، ولم يدخل في الميزانية.</p>
            @endif
        </div>

        <div class="bs-grid">
            {{-- الأصول --}}
            <div class="bs-box">
                <div class="bs-box__header bs-box__header--assets">
                    <i class="fa fa-wallet ml-1"></i> الأصول (Assets)
                </div>
                <table class="bs-table">
                    @forelse ($assetRows as $row)
                        <tr class="bs-depth-{{ $row['depth'] }}">
                            <td class="bs-code">{{ $row['number'] }}</td>
                            <td class="bs-name">{{ $row['name'] }}</td>
                            <td class="bs-num {{ $row['amount'] < 0 ? 'bs-negative' : '' }}">{{ $money($row['amount']) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted p-3">لا توجد أرصدة أصول</td></tr>
                    @endforelse
                </table>
                <div class="bs-box__footer">
                    <span>إجمالي الأصول</span>
                    <span>{{ $money($totalAssets) }}</span>
                </div>
            </div>

            {{-- الخصوم وحقوق الملكية --}}
            <div class="bs-box">
                <div class="bs-box__header bs-box__header--liab">
                    <i class="fa fa-hand-holding-usd ml-1"></i> الخصوم وحقوق الملكية (Liabilities & Equity)
                </div>

                <div class="bs-section-title">الخصوم (Liabilities)</div>
                <table class="bs-table">
                    @forelse ($liabilityRows as $row)
                        <tr class="bs-depth-{{ $row['depth'] }}">
                            <td class="bs-code">{{ $row['number'] }}</td>
                            <td class="bs-name">{{ $row['name'] }}</td>
                            <td class="bs-num {{ $row['amount'] < 0 ? 'bs-negative' : '' }}">{{ $money($row['amount']) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted p-2 tx-12">لا توجد أرصدة خصوم</td></tr>
                    @endforelse
                    <tr class="bs-subtotal">
                        <td></td>
                        <td>إجمالي الخصوم</td>
                        <td class="bs-num">{{ $money($totalLiabilities) }}</td>
                    </tr>
                </table>

                <div class="bs-section-title">حقوق الملكية (Equity)</div>
                <table class="bs-table">
                    @foreach ($equityRows as $row)
                        <tr class="bs-depth-{{ $row['depth'] }}">
                            <td class="bs-code">{{ $row['number'] }}</td>
                            <td class="bs-name">{{ $row['name'] }}</td>
                            <td class="bs-num {{ $row['amount'] < 0 ? 'bs-negative' : '' }}">{{ $money($row['amount']) }}</td>
                        </tr>
                    @endforeach
                    <tr class="bs-depth-0">
                        <td class="bs-code"></td>
                        <td class="bs-name">
                            {{ $netProfit >= 0 ? 'صافي ربح الفترة' : 'صافي خسارة الفترة' }}
                            <small class="d-block text-muted font-weight-normal tx-11">
                                الإيرادات {{ $money($totalRevenues) }} − المصروفات {{ $money($totalExpenses) }}
                            </small>
                        </td>
                        <td class="bs-num {{ $netProfit < 0 ? 'bs-negative' : '' }}">{{ $money($netProfit) }}</td>
                    </tr>
                    <tr class="bs-subtotal">
                        <td></td>
                        <td>إجمالي حقوق الملكية</td>
                        <td class="bs-num">{{ $money($totalEquity) }}</td>
                    </tr>
                </table>

                <div class="bs-box__footer">
                    <span>إجمالي الخصوم وحقوق الملكية</span>
                    <span>{{ $money($totalLiabilitiesAndEquity) }}</span>
                </div>
            </div>
        </div>

        <footer class="mt-4 pt-3 text-center text-muted tx-11 border-top">
            الأرقام بين قوسين ( ) أرصدة عكس طبيعة الحساب. صافي ربح الفترة يشمل كل الإيرادات والمصروفات غير المقفلة حتى تاريخ الميزانية.
        </footer>
    </div>
</div>
@endsection

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