@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;
            /* 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; 
        }
        
    </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>
    <footer>
        Printed By:  
    </footer>
    <div size="A4" style="page-break-after: never;">
        <div>
            <div class="f-l-W-600">
                
            </div>
            <div class="f-r" style="width:120px">
                
            </div>
        </div>
        
        @include('admin.partials.service_purchase_order_header', ['extra' => $extra])
        
        <br>

        <div class="box">
            <h4 class="text-a-c margin-top-20" >{{ $extra['voucher_type'] }}</h4>
        </div>

        <div style="display: flex">


            <table class="table" style="width:100%">
                <tbody>
                    
                    <tr>
                        <td width="15%"><b>Purchase No.</b></td>
                        <td width="1%">:</td>
                        <td width="28%" style="text-align: left">{{($item->purchase_order->po_no)}}</td>
    
                        <td width="15%"><b>Project Name</b></td>
                        <td width="1%">:</td>
                        <td>{{ $extra['branch']->name ?? '-' }}</td>
                    </tr>

                    <tr>
                        <td><b>SRN No.</b></td>
                        <td>:</td>
                        <td style="text-align: left">{{ $item->srn_no }}</td>
    
                        <td><b>Project Address</b></td>
                        <td>:</td>
                        <td>{{ $extra['branch']->location ?? '-' }}</td>
                    </tr>

                    <tr>
                        <td><b>Receiving Date</b></td>
                        <td>:</td>
                        <td style="text-align: left">{{ $transaction->date_format($item->receiving_date) }}</td>
    
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>

                </tbody>
            </table>
        </div>
     
        <hr>
          
        <h5>Services</h5>
       
        <table class="table  table-bordered table-hover"  style="width:100%;">
            <thead>
                <tr>
                     <th scope="col" class="text-center" style="padding-bottom: 10px !important; ">S. No.</th>
                     <th scope="col"  style="width: 50% !important; padding-bottom: 10px !important; ">Service</th>
                     <th scope="col"  style="width: 20% !important; padding-bottom: 10px !important; ">Received Quantity</th>
                     <th scope="col"  style="padding-bottom: 10px !important; ">Delivery Date</th>
                </tr>
            </thead>

            <tbody>
                    <tr>
                        <td class="text-center">1</td>
                        <td>{{ $item->po_services->name }} </td>
                        <td>{{ $item->received_quantity }}</td>
                        <td>{{ $transaction->date_format($item->receiving_date) }}</td> 
 
                    </tr>
            </tbody>

          
        </table>

 
        <div style="border:1px solid #000; height:80px; margin-top: 50px!important;">

        <table class="table" style="margin-top: 20px!important;" >
            <tr>
                <td class="text-center border-n">
                  - - - - - - - - - - - - - - - - - - - - - - -<br>
                    Authorized Signature
                </td>
             
                <td class="text-center border-n">
                  - - - - - - - - - - - - - - - - - - - - - -<br>
                     Authorized Stamp
                </td>
            </tr>
        </table>
    </div>

       
    </div>
    
@stop