@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
        }

        .disconnection{
            /* color: #ffffff; */
            text-transform: uppercase;
            margin: auto;
            text-align: center;
            padding-top:15px;
            padding-bottom: 18px;
            font-weight: bolder !important;
            margin-top: -10px;
            margin-bottom: 11px;
            border:1px solid;
            letter-spacing: 1px;
            font-size: 14px !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 ($water_bills as $water_bill )
                <div size="A4" style="page-break-after: {{($loop->iteration != count($water_bills)) ? 'always' :'never' }}">

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

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

                    <div style="margin-bottom: 2rem">
                        @include('admin.maintenance.partial.pdf.letter_head')
                    </div>
                            
                        @include('admin.maintenance.partial.pdf.bill_special_txt')
                  
                            <div>
                                <table>
                                    <tr>
                                        <td width="20%"></td>
                                        <td width="20%">
                                            <div class="box">
                                                <h4 class="text-a-c margin-top-20">{{ $extra['bill_name'] }}</h4>
                                            </div>

                                        </td>
                                        <td width="20%">


                                            @if($water_bill->arrears_amount > 0)
                                            <div class="disconnection">
                                                <span >Disconnection Notice</span>
                                            </div>
                                            @endif

                                        </td>
                                    </tr>
                                </table>
                            </div>
               

                
                            
                                <table class="table table-sm pull-right mt-5" style="width: 40% !important; clear: both; ">
                                    <tbody>
                                        <tr>
                                            <td style="text-align:left;"><strong>Project </strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->product->branch->name }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:left;"><strong>Product </strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->product->product_unique_id }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:left;"><strong>Registration No </strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->product->sell->registration_no ?? '-' }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:left;"><strong>Owner Name </strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->owner->name }} </td>
                                        </tr>
                                        <tr>

                                            <td style="text-align:left"><strong> Phone No. </strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->owner->phone }} </td>

                                        </tr>
                                        <tr>
                                            <td style="text-align:left"><strong> CNIC</strong></td>
                                            <td><span class="pull-right">: </span>{{ $water_bill->owner->nid }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                           
                    <h5>Bill Details</h5>
                    <table class="table  table-bordered table-hover">
                        <thead>
                            <tr>
                                <th scope="col" style="width:8%;" class="th-new text-center">S. No.</th>
                                <th scope="col" style="width:25%;" class="th-new text-center">Product</th>
                                <th scope="col" style="width:16%;" class="th-new text-center">Amount {{$transaction->systemSettingCurrency()}}</th>
                                <th scope="col" style="width:20%;" class="th-new text-center">Tax Amount  {{$transaction->systemSettingCurrency()}}</th>
                                <th scope="col" style="width:20%;" class="th-new text-center">Discount Amount  {{$transaction->systemSettingCurrency()}}</th>
                                <th scope="col" style="width:20%;" class="th-new text-center">Total {{$transaction->systemSettingCurrency()}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-center">1</td>
                                <td class="text-center" >{{ $water_bill->product->product_unique_id }}</td>
                                <td class="text-center"> {{ $transaction->convert_money_format($water_bill->amount ?? 0) }}
                                </td>
                                <td class="text-center"> {{ $transaction->convert_money_format($water_bill->tax_amount ?? 0) }}
                                </td>
                                <td class="text-center"> {{ $transaction->convert_money_format($water_bill->discount ?? 0) }}
                                </td>
                                <td class="text-center">
                                    {{ $transaction->convert_money_format($water_bill->total_amount ?? 0) }} </td>
                            </tr>

                            <tr>
                                <th colspan="2" class="text-center">Total</th>
                                <th class="text-center">{{ $transaction->convert_money_format($water_bill->amount ?? 0) }}</th>
                                <th class="text-center">{{ $transaction->convert_money_format($water_bill->tax_amount ?? 0) }}
                                </th>
                                <th class="text-center">{{ $transaction->convert_money_format($water_bill->discount ?? 0) }}
                                </th>
                                <th class="text-center">
                                    {{ $transaction->convert_money_format($water_bill->total_amount ?? 0) }}</th>
                            </tr>
                        </tbody>
                    </table>

                    @php
                        $bill_month = '1-' . $water_bill->month . '-' . $water_bill->year;
                        
                        $bill_month = date('M-Y', strtotime($bill_month));

                        $total_amount_with_arrears          =  $water_bill->total_amount +  $water_bill->arrears_amount;
                        $total_amount_due_date_with_arrears =  $water_bill->amount_after_due_date +  $water_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"> Water Bill  </th>
                                            </tr>
                                            <tr>
                                                <td><b>Bill Month</b></td>
                                                <td>:
                                                    <b>{{ $bill_month }}</b>
                                                </td>                           
                                            </tr>
                                            <tr>
                                                <td><b>Bill Due Date</b> </td>
                                                <td>:
                                                    <b>{{ date(config('settings.date_format'), strtotime(trim(str_replace('/', '-', $water_bill->bill_date)))) }}</b>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Previous Reading </td>
                                                <td>:
                                                    {{ $water_bill->previous_reading }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Current Reading </td>
                                                <td>:
                                                    {{ $water_bill->current_reading }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Gallons </td>
                                                <td>:
                                                    {{$water_bill->gallons}}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Gallons Rate {{$transaction->systemSettingCurrency()}} </td>
                                                <td>:
                                                    {{$water_bill->gallon_rate}}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Amount {{$transaction->systemSettingCurrency()}}</td>
                                                <td>:
                                                    {{ $transaction->convert_money_format($water_bill->amount) }}    
                                                </td>
                    
                                            </tr>
                                            <tr>
                                                <td>Tax Amount  {{$transaction->systemSettingCurrency()}}</td>
                                                <td>:
                                                    {{ $transaction->convert_money_format($water_bill->tax_amount) }}    
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Discount Amount  {{$transaction->systemSettingCurrency()}}</td>
                                                <td>:
                                                    {{ $transaction->convert_money_format($water_bill->discount) }}  
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Arrears </td>
                                                <td>:
                                                    {{ $transaction->convert_money_format($water_bill->arrears_amount) }}  
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><b>Amount Payable Before Due Date</b></td>
                                                <td>:
                                                    <b>{{ $transaction->convert_money_format($total_amount_with_arrears) }}</b>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Surcharge Amount  {{$transaction->systemSettingCurrency()}}</td>
                                                <td>:
                                                    {{ $transaction->convert_money_format($water_bill->surcharge_amount) }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><b>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($water_bill->previous_bills)>0)
                                            <table class="table table-bordered" style="width: 100%">
                                                <tbody>
                                                    <tr>
                                                        <th colspan="2" class="text-center">Previous Bills</th>
                                                    </tr>
                                                        @foreach($water_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>
                        
                    @php
                        $bill = $water_bill;
                    @endphp


                    @include('admin.maintenance.utility-bill.partials.bank_details')
                    
                    @include('admin.maintenance.utility-bill.partials.bill_issued_by' , ['branch'=> $water_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