@extends('layouts.master')

@section('css')
<style>
    .cost-report { --cr-navy:#172b4d; --cr-blue:#2563eb; --cr-teal:#0f9f9a; --cr-muted:#64748b; color:#1e293b; }
    .cost-report__toolbar { display:flex; justify-content:flex-end; margin-bottom:16px; }
    .cost-report__paper { background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 12px 32px rgba(15,23,42,.08); padding:28px; }
    .cost-report__brand { display:grid; grid-template-columns:1fr 100px 1fr; gap:20px; align-items:center; padding-bottom:20px; border-bottom:1px solid #e2e8f0; }
    .cost-report__brand-side { text-align:center; color:var(--cr-muted); font-size:12px; line-height:1.7; }
    .cost-report__brand-side strong { display:block; color:var(--cr-navy); font-size:17px; }
    .cost-report__logo { width:86px; height:70px; object-fit:contain; margin:auto; }
    .cost-report__heading { text-align:center; padding:22px 0 18px; }
    .cost-report__heading h2 { color:var(--cr-navy); font-size:23px; font-weight:800; margin:0 0 6px; }
    .cost-report__heading p { color:var(--cr-muted); margin:0; font-size:12px; }
    .cost-report__meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
    .cost-report__meta-item { border:1px solid #e5eaf2; background:#f8fafc; border-radius:9px; padding:11px 13px; }
    .cost-report__meta-item span { display:block; color:var(--cr-muted); font-size:11px; margin-bottom:4px; }
    .cost-report__meta-item strong { color:var(--cr-navy); font-size:13px; font-weight:700; }
    .cost-report__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 24px; }
    .cost-report__stat { border:1px solid #e5eaf2; border-right:4px solid var(--cr-blue); border-radius:10px; padding:14px 16px; background:#fff; }
    .cost-report__stat:nth-child(2) { border-right-color:var(--cr-teal); }
    .cost-report__stat:nth-child(3) { border-right-color:#f59e0b; }
    .cost-report__stat span { display:block; color:var(--cr-muted); font-size:12px; margin-bottom:8px; }
    .cost-report__stat strong { color:var(--cr-navy); font-size:19px; font-weight:800; }
    .cost-report__section { margin-top:24px; page-break-inside:avoid; }
    .cost-report__section-title { display:flex; align-items:center; gap:9px; color:var(--cr-navy); font-size:16px; font-weight:800; padding:0 0 11px; margin:0 0 12px; border-bottom:2px solid #e8eef7; }
    .cost-report__section-title:before { content:''; display:block; width:5px; height:20px; border-radius:5px; background:var(--cr-blue); }
    .cost-report table { width:100%; border-collapse:separate; border-spacing:0; margin:0; font-size:12px; }
    .cost-report thead th { background:var(--cr-navy); color:#fff; font-weight:700; padding:11px 8px; border:0; white-space:nowrap; }
    .cost-report thead th:first-child { border-radius:0 8px 0 0; }
    .cost-report thead th:last-child { border-radius:8px 0 0 0; }
    .cost-report tbody td, .cost-report tfoot td { padding:9px 8px; border-bottom:1px solid #e8edf4; vertical-align:middle; }
    .cost-report tbody tr:nth-child(even) { background:#f7f9fc; }
    .cost-report tbody tr:hover { background:#eff6ff; }
    .cost-report tfoot td { background:#eaf0f8; color:var(--cr-navy); font-weight:800; }
    .cost-report__operation { display:inline-block; padding:4px 9px; border-radius:20px; background:#eaf2ff; color:#1d4ed8; font-weight:700; white-space:normal; }
    .cost-report__amount { font-variant-numeric:tabular-nums; white-space:nowrap; }
    .cost-report__amount--debit { color:#b45309; }
    .cost-report__amount--credit { color:#0f766e; }
    .cost-report__empty { padding:22px !important; text-align:center; color:var(--cr-muted); }
    .cost-report__footer { border-top:1px solid #e2e8f0; margin-top:28px; padding-top:12px; color:#94a3b8; text-align:center; font-size:10px; }
    @media (max-width: 767px) {
        .cost-report__paper { padding:16px; }
        .cost-report__brand { grid-template-columns:1fr 70px 1fr; gap:8px; }
        .cost-report__brand-side strong { font-size:13px; }
        .cost-report__meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .cost-report__stats { grid-template-columns:1fr; }
        .cost-report .table-responsive { overflow-x:auto; }
    }
    @media print {
        @page { size:landscape; margin:10mm; }
        body { background:#fff !important; }
        body * { visibility:hidden; }
        #print, #print * { visibility:visible; }
        #print { position:absolute; inset:0; width:100%; margin:0; }
        #print_Button, .cost-report__toolbar { display:none !important; }
        .cost-report__paper { border:0; border-radius:0; box-shadow:none; padding:0; }
        .cost-report__section { page-break-inside:auto; }
        .cost-report tbody tr { page-break-inside:avoid; }
        .cost-report thead { display:table-header-group; }
        .cost-report tfoot { display:table-row-group; }
        .cost-report tbody tr:nth-child(even), .cost-report tfoot td { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
    }
</style>
@endsection

@section('title') {{ __('home.cost_center') }} @stop

@section('page-header')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto"><h5 style="color:white">{{ __('home.cost_center') }}</h5></div>
</div>
@endsection

@section('content')
@php
    $totalPaid = (float) $data->sum('recive_amount');
    $totalDebit = (float) $data->sum('debtor');
    $totalCredit = (float) $data->sum('creditor');
    $totalBalance = $totalDebit - $totalCredit;
@endphp
<div class="row row-sm cost-report">
    <div class="col-12">
        <div class="cost-report__toolbar">
            <button class="btn btn-primary" id="print_Button" onclick="printDiv()">
                <i class="mdi mdi-printer ml-1"></i> {{ __('home.print') }}
            </button>
        </div>
        <div id="print" class="cost-report__paper">
            <header class="cost-report__brand">
                <div class="cost-report__brand-side" dir="ltr">
                    <strong>{{ Nameen }}</strong>{{ describtionen }}
                </div>
                <img class="cost-report__logo" src="{{ asset('assets/img/brand').'/'.camplogo }}" alt="{{ Namear }}">
                <div class="cost-report__brand-side">
                    <strong>{{ Namear }}</strong>{{ describtionar }}
                </div>
            </header>

            <div class="cost-report__heading">
                <h2>{{ __('home.cost_center') }}</h2>
                <p>تقرير تفصيلي وملخص مالي لمركز التكلفة</p>
            </div>

            <div class="cost-report__meta">
                <div class="cost-report__meta-item"><span>{{ __('report.fromdate') }}</span><strong>{{ $start }}</strong></div>
                <div class="cost-report__meta-item"><span>{{ __('report.todate') }}</span><strong>{{ $end }}</strong></div>
                <div class="cost-report__meta-item"><span>{{ __('home.cost_center') }}</span><strong>{{ $name_cost }}</strong></div>
                <div class="cost-report__meta-item"><span>{{ __('home.exportTime') }}</span><strong>{{ \Carbon\Carbon::now()->addHours(3)->format('Y-m-d H:i') }}</strong></div>
            </div>

            @if($report_type == 'both' || $report_type == 'summary')
            <div class="cost-report__stats">
                <div class="cost-report__stat"><span>إجمالي المدين</span><strong>{{ number_format($totalDebit, 2) }}</strong></div>
                <div class="cost-report__stat"><span>إجمالي الدائن</span><strong>{{ number_format($totalCredit, 2) }}</strong></div>
                <div class="cost-report__stat"><span>صافي الرصيد</span><strong>{{ number_format($totalBalance, 2) }}</strong></div>
            </div>
            @endif

            @if($report_type == 'both' || $report_type == 'details')
            <section class="cost-report__section">
                <h3 class="cost-report__section-title">تفاصيل العمليات</h3>
                <div class="table-responsive">
                    <table>
                        <thead><tr>
                            <th>#</th><th>نوع العملية</th><th>{{ __('home.decoumentNo') }}</th>
                            <th>{{ __('report.date') }}</th><th>{{ __('users.branch') }}</th><th>اسم الحساب</th>
                            <th>{{ __('accountes.Theamountpaid') }}</th><th>{{ __('home.debit') }}</th><th>{{ __('home.credit') }}</th>
                        </tr></thead>
                        <tbody>
                        @forelse($data as $item)
                            @php
                                $operationType = 'عملية مالية';
                                if ((int) $item->sent_abd_count > 0) $operationType = 'سند قبض';
                                elseif ((int) $item->sent_serf_count > 0) $operationType = 'سند صرف';
                                elseif ((int) $item->Opening_entry > 0) $operationType = 'قيد افتتاحي';
                                elseif ((int) $item->type_decument === 2) $operationType = 'فاتورة مشتريات';
                                elseif ((int) $item->orginal_type === 3) $operationType = 'مصروف';
                                elseif (!empty($item->note)) $operationType = $item->note;
                                $documentNumber = $item->sent_abd_count ?: ($item->sent_serf_count ?: '-');
                            @endphp
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td><span class="cost-report__operation">{{ $operationType }}</span></td>
                                <td>{{ $documentNumber }}</td><td>{{ $item->date_export ?: $item->created_at }}</td>
                                <td>{{ $item->branch->name ?? '-' }}</td><td>{{ $item->financial_accounts_data->name ?? '-' }}</td>
                                <td class="cost-report__amount">{{ number_format($item->recive_amount, 2) }}</td>
                                <td class="cost-report__amount cost-report__amount--debit">{{ number_format($item->debtor, 2) }}</td>
                                <td class="cost-report__amount cost-report__amount--credit">{{ number_format($item->creditor, 2) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="9" class="cost-report__empty">لا توجد عمليات في الفترة المحددة</td></tr>
                        @endforelse
                        </tbody>
                        @if($data->isNotEmpty())
                        <tfoot><tr>
                            <td colspan="6">الإجمالي</td>
                            <td class="cost-report__amount">{{ number_format($totalPaid, 2) }}</td>
                            <td class="cost-report__amount">{{ number_format($totalDebit, 2) }}</td>
                            <td class="cost-report__amount">{{ number_format($totalCredit, 2) }}</td>
                        </tr></tfoot>
                        @endif
                    </table>
                </div>
            </section>
            @endif

            @if($report_type == 'both' || $report_type == 'summary')
            <section class="cost-report__section">
                <h3 class="cost-report__section-title">ملخص مراكز التكلفة</h3>
                <div class="table-responsive"><table>
                    <thead><tr><th>اسم مركز التكلفة</th><th>إجمالي المدين</th><th>إجمالي الدائن</th><th>الرصيد الختامي</th></tr></thead>
                    <tbody>
                    @forelse($summary_data as $center)
                        <tr><td>{{ $center['name'] }}</td><td>{{ number_format($center['total_debit'], 2) }}</td><td>{{ number_format($center['total_credit'], 2) }}</td><td><strong>{{ number_format($center['balance'], 2) }}</strong></td></tr>
                    @empty
                        <tr><td colspan="4" class="cost-report__empty">لا توجد بيانات لمراكز التكلفة</td></tr>
                    @endforelse
                    </tbody>
                </table></div>
            </section>

            <section class="cost-report__section">
                <h3 class="cost-report__section-title">ملخص المصروفات حسب الحساب</h3>
                <div class="table-responsive"><table>
                    <thead><tr><th>اسم الحساب</th><th>إجمالي المبلغ المدفوع</th><th>إجمالي المدين</th><th>إجمالي الدائن</th><th>صافي المصروف</th></tr></thead>
                    <tbody>
                    @forelse($expense_summary as $expense)
                        <tr><td>{{ $expense['account_name'] }}</td><td>{{ number_format($expense['total_paid'], 2) }}</td><td>{{ number_format($expense['total_debit'], 2) }}</td><td>{{ number_format($expense['total_credit'], 2) }}</td><td><strong>{{ number_format($expense['net_expense'], 2) }}</strong></td></tr>
                    @empty
                        <tr><td colspan="5" class="cost-report__empty">لا توجد مصروفات في الفترة المحددة</td></tr>
                    @endforelse
                    </tbody>
                    @if($expense_summary->isNotEmpty())
                    <tfoot><tr><td>الإجمالي الكلي</td><td>{{ number_format($expense_summary->sum('total_paid'), 2) }}</td><td>{{ number_format($expense_summary->sum('total_debit'), 2) }}</td><td>{{ number_format($expense_summary->sum('total_credit'), 2) }}</td><td>{{ number_format($expense_summary->sum('net_expense'), 2) }}</td></tr></tfoot>
                    @endif
                </table></div>
            </section>
            @endif

            <footer class="cost-report__footer">تم إنشاء التقرير آليًا في {{ \Carbon\Carbon::now()->addHours(3)->format('Y-m-d H:i') }}</footer>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    function printDiv() { window.print(); }
</script>
@endsection