@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 =='pdf' ? 'margin: 30px 30px;' : '' ;
            @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;
        }
        thead {display: table-row-group;}
        .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  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%">
            <tr>
                <td style="width: 12%;">
                    <img style="height: 120px !important;" src="{{ asset(config('settings.company_logo')) }}" alt="">
                </td>

                <td>
                    <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') }} {{ config('settings.address_2') }}
                        {{ config('settings.city') }}</p>
                </td>

                <td style="width: 12%;">

                </td>
            </tr>
        </table>
        <hr>
        <table style="width:100%">
            <tr style="">
                <td style="width: 25%;">
                    <p style="text-align: left; font-size: 16px !important;"></p>

                </td>
                <td>
                    <h4 class="text-a-c margin-top-20" style="font-size:22px !important">
                        <u>{{ $extra['voucher_type'] }}</u>
                    </h4>
                    <h6 class="text-a-c margin-top-20" style="font-size:20px !important">{{ $extra['sub_heading'] }}
                    </h6>
                </td>

                <td style="width: 25%;">
                    @if ($extra['from'] && $extra['to'])
                        <p style="text-align: right; font-size:14px !important;"><strong>From:</strong>
                            {{ date(config('settings.date_format'), strtotime($extra['from'])) }}
                            <strong>To:</strong>
                            {{ date(config('settings.date_format'), strtotime($extra['to'])) }}</p>
                    @else
                        <p style="text-align: right; font-size: 16px  !important">

                            {{ 'Upto ' . date(config('settings.date_format'), strtotime(!empty($extra['to']) ? $extra['to'] :now())) }} </p>
                    @endif
                </td>
            </tr>
        </table>
    @endphp
    <table class="table  table-bordered table-hover"  style="font-size: 12px; " width="50%">
        <thead>
            <tr>
                <th scope="col">S. No.</th>
                <th scope="col">Recovery Agent</th>
                <th scope="col">Month</th>
                <th scope="col">Due Sales {{$transaction->systemSettingCurrency()}}</th>
                <th scope="col">Target {{$transaction->systemSettingCurrency()}}</th>
                <th scope="col">Achieved {{$transaction->systemSettingCurrency()}}</th>
                <th scope="col">Percentage (%)</th>     
           </tr>
        </thead>
        <tbody>

            @foreach($query as $key => $row)
                <tr>
                    <td >{{++$key}}</td>
                    <td>
                        {{ $row->name }}
                    </td>
                    <td>
                        {{ date('F', mktime(0, 0, 0, $row->month, 10)) }}
                    </td>
                    <td>
                        {{ $transaction->convert_money_format($row->due_amounts) }}
                    </td>
                    <td>
                        {{ $transaction->convert_money_format($row->target) }}
                    </td>
                    <td>
                        {{ $transaction->convert_money_format($row->task_amounts) }}
                    </td>
                    <td>
                        @php
                            $percentage = 0;
                            if (!empty($row->target) && !empty($row->task_amounts)) {
                                # code...
                                
                                $percentage = ($row->task_amounts / $row->target) * 100;
                            }
                        @endphp

                        {{ round($percentage) . ' %' ?? '-' }}
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    </div>
</section>
@stop