@extends('sales::layouts.exporting.pdf.master')

@section('koolreport')
<style>
    .customers-print-table {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .customers-print-table th,
    .customers-print-table td {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow: hidden !important;
        max-width: 0 !important;
        vertical-align: top !important;
        padding: 6px 4px !important;
    }

    .customers-print-table td.break-all {
        word-break: break-all !important;
    }

    .customers-print-table .col-code { width: 6% !important; }
    .customers-print-table .col-name { width: 16% !important; }
    .customers-print-table .col-address { width: 18% !important; }
    .customers-print-table .col-phone { width: 11% !important; }
    .customers-print-table .col-email { width: 14% !important; }
    .customers-print-table .col-account { width: 14% !important; }
    .customers-print-table .col-tax { width: 11% !important; }
    .customers-print-table .col-balance { width: 10% !important; }

    .customers-print-table td.text-right {
        text-align: right !important;
    }
</style>
    <section id="configuration">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body collapse in">
                        <div>
                            <section class="text-center">
                                <h2>
                                    @lang('sales::customers.Customers')
                                </h2>
                                <h4 class="text-center"><b>{{$data['companyName']}}</b></h4>
                            </section>
                            <div>
                                <div class="tableFixHead">
                                    <table
                                        class="table table-striped customers-print-table">
                                        <thead>
                                        <tr>
                                            <th class="col-code">@lang('sales::customers.Code')</th>
                                            <th class="col-name">@lang('sales::customers.Customer Name')</th>
                                            <th class="col-address">@lang('sales::customers.Billing Address')</th>
                                            <th class="col-phone">@lang('sales::customers.Phone')</th>
                                            <th class="col-email">@lang('sales::customers.Email')</th>
                                            <th class="col-account">@lang('sales::customers.Account')</th>
                                            <th class="col-tax">@lang('sales::customers.Tax Number')</th>
                                            <th class="col-balance">@lang('sales::customers.Current Balance')</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(count($data['customers']))
                                            @foreach($data['customers'] as $customer)
                                                <tr>
                                                    <td class="col-code">{{$customer['code']}}</td>
                                                    <td class="col-name wrap-text customer-name-cell">{{$customer['name']}}</td>

                                                    <td class="col-address wrap-text">
                                                        <div class="container px-4 form-border">

                                                            <div class="row">
                                                                <div
                                                                    class="px-1">{{ Str::limit($customer['street'], 80) }}</div>
                                                            </div>
                                                            <div class="row">
                                                                <div
                                                                    class="px-1">{{ Str::limit($customer['city'], 80) }}</div>
                                                            </div>
                                                            <div class="row">
                                                                <div
                                                                    class="px-1">{{ Str::limit($customer['country'], 80) }}</div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="px-1 pb-1">{{$customer['postal_code']}}</div>
                                                            </div>
                                                        </div>
                                                    </td>

                                                    <td class="col-phone break-all">{{$customer['mobile'] ? str_replace("+", "00", App\Enums\PhoneCode::get($customer['country_code'])) . '-' .  $customer['mobile'] : '' }}</td>
                                                    <td class="col-email wrap-text break-all">{{$customer['email'] }}</td>
                                                    <td class="col-account wrap-text">{{$customer['accounts'][0]['name'] ?? ''}}</td>
                                                    <td class="col-tax break-all">{{$customer['tax_number']}}</td>
                                                    <td class="col-balance text-right">{{ ($customer['current_balance'] < 0 ) ? '(' . number_format(abs($customer['current_balance']),2) . ')' : number_format($customer['current_balance'],2) }}</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="mt-2">
                                    <div class="row">
                                        <h3>
                                            @lang('sales::customers.Total Outstanding') :
                                            {{number_format($data['customersTotalBalance'],2)}}
                                        </h3>
                                    </div>
                                    @if(app()->getLocale() == 'ar')
                                    <div class="row">
                                        <h3>
                                            ............................................................................................ @lang('just_no_another')
                                        </h3>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection