@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;
            padding: 10px 50px;
            letter-spacing: 2px;
            font-weight: bolder !important;
            font-size:20px !important;
            margin: 10px auto;
        }
        .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;
        }

        .signature-box {
            width: 100%;
            border: 1px solid #000;
            padding-top: 50px;
            padding-bottom: 10px;
            margin-top: 50px;
        }
        .signature-table {
            width: 100%;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 30px 0;
            text-align: center;
        }

        .signature-cell {
            width: 25%;
            padding: 20px;
            vertical-align: bottom;
        }

        .signature-line {
            display: block;
            width: 100%;
            border-bottom: 1px dashed #000;
            margin-bottom: 5px;
            height: 1em;
        }
    </style>

    {{-- <p>Printing Date & Time: {{ $extra['current_date_time']  }}</p> --}}
    <script type="text/php">
        if (isset($pdf)) {
            $x = 260;
            $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>

    @php
        $system_settings    = $data['system_settings'];
        $jv_settings        = $system_settings->allowed_entity->journal_voucher;
        $pdf_stamp_1        = $jv_settings->jv_pdf_stamp_1 ?? "Prepared by";
        $pdf_stamp_2        = $jv_settings->jv_pdf_stamp_2 ?? "Authorised Signature";
        $pdf_stamp_3        = $jv_settings->jv_pdf_stamp_3;
        $pdf_stamp_4        = $jv_settings->jv_pdf_stamp_4;

        $references         = $data['parent']->references->implode('reference' , ', ');
    @endphp
    
    <div size="A4">

    @include('includes.unapproved_text',['voucher_type'=> 'JV' ,'reference_id'=> $data['parent']->id])

        @include('admin.partials.image-watermark')
        @include('admin.partials.jv-header', ['extra' => $extra])
        {{-- <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>
        <table class="table" style="width:100%">
            <tbody>
                <tr>
                    <td width="15%"><b>Voucher No</b></td>
                    <td width="1%">:</td>
                    <td width="40%" style="text-align: left">{{ $data['parent']->jv_no  }}</td>
                    {{-- <td width="18%"><b>Cheque Date</b></td>
                    <td width="1%">:</td>
                    <td>{{ date("d/m/Y", strtotime($data['items'][0]->cheque_date))  }}</td> --}}
                </tr>
                <tr>
                    {{-- <td><b>Cheque Status</b></td>
                    <td>:</td>
                    <td>{{ $data['parent']->cheque_status  }}</td> --}}
                    <td width="8%"><b>Date</b></td>
                    <td width="1%">:</td>
                    <td >{{  date(config('settings.date_format'), strtotime($data['parent']['voucher_date']))  }}</td>
                    <td width="8%"><b>Ref No.</b></td>
                    <td width="1%">:</td>
                    <td > {{ $references }}</td>
                </tr>
            </tbody>
        </table>
         
       @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 (