@extends('layouts.master')
@section('css')
@endsection
@section('title')
{{ __('home.daily-final-report') }}
@stop
@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between">
</div>
<!-- breadcrumb -->
@endsection
@section('content')
<div class="container-fluid py-4 report-container">

    <div class="d-flex justify-content-end mb-3 no-print">
        <button onclick="window.print()" class="btn btn-dark btn-lg">
            <i class="fa fa-print"></i> طـبـاعة التـقرير
        </button>
    </div>

    <div class="report-header">
        <div class="row align-items-center">
            <div class="col-4 text-right">
                <p class="mb-0">
                    فرع: {{ auth()->user()->branch->name ?? 'الفرع الرئيسي' }}

                </p>
                <p class="mb-0">هاتف : 0571700030</p>
            </div>
            <div class="col-4 text-center logo-section">
                <img src="{{ asset('assets/logo.png') }}" alt="الشعار" style="width: 160px; height: 200px;" class="logo-img mb-2">
                <h4 class="mb-0 font-weight-bold">التقرير الختامي اليومي</h4>
            </div>
            <div class="col-4 text-left">
                <p class="mb-0">
                    تاريخ التقرير:
                    <strong>
                        @if($start_at == $end_at)
                            {{ $start_at }}
                        @else
                            من {{ $start_at }} إلى {{ $end_at }}
                        @endif
                    </strong>
                </p>
                <p class="mb-0">وقت الاستخراج: {{ now()->format('H:i:s') }}</p>
            </div>
        </div>
    </div>

    <hr class="header-divider">

    <div class="row mb-3 top-summary-section">
    <div class="col-md-4">
        <table class="table table-bordered table-sm text-center summary-table">
            <thead>
                <tr>
                    <th colspan="2">إجمالي مبيعات التشغيل <br> <small>Total Sales Summary</small></th>
                </tr>
            </thead>
            <tbody>
               <tr>
                    <td>
                        <strong>{{ number_format($totals->detail_sales_value ?? 0, 2) }}</strong>
                    </td>
                    <td class="text-right d-flex justify-content-between px-2">
                        <span>مبيعات تفصيل (أقمشة)</span>
                        <small>Fabric Sales</small>
                    </td>
                </tr>
                <tr>
                    <td><strong>{{ number_format($totals->points_sales ?? 0, 2) }}</strong></td>
                    <td class="text-right d-flex justify-content-between px-2">
                        <span>مبيعات جاهز</span>
                        <small>Ready Sales</small>
                    </td>
                </tr>
              <tr class="total-bg">
                    <td>
                        <strong>{{ number_format(($totals->detail_sales_value ?? 0) + ($totals->points_sales_value ?? 0), 2) }}</strong>
                    </td>
                    <td class="text-right d-flex justify-content-between px-2">
                        <span>الإجمالي العام</span>
                        <small>Public Sale</small>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

        <div class="col-md-4">
            <table class="table table-bordered table-sm text-center summary-table">
                <thead>
                    <tr>
                        <th colspan="2">إجمالي مردود التفصيل <br> <small>Total Sales Returns</small></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>{{ number_format($returns->detail_return ?? 0, 2) }}</strong></td>
                        <td class="text-right d-flex justify-content-between px-2"><span>مردود تفصيل</span> <small>Return Detail</small></td>
                    </tr>
                    <tr>
                        <td><strong>{{ number_format($returns->points_return ?? 0, 2) }}</strong></td>
                        <td class="text-right d-flex justify-content-between px-2"><span>مردود نقاط</span> <small>Return Point</small></td>
                    </tr>
                    <tr class="total-bg">
                        <td><strong>{{ number_format(($returns->detail_return ?? 0) + ($returns->points_return ?? 0), 2) }}</strong></td>
                        <td class="text-right d-flex justify-content-between px-2"><span>إجمالي المردود</span> <small>Public Return</small></td>
                    </tr>
                </tbody>
            </table>
        </div>

