@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;
        }
        .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;
        }
        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;
        }
    </style>

    {{-- <p>Printing Date & Time: {{ $extra['current_date_time']  }}</p> --}}
    <script type="text/php">
        if (isset($pdf)) {
            $x = 275;
            $y = 10;
            $text = "Page {PAGE_NUM} of {PAGE_COUNT}";
            $font = null;
            $size = 8;
            $color = array(0,0,0);
            $word_space = 0.0;  //  default
            $char_space = 0.0;  //  default
            $angle = 0.0;   //  default
            $pdf->page_text($x, $y, $text, $font, $size, $color, $word_space, $char_space, $angle);
        }
    </script>
    
    <div size="A4">
        <table style="width:100%">
            <tr>
                <td style="width:20%">
                    @if ($data['items'][0]['branch']->show_company_logo == '1')
                    <img class="width-100 height-100" style="width:100px;"
                        src="{{ asset( config('settings.company_logo')) }}"
                        alt="">
                    @endif
                </td>
                <td class="" style="font-weight: bold;">
                    @if ($data['items'][0]['branch']->show_company_logo == '1')
                    <p style="padding:2px;margin:2px 0px;text-align:center !important;font-size:24px !important; font-weight:bolder">
                        {{ config('settings.company_name')}}
                    </p> 
                    @else
                    <p style="padding:2px;margin:2px 0px;text-align:center !important;font-size:24px !important; font-weight:bolder">
                        {{ $data['items'][0]['branch']->name }}
                    </p> 
                    @endif

                    <p  style="margin:0;padding:4px;text-align:center !important;font-size:10px !important">
                        {{ config('settings.address_1')}}, {{ config('settings.address_2')}}, {{ config('settings.city')}}
                                        </p>
                   @if ($data['items'][0]['branch']->show_company_logo == '1')
                    <p  style="margin:0;padding:2px;text-align:center !important;font-size:16px !important">
                        {{ $data['items'][0]['branch']->name }}
                    </p>
                  @endif
                </td>
                <td style="width:20%">
                    <p class="text-a-c border-t-1 border-l-1 border-r-1 line-h-20" style="margin:0;padding:0;">
                    Voucher No.<br></p>
                    <p class="text-a-c border-1 line-h-20"  style="margin:0;padding:0;">{{ $data['parent']['jv_no']  }}</p>
                </td>
            </tr>
        </table>
      
        <br>
        <div class="box">
            <h4 class="text-a-c margin-top-20" >{{ $extra['voucher_type'] }}</h4>
        </div>
        <br>
        <br>
        <p class="text-right" > Date: {{  date(config('settings.date_format'), strtotime($data['parent']['voucher_date']))  }}
          <br>
            Cheque Date:    {{ date("d/m/Y", strtotime($data['items'][0]->cheque_date))  }}
        </p>
        
       @php
            $count =0;
        @endphp
        {{-- <h5>Payment Details</h5> --}}
        <table class="table  table-bordered table-hover"  style="width:100%;font-size: 12px;">
            <thead>
            <tr>
                <th scope="col" style="width:10%;">S. No.</th>
                <th scope="col">A/C Code</th>
                <th scope="col">Projects</th>
                <th scope="col">Particulars</th>
                <th scope="col" style="width:20%;">Debit Amount (