@extends('layouts.pdf')

{{-- Important Variables --}}



@section('title')
    Bill - {{ $extra['document_no'] }}
@stop
@section('content')
    <style type="text/css" media="all">
        div[size="A4"] {
            font-family: Verdana, Geneva, sans-serif !important;
            line-height: 18px
        }

        h5,
        h6,
        p {
            font-family: Verdana, Geneva, sans-serif;
        }

        table td,
        table th,
        h6,
        p {
            font-size: 10px !important;
        }

        h5 {
            font-size: 12px !important;
            font-weight: 600;
        }

        .table td {
            border-top: 0px;
        }

        table th,
        table td {
            padding: 5px !important;
        }

        .table-sm td {
            padding: 0px !important;
        }

        body {
            font-size: 1rem;
        }

        table {
            font-size: 0.5rem;
        }

        footer {
            font-size: 10px !important;
            /* color:#ccc; */
            position: fixed;
            bottom: -60px;
            left: 0px;
            right: 0px;
            height: 50px;
            /** Extra personal styles **/
            /* background-color: #03a9f4;
                color: white; */
            text-align: right;
        }

        .box {
            background-color: #0D1117;
            color: #ffffff;
            text-transform: uppercase;
            width: 40% !important;
            margin: auto;
            padding: 0px 50px;
            padding-top: 10px;
            padding-bottom: 5px;
            letter-spacing: 2px;
            font-weight: bolder !important;
            margin-top: -10px;
            margin-bottom: 11px;
            font-size: 20px !important
        }

        .th-new {
            padding-bottom: 12px !important;
        }

        .table th {
            background: #000 !important;
        }

        .office_copy {
            font-weight: bolder;
            top: 40;
            width: 150px;
            text-align: center;
            border-radius: 10px;
            border: 2px solid #000;
            margin-left: 280px;
        }

        .header_company_address {
            padding: 2px;
            text-align: center !important;
            font-size: 16px !important
        }

        .header_company_name {
            padding: 2px;
            margin: 5px 0px;
            text-align: center !important;
            font-size: 24px !important
        }

        .header_company_logo {
            width: 120px !important
        }

        .electricty-table {
            padding: 0px !important
        }

        .electricty-table tr {
            height: 10px !important;
        }

        .electricty-table tr td {
            padding: 0px !important;
            margin: 0px !important;
        }
    </style>



    <div class="container-fluid">
        @foreach ($electric_bills as $electric_bill)
            <div size="A4"
                style="page-break-after: {{ $loop->iteration != count($electric_bills) ? 'always' : 'never' }}">

                @php
                    $extra['document_no'] = $electric_bill->bill_no;
                @endphp

                @include('admin.maintenance.partial.pdf.bill_header', ['extra' => $extra])

                @include('admin.maintenance.partial.pdf.bill_special_txt')
                
                <div class="box">
                    <h4 class="text-a-c margin-top-20">{{ $extra['bill_name'] }}</h4>
                </div>


                <table class="table table-sm pull-right" style="width: 40% !important">
                    <tbody>
                        <tr>
                            <td style="text-align:left;"><strong>{{ __('lang.project') }} </strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->product->branch->name }}
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align:left;"><strong>{{ __('lang.product') }} </strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->product->product_unique_id }}
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align:left;"><strong>{{ __('lang.registration_no') }} </strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->product->sell->registration_no ?? '-' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align:left;"><strong>{{ __('lang.owner_name') }} </strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->owner->name }} </td>
                        </tr>
                        <tr>

                            <td style="text-align:left"><strong> {{ __('lang.phone_no') }} </strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->owner->phone }} </td>

                        </tr>
                        <tr>
                            <td style="text-align:left"><strong> {{__('lang.cnic')}}</strong></td>
                            <td><span class="pull-right">: </span>{{ $electric_bill->owner->cnic }}</td>
                        </tr>
                    </tbody>
                </table>

                <h5>{{ __('lang.bill_details') }}</h5>
                <table class="table  table-bordered table-hover">
                    <thead>
                        <tr>
                            <th scope="col" style="width:8%;" class="th-new text-center">{{__('lang.sno')}}</th>
                            <th scope="col" style="width:25%;" class="th-new text-center">{{ __('lang.product') }}</th>
                            <th scope="col" style="width:16%;" class="th-new text-center">{{ __('lang.amount') }} {{$transaction->systemSettingCurrency()}}</th>
                            <th scope="col" style="width:20%;" class="th-new text-center">{{ __('lang.tax_amount') }}  {{$transaction->systemSettingCurrency()}}</th>
                            <th scope="col" style="width:20%;" class="th-new text-center">{{ __('lang.discount_amount') }}  {{$transaction->systemSettingCurrency()}}</th>
                            <th scope="col" style="width:20%;" class="th-new text-center">{{__('lang.total')}} {{$transaction->systemSettingCurrency()}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="text-center">1</td>
                            <td class="text-center">{{ $electric_bill->product->product_unique_id }}</td>
                            <td class="text-center"> {{ $transaction->convert_money_format($electric_bill->amount ?? 0) }}
                            </td>
                            <td class="text-center">
                                {{ $transaction->convert_money_format($electric_bill->tax_amount ?? 0) }}
                            </td>
                            <td class="text-center">
                                {{ $transaction->convert_money_format($electric_bill->discount ?? 0) }}
                            </td>
                            <td class="text-center">
                                {{ $transaction->convert_money_format($electric_bill->total_amount ?? 0) }} </td>
                        </tr>

                        <tr>
                            <th colspan="2" class="text-center">{{__('lang.total')}}</th>
                            <th class="text-center">{{ $transaction->convert_money_format($electric_bill->amount ?? 0) }}
                            </th>
                            <th class="text-center">
                                {{ $transaction->convert_money_format($electric_bill->tax_amount ?? 0) }}
                            </th>
                            <th class="text-center">{{ $transaction->convert_money_format($electric_bill->discount ?? 0) }}
                            </th>
                            <th class="text-center">
                                {{ $transaction->convert_money_format($electric_bill->total_amount ?? 0) }}</th>
                        </tr>
                    </tbody>
                </table>

                @php
                    $bill_month = '1-' . $electric_bill->month . '-' . $electric_bill->year;
                    
                    $bill_month = date('M-Y', strtotime($bill_month));
                    
                    $total_amount_with_arrears = $electric_bill->total_amount + $electric_bill->arrears_amount;
                    $total_amount_due_date_with_arrears = $electric_bill->amount_after_due_date + $electric_bill->arrears_amount;
                    
                @endphp
                <table class="table " style="width: 100%">
                    <tbody>
                        <tr>
                            <td>
                                <table style="width: 80%" class="electricty-table">
                                    <tr>
                                        <th colspan="2" class="text-center"> {{ __('lang.electricity') }} </th>
                                    </tr>
                                    <tr>
                                        <td><b>{{ __('lang.bill_month') }}</b></td>
                                        <td>:
                                            <b>{{ $bill_month }}</b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>{{ __('lang.bill_due_date') }}</b> </td>
                                        <td>:
                                            <b>{{ date(config('settings.date_format'), strtotime(trim(str_replace('/', '-', $electric_bill->bill_date)))) }}</b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.previous_reading') }} </td>
                                        <td>:
                                            {{ $electric_bill->previous_reading }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.current_reading') }} </td>
                                        <td>:
                                            {{ $electric_bill->current_reading }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.current_units') }} </td>
                                        <td>:
                                            {{ $electric_bill->units }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.per_unit_rate') }} </td>
                                        <td>:
                                            {{ $electric_bill->unit_rate }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.amount') }} {{$transaction->systemSettingCurrency()}}</td>
                                        <td>:
                                            {{ $transaction->convert_money_format($electric_bill->amount) }}
                                        </td>

                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.tax_amount') }}  {{$transaction->systemSettingCurrency()}}</td>
                                        <td>:
                                            {{ $transaction->convert_money_format($electric_bill->tax_amount) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.discount_amount') }}  {{$transaction->systemSettingCurrency()}}</td>
                                        <td>:
                                            {{ $transaction->convert_money_format($electric_bill->discount) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.arrears') }} </td>
                                        <td>:
                                            {{ $transaction->convert_money_format($electric_bill->arrears_amount) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>{{ __('lang.amount_payable_before_due_date') }}</b></td>
                                        <td>:
                                            <b>{{ $transaction->convert_money_format($total_amount_with_arrears) }}</b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('lang.surcharge_amount') }}  {{$transaction->systemSettingCurrency()}}</td>
                                        <td>:
                                            {{ $transaction->convert_money_format($electric_bill->surcharge_amount) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>{{ __('lang.amount_payable_after_due_date') }}</b></td>
                                        <td>:
                                            <b>{{ $transaction->convert_money_format($total_amount_due_date_with_arrears) }}</b>
                                        </td>
                                    </tr>

                                </table>
                            </td>
                            <td>

                                @if (count($electric_bill->previous_bills) > 0)
                                    <table class="table table-bordered" style="width: 100%">
                                        <tbody>
                                            <tr>
                                                <th colspan="2" class="text-center">{{ __('lang.previous_bills') }}</th>
                                            </tr>
                                            @foreach ($electric_bill->previous_bills->take(5) as $previous_bill)
                                                @php
                                                    $bill_month = '1-' . $previous_bill->month . '-' . $previous_bill->year;
                                                    
                                                    $bill_month = date('M-Y', strtotime($bill_month));
                                                @endphp
                                                <tr>
                                                    <td class="text-center">{{ $bill_month }}</td>
                                                    <td class="text-center">
                                                        {{ $transaction->convert_money_format($previous_bill->total_amount) }}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>


                                    </table>
                                @endif

                            </td>
                        </tr>

                    </tbody>
                </table>

                @include('admin.maintenance.utility-bill.partials.bill_issued_by' , ['branch'=> $electric_bill->branch ])

            </div>
        @endforeach

    </div>

@stop
@push('include-css')
    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet" />

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet" />



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
        rel="stylesheet" />

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet" />


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet" />

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet" />
@endpush

@push('include-js')
    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}">
    </script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>
    <script src="{{ loadAsset('asset/js/dataTable.js') }}"></script>
    <script src="{{ loadAsset('asset/js/custom/mnt_customer_bill.js') }}"></script>
@endpush