@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;
            @php
                echo $type =='show' ? 'margin: 30px 50px auto;' : '' ;
            @endphp
        }
        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;
        }
        .btn:focus {
            outline: none !important;
        }
        .btn:not(.btn-link):not(.btn-circle) {
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            border: none;
            font-size: 14px;
            outline: none;
        }
        .btn:not(.btn-link):not(.btn-circle):hover {
            outline: none;
        }
        .btn:not(.btn-link):not(.btn-circle) i {
            font-size: 20px;
            position: relative;
            top: 3px;
        }
        .btn:not(.btn-link):not(.btn-circle) span {
            position: relative;
            top: -2px;
            margin-left: 3px;
        }
        .btn-warning,
        .btn-warning:hover,
        .btn-warning:active,
        .btn-warning:focus {
            background-color: #ff9600 !important;
        }
        .btn-danger,
        .btn-danger:hover,
        .btn-danger:active,
        .btn-danger:focus {
            background-color: #fb483a !important;
        }
        .btn-info,
        .btn-info:hover,
        .btn-info:active,
        .btn-info:focus {
            background-color: #00b0e4 !important;
        }
        .btn-success,
        .btn-success:hover,
        .btn-success:active,
        .btn-success:focus {
            background-color: #2b982b !important;
        }
        .btn-primary,
        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary:focus {
            background-color: #1f91f3 !important;
        }
        .table td, .table th {
          padding: .75rem !important;
        vertical-align: top !important;
        border-top: 1px solid #dee2e6 !important;        
    }
    /* .table th
    {
        background-color: #000 !important;
    } */
    </style>
    <script type="text/php">
        if (isset($pdf)) {
            $x = 400;
            $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>
<section class="container" style="max-width: 100%;">
    <div size="A4">
        <div>
            <div class="f-l-W-600">

            </div>
            <div class="f-r" style="width:120px">

            </div>
        </div>
        <table style="width:100%" class="table">
            <tr>
                <td  style="width: 12%;">
                    <img style="height:120px; margin-left:20px;"
                         src="{{ asset( config('settings.company_logo')) }}"
                        alt="">
                </td>

                <td style="vertical-align: middle !important;">
                    <p style="padding:2px;margin:5px 0px;text-align:center !important;font-size:24px !important">
                        {{ config('settings.company_name')}}
                    </p>
                    <p style="padding:2px;text-align:center !important;font-size:16px !important">
                        {{ config('settings.address_1')}},<br>{{ config('settings.address_2')}}, {{ config('settings.city')}}
                    </p>
                </td>
                <td style="width: 12%;">
                    @if ($extra['branch_img'])
                    <img style="height:120px;" src="{{ asset( $extra['branch_img'] ) }}" alt="">
                    @else
                    @endif
                </td>
            </tr>
        </table>
        
        <hr>
        <p class="text-center">{{ $upto }} </p>
        
        
        <h1 style="text-align: center; font-size: 20px;" > {{$extra['branch_name']}}</h1>
        <h4 class="text-a-c margin-top-20" style="font-size:16px !important"><u></u></h4>

        <h4 class="text-a-c margin-top-20" style="font-size:16px !important"><u>{{ $extra['voucher_type'] }}</u></h4>
        @if($search_by['from'] && $search_by['to'])
            <p class="text-center"><strong>From:</strong> {{ $search_by['from'] }} <strong>To:</strong> {{ $search_by['to'] }}</p>
        @else
            <p class="text-center">{{ $upto }} </p>
        @endif

        @if($action=='Show')
             @include('admin.partials.report_download_options')
        @endif
     
    
            
        <table class="table  table-bordered table-hover"  style="font-size: 12px;">
            <thead>
            <tr>
                <th>PROJECT</th>
               
                <th scope="col" > Number of Receipts</th>
               
                <th scope="col" >TOTAL</th>
               
            </tr>
            </thead>
            <tbody>
             
                {{-- {{dd($query)}}   --}}
               @foreach ($query as $query)
               
                   <tr>
                   
                       <td><strong>
                       
                        @foreach (App\Models\Common::getname($query->branch_id) as $rv)
                        @if($query->type == 'general')
                        {{$rv->name}}(General)
                        @else
                        {{$rv->name}}
                        @endif
                       @endforeach
                        </strong></td>
                       
                       <td><strong>{{$query->total_receipt??'-'}}</strong></td>
                       <td><strong>{{$transaction->convert_money_format($query->actual_amount) ?? '-'}}</strong></td>
                       <tr>
                           
                       <td>{{$query->blocks == '0' ? '-':'-' }}</td>   
                       <td>{{$query->total_receipt ??'-'}}</td>
                       <td>{{$transaction->convert_money_format($query->actual_amount) ??'-'}}</td>
                       </tr>
                  
                       @php
                        $total_actual_amount += $query->actual_amount
                        @endphp
                </tr>
               @endforeach  
            
            
            
            </tbody>
            <thead>
                <tr>
                    <th>Total</th>
                    <th>     </th>
                  <th>{{$transaction->convert_money_format($total_actual_amount)}}</th>
               
                </tr>
            </thead>

        </table>
</section>
@stop