<div class="col-md-4">
    <table class="table table-bordered table-sm text-center summary-table">
        <thead>
            <tr>
                <th colspan="2">إحصائيات القطع <br> <small>Piece Statistics</small></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><strong>{{ number_format($stats->total_pics ?? 0, 0) }}</strong></td>
                <td class="text-right d-flex justify-content-between px-2">
                    <span>إجمالي عدد القطع</span> <small>Total Pieces</small>
                </td>
            </tr>
            <tr>
                <td><strong>{{ number_format($stats->delivered_pics ?? 0, 0) }}</strong></td>
                <td class="text-right d-flex justify-content-between px-2">
                    <span>القطع المستلمة</span> <small>Delivered</small>
                </td>
            </tr>
            <tr>
                <td><strong>{{ number_format($stats->returned_pics ?? 0, 0) }}</strong></td>
                <td class="text-right d-flex justify-content-between px-2">
                    <span>القطع المرتجعة</span> <small>Returned</small>
                </td>
            </tr>
            <tr class="total-bg">
                <td><strong>{{ number_format(($stats->delivered_pics ?? 0) - ($stats->returned_pics ?? 0), 0) }}</strong></td>
                <td class="text-right d-flex justify-content-between px-2">
                    <span>صافي القطع</span> <small>Net Pics</small>
                </td>
            </tr>
        </tbody>
    </table>
</div>
    </div>

<div class="main-financial-table mb-4">
    <table class="table table-bordered table-sm text-center financial-grid">
        <thead>
            <tr>
                <th rowspan="2" class="clause-col">البند <br> <small>Clause</small></th>
                <th colspan="3">الدخل <br> <small>Income</small></th>
                <th rowspan="2" class="total-col">الإجمالي النهائي <br> <small>Final Total</small></th>
            </tr>
            <tr>
                <th>النقدية <small>Cash</small></th>
                <th>الشبكة <small>Cards</small></th>
                <th>الإجمالي <small>Total</small></th>
            </tr>
        </thead>
        <tbody>
            {{-- صف العربون --}}
            <tr>
                <td class="text-right d-flex justify-content-between px-3"><span>العربون</span> <small>Deposit</small></td>
                <td>{{ number_format($depositStats->cash_deposit ?? 0, 2) }}</td>
                <td>{{ number_format($depositStats->network_deposit ?? 0, 2) }}</td>
                <td class="row-total">{{ number_format(($depositStats->cash_deposit ?? 0) + ($depositStats->network_deposit ?? 0), 2) }}</td>
                <td class="final-row-total">{{ number_format(($depositStats->cash_deposit ?? 0) + ($depositStats->network_deposit ?? 0), 2) }}</td>
            </tr>

            {{-- صف التحصيل --}}
          {{-- صف التحصيل --}}
            <tr>
                <td class="text-right d-flex justify-content-between px-3"><span>التحصيل</span> <small>Collection</small></td>
                <td>{{ number_format($collectionStats->cash_collection ?? 0, 2) }}</td>
                <td>{{ number_format($collectionStats->network_collection ?? 0, 2) }}</td>
                <td class="row-total">{{ number_format(($collectionStats->cash_collection ?? 0) + ($collectionStats->network_collection ?? 0), 2) }}</td>
                <td class="final-row-total">{{ number_format(($collectionStats->cash_collection ?? 0) + ($collectionStats->network_collection ?? 0), 2) }}</td>
            </tr>

            {{-- صف الإجمالي العام --}}
            <tr class="final-totals">
                <td class="total-title text-right d-flex justify-content-between px-3"><span>إجمالي الدخل العام</span> <small>Grand Total Income</small></td>
                <td class="total-title">{{ number_format($totalCashInSafe ?? 0, 2) }}</td>
                <td class="total-title">{{ number_format($totalNetwork ?? 0, 2) }}</td>
                <td class="total-title grand-total">{{ number_format($totalInSafe ?? 0, 2) }}</td>
                <td class="total-title grand-total">{{ number_format($totalInSafe ?? 0, 2) }}</td>
            </tr>
        </tbody>
    </table>
</div>






