@extends('layouts.pdf')

@section('title')
    {{ $extra['module_name']  }}
@endsection
@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: 12px !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: 1rem;
    }
    footer {
        font-size:10px !important;
        position: fixed; 
        top: 80rem;
        left: 0px; 
        right: 0px;
        height: 50px; 
        text-align: right;
    }
    .box {
        background-color: #0D1117;
        color: #ffffff;
        text-transform: uppercase;
        width: 60% !important;
        margin: auto;
        padding: 0px 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-weight: bolder !important;
        margin-top: -10px;
        margin-bottom: 15px;
        font-size:20px !important
    }
    .th-new
    {
        padding-bottom: 12px !important; 
    }
    .office_copy{
        font-weight: bolder;
        top:40;
        width: 150px;
        text-align: center;
        border-radius: 10px;
        border: 2px solid #000;
        margin-left: 350px;
    }
</style>

<div size="A4" style="page-break-after:never">
    @include('admin.partials.image-watermark')
    @include('admin.partials.branch-watermark')
    @include('admin.partials.header', ['extra' => $extra])

    <div class="box">
        <h4 class="text-a-c margin-top-20" style="text-align: center !important">Surharge Receipt Voucher</h4>
    </div>

    <table class="table" style="width:100%">
        <tbody>
            <tr>
                <td width="16%"><strong>{{__('lang.project')}}</strong>
                <td width="40%">{{$sell->branch->name ?? '-'}}</td>
            </tr>
            <tr>
                <td><strong>{{__('lang.property_unit_no')}}</strong></td>
                <td>{{$sell->product->product_unique_id ?? '-'}} ({{ $sell->product->flat_size . ' - ' . $sell->product->size_in }})</td>
            </tr>
            <tr>
                <td><strong>{{__('lang.customer_name')}}</strong></td>
                <td>{{$sell->customer->name ?? '-'}}</td>
            </tr>
        </tbody>
    </table>

    <h5>Surcharge Details</h5>
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th scope="col" style="width:7%;">{{ __('lang.sno')}}</th>
                <th scope="col">{{ __('lang.term')}}</th>
                <th scope="col" class="text-right">{{ __('lang.surcharge_amount')}} ({{ config('settings.currency_code')}})</th>
                <th scope="col">{{ __('lang.mode_of_payment')}}</th>
                <th scope="col">{{ __('lang.payment_date')}}</th>
                <th scope="col" class="text-right">{{ __('lang.paid_surcharge') }} ({{ config('settings.currency_code')}})</th>
            </tr>
        </thead>
        <tbody>
            @php
                $total_amount = 0;
            @endphp

            @foreach ($receipts as $receipt)
                <tr>
                    <td colspan="100%"><b>{{$receipt->receipt_no}}</b></td>
                </tr>
                @foreach ($receipt->schedule_surcharges as $schedule_surcharge)
                    @php
                        $total_amount += $schedule_surcharge->payment;
                    @endphp
                    <tr>
                        <td>{{ $loop->iteration}}</td>
                        <td>{{ $schedule_surcharge->schedule_receivable->term }}</td>
                        <td class="text-right">{{ $transaction->convert_money_format($schedule_surcharge->net_amount) }}</td>
                        <td>{{ $schedule_surcharge->mode_of_payment ?? '-' }}</td>
                        <td>{{ $transaction->date_format($schedule_surcharge->payment_date) }}</td>
                        <td class="text-right">{{ $transaction->convert_money_format($schedule_surcharge->payment) }}</td>
                    </tr>
                @endforeach
            @endforeach
            <tr>
                <th colspan="5" class="text-right">{{ __('lang.total')}} ({{ config('settings.currency_code')}})</th>
                <th class="text-right">{{ $transaction->convert_money_format($total_amount)}}</th>
            </tr>
        </tbody>
    </table>


    <table class="table" style="font-size: 12px;">
        <tbody>
            <tr>
                <td width="20%"><strong> Amount ({{ config('settings.currency_code')}})</strong><span class="float-right">: </span></td>
                <td> {{ $transaction->convert_money_format($total_amount) }} </td>
            </tr>
            <tr>
                <td><strong> Amount In Words </strong><span class="float-right">: </span></td>
                <td> {{ $transaction->convert_number_to_words($total_amount) }} {{ config('settings.currency_code')}} only.</td>
            </tr>
        </tbody>
    </table>

    <div style="border:1px solid #000; height:100px;">
        <table class="table m-t-50">
            <tr>
                <td class="text-center border-n">
                    - - - - - - - - - - - - - - - - - - - - - - -<br>
                    Authorized Signature
                </td>
                <td class="text-center border-n">
                    - - - - - - - - - - - - - - - - - - - - - -<br>
                    Authorized Stamp
                </td>
            </tr>
        </table>
    </div>

    <footer>
        Printed By : {{ auth()->user()->name }} 
    </footer>
</div>
    
    
@stop