@extends('layouts.master')
@section('css')
<style>
    @media print {
        #print_Button { display: none; }
    }
</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">معاينة طباعة التقرير</h5></div>
</div>
@endsection

@section('content')
<div class="row row-sm">
    <div class="col-md-12 col-xl-12">
        <div class="main-content-body-invoice" id="print">
            <div class="card card-invoice p-3 pt-4">
                <div class="d-flex justify-content-center">
                    <button class="btn btn-danger print-style" id="print_Button" onclick="printDiv()">
                        {{ __('home.print') }} <i class="mdi mdi-printer ml-1"></i>
                    </button>
                </div>
                <br>

                <div class="card-body pt-3">
                    <div class="invoice-header" style="display: flex; justify-content: space-between; width:100%">
                        <div class="billed-from" style="width:33%; text-align: center;">
                            <span style="font-size:25px">{{Nameen}}</span><br>
                            <p dir=ltr>{{describtionen}}</p>
                        </div>
                        <div>
                            <img src="{{ asset('assets/img/brand').'/'.camplogo }}" style="width: 110px; height: 70px;">
                        </div>
                        <div class="billed-from" style="width:33%; text-align: center;">
                            <span style="font-size:25px">{{Namear}}</span><br>
                            <p>{{describtionar}}</p>
                        </div>
                    </div>

                    <center><h6 class="invoice-title">{{ __('home.cost_center') }}</h6></center>

                    <div class="table-responsive">
                        <table class="table table-bordered text-center my-2">
                            <tr>
                                <th>{{ __('report.fromdate') }}: {{ $start }}</th>
                                <th>{{ __('report.todate') }}: {{ $end }}</th>
                                <th>{{ __('home.cost_center') }}: {{ $name_cost }}</th>
                                <th>{{ __('home.exportTime') }}: {{ \Carbon\Carbon::now()->addHours(3)->format("Y-m-d H:i") }}</th>
                            </tr>
                        </table>
                    </div>

                    <div class="card-body">
                        @if($report_type == 'both' || $report_type == 'details')
                        <table class="table table-hover table-bordered table-striped text-center">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('home.decoumentNo') }}</th>
                                    <th>{{ __('report.date') }}</th>
                                    <th>{{ __('users.branch') }}</th>
                                    <th>{{ __('accountes.Theamountpaid') }}</th>
                                    <th>{{ __('home.debit') }}</th>
                                    <th>{{ __('home.credit') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($data as $item)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $item->sent_serf_count }}</td>
                                    <td>{{ $item->date_export }}</td>
                                    <td>{{ $item->branch->name }}</td>
                                    <td>{{ number_format($item->recive_amount, 2) }}</td>
                                    <td>{{ number_format($item->debtor, 2) }}</td>
                                    <td>{{ number_format($item->creditor, 2) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @endif

               @if($report_type == 'both' || $report_type == 'summary')
    <div class="row mt-4">
        <div class="col-md-12">
            <h5 class="text-center">حالة مراكز التكلفة الختامية</h5>
            <table class="table table-bordered text-center">
                <thead style="background-color: #f1f1f1;">
                    <tr>
                        <th>اسم مركز التكلفة</th>
                        <th>إجمالي المدين</th>
                        <th>إجمالي الدائن</th>
                        <th>الحالة الختامية (الرصيد)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($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 style="font-weight: bold; color: {{ $center['balance'] >= 0 ? 'green' : 'red' }}">
                            {{ number_format($center['balance'], 2) }}
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    function printDiv() {
        var printContents = document.getElementById('print').innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
        location.reload();
    }
</script>
@endsection