<div class="row bottom-section">
    <div class="col-md-7">
        <table class="table table-bordered table-sm text-center network-income-table">
            <thead>
                <tr>
                    <th>دخل الشبكات <br> <small>Cards Income</small></th>
                    <th>شبكة <br> <small>Cards</small></th>
                    <th>الإجمالي <small>Total</small></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="text-right d-flex justify-content-between px-3">
                        <span>المدفوع إلكتروني</span>
                        <small>Electronic Payment</small>
                    </td>
                    <td>{{ number_format($totalNetwork, 2) }}</td>
                    <td>{{ number_format($totalNetwork, 2) }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-5">
        <div class="card balance-card">
            <div class="card-body text-center">
                <h2 class="mb-0 display-4 font-weight-bold balance-amount">{{ number_format($totalInSafe, 2) }} ريال</h2>
                <p class="mb-0 mt-2 text-dark font-weight-bold">Total Balance</p>
            </div>
        </div>
    </div>
</div>



    <div class="mt-5 d-none d-print-block text-center report-footer">
        <hr>
        <div class="row">
            <div class="col-6">توقيع المحاسب Accountant Signature: ............................</div>
            <div class="col-6">توقيع الإدارة Management Signature: ............................</div>
        </div>
    </div>
</div>

<style>
    /* التنسيقات ثابتة مع إضافة تحسينات للـ d-flex */
    .report-container { background: #fff; direction: rtl; }
    .report-header { padding: 10px 0; border-bottom: 2px solid #ddd; }
    .logo-img { max-height: 70px; }
    .header-divider { border-top: 2px solid #ddd; margin-top: 5px; margin-bottom: 20px; }

    .table-bordered { border: 2px solid #000 !important; }
    .table-bordered th, .table-bordered td { border: 1px solid #000 !important; vertical-align: middle; }
    table thead th { background-color: #f2f2f2; color: #000; font-weight: bold; }
    .table-sm td, .table-sm th { padding: 0.3rem; font-size: 0.9rem; }

    .total-bg { background-color: #d9d9d9 !important; font-weight: bold; }
    .total-title { font-weight: bold; background-color: #e6e6e6 !important; }
    .grand-total { font-size: 1.1rem; color: #c00000; }

    .financial-grid thead th { vertical-align: middle; }
    .clause-col { width: 25%; }
    .expenses-col { width: 20%; }

    .row-total { background-color: #f9f9f9; }
    .final-row-total { font-weight: bold; }

    .final-totals td { border-top: 2px solid #000 !important; }

    .bottom-section .network-income-table { border: 1px solid #000 !important; }
    .final-net-total td { background-color: #f2f2f2; font-weight: bold; }

    .balance-card { border: 2px solid #000; background-color: #fff; }
    .balance-amount { color: #c00000; font-family: monospace; }

    /* تحسين النصوص الثنائية في خلايا الجداول */
    .d-flex.justify-content-between small {
        color: #666;
        font-style: italic;
        padding-right: 5px;
    }

@media print {
    /* 1. تصفير المتصفح تماماً وإخفاء العناصر غير الضرورية */
    @page {
        size: A4 landscape;
        margin: 1cm; /* هامش بسيط ومنتظم */
    }

    html, body {
        height: auto;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        max-height: 100vh; /* إجبار المحتوى على عدم تجاوز طول الصفحة */
        overflow: hidden !important; /* منع التمرير وبالتالي منع إنشاء صفحة ثانية */
    }

    nav, .sidebar, header, .no-print, .main-header, footer {
        display: none !important;
    }

    /* 2. ضبط الحاوية الرئيسية للتقرير */
    .report-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        zoom: 0.82; /* النسبة السحرية اللي هتلم لك التقرير في صفحة واحدة بالعرض */
        page-break-after: avoid !important; /* منع إنشاء صفحة بعد التقرير */
    }

    /* 3. تنظيف الجداول وضغطها */
    .table {
        width: 100% !important;
        margin-bottom: 8px !important;
        border-collapse: collapse !important;
    }

    .table-sm td, .table-sm th {
        padding: 4px !important;
        font-size: 10pt !important; /* مقاس مريح للعين */
    }

    /* 4. منع انقسام العناصر الهامة */
    .card, .table, .footer-signatures {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* 5. ضبط التوقيع ليكون في نفس الصفحة */
    .footer-signatures {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: space-between !important;
    }
}
</style>
@endsection