@extends('layouts.master')
@section('title')
    {{trans_choice('general.portfolio',1)}} {{trans_choice('general.report',1)}}
@endsection
@section('content')
    <style type="text/css">
        .style-0 {
            empty-cells: show;
            table-layout: fixed;
            width: 1315pt
        }

        .style-1 {
            color: white;
            padding-left: 10pt;
            font-size: 14pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            background-color: #339933
        }

        .style-10 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            background-color: #f2f1f1
        }

        .style-11 {
            border-top: 2pt solid black
        }

        .style-12 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-bottom: 2pt solid black
        }

        .style-13 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-bottom: 2pt solid black
        }

        .style-14 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-bottom: 2pt solid black;
            background-color: #cccccc
        }

        .style-15 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-bottom: 2pt solid black;
            background-color: #f2f1f1
        }

        .style-16 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-17 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            background-color: #cccccc
        }

        .style-18 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            background-color: #f2f1f1
        }

        .style-19 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-top: 2pt solid black
        }

        .style-2 {
            color: black;
            padding-right: 5pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-20 {
            color: black;
            padding-right: 2pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-top: 2pt solid black
        }

        .style-21 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-top: 2pt solid black;
            background-color: #cccccc
        }

        .style-22 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            border-top: 2pt solid black;
            background-color: #f2f1f1
        }

        .style-23 {
            color: black;
            font-size: 10pt;
            font-family: serif;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-24 {
            width: 50px;
            height: 50px
        }

        .style-3 {
            color: #2f2c35;
            padding-right: 5pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-4 {
            color: #2f2c35;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-5 {
            color: black;
            padding-right: 2pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-6 {
            color: black;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: right;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-7 {
            color: black;
            padding-right: 2pt;
            font-size: 8pt;
            font-family: "Arial Narrow";
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            text-align: left;
            word-spacing: 0pt;
            letter-spacing: 0pt;
            white-space: pre-wrap
        }

        .style-8 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;

        }

        .style-9 {
            color: black;
            padding-right: 1pt;
            font-size: 8pt;
            font-family: "Arial";
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
            text-align: center;
            word-spacing: 0pt;
            letter-spacing: 0pt;
           
            background-color: #cccccc
        }

    </style>
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">
                {{trans_choice('general.portfolio',1)}} {{trans_choice('general.report',1)}}
                @if(!empty($end_date))
                    as at: <b> {{$end_date}}</b>
                @endif
            </h3>

            <div class="box-tools pull-right">

            </div>
        </div>
        <div class="box-body hidden-print">
            <form method="post" action="{{Request::url()}}" class="form-horizontal" enctype="multipart/form-data">
                {{csrf_field()}}
                <div class="form-group">
                    <label for="end_date"
                           class="control-label col-md-2">{{trans_choice('general.end',1)}} {{trans_choice('general.date',1)}}</label>
                    <div class="col-md-3">
                        <input type="text" name="end_date" class="form-control date-picker"
                               value="{{$end_date}}"
                               required id="end_date">
                    </div>
                </div>
                <div class="form-group">
                    <label for="loan_officer_id"
                           class="control-label col-md-2">{{trans_choice('general.officer',1)}}</label>
                    <div class="col-md-3">
                        <select name="loan_officer_id" class="form-control select2" id="loan_officer_id" required>
                            <option value="0"
                                    @if($loan_officer_id=="0") selected @endif>{{trans_choice('general.all',1)}}</option>
                            @foreach(\App\Models\User::all() as $key)
                                <option value="{{$key->id}}"
                                        @if($loan_officer_id==$key->id) selected @endif>{{$key->first_name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="loan_product_id"
                           class="control-label col-md-2">{{trans_choice('general.product',1)}}</label>
                    <div class="col-md-3">
                        <select name="loan_product_id" class="form-control select2" id="loan_product_id" required>
                            <option value="0"
                                    @if($loan_product_id=="0") selected @endif>{{trans_choice('general.all',1)}}</option>
                            @foreach(\App\Models\LoanProduct::all() as $key)
                                <option value="{{$key->id}}"
                                        @if($loan_product_id==$key->id) selected @endif>{{$key->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for=""
                           class="control-label col-md-2"></label>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-success">{{trans_choice('general.search',1)}}!
                        </button>

                        <a href="{{Request::url()}}"
                           class="btn btn-danger">{{trans_choice('general.reset',1)}}!</a>

                        <div class="btn-group">
                            <button type="button" class="btn bg-blue dropdown-toggle legitRipple"
                                    data-toggle="dropdown">{{trans_choice('general.download',1)}} {{trans_choice('general.report',1)}}
                                <span class="caret"></span></button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li>
                                    <a href="{{url('report/loan_report/loan_portfolio/pdf?end_date='.$end_date.'&loan_officer_id='.$loan_officer_id.'&loan_product_id='.$loan_product_id)}}"
                                       target="_blank"><i
                                                class="icon-file-pdf"></i> {{trans_choice('general.download',1)}} {{trans_choice('general.to',1)}} {{trans_choice('general.pdf',1)}}
                                    </a></li>
                                <li>
                                    <a href="{{url('report/loan_report/loan_portfolio/excel?end_date='.$end_date.'&loan_officer_id='.$loan_officer_id.'&loan_product_id='.$loan_product_id)}}"
                                       target="_blank"><i
                                                class="icon-file-excel"></i> {{trans_choice('general.download',1)}} {{trans_choice('general.to',1)}} {{trans_choice('general.excel',1)}}
                                    </a></li>
                                <li>
                                    <a href="{{url('report/loan_report/loan_portfolio/csv?end_date='.$end_date.'&loan_officer_id='.$loan_officer_id.'&loan_product_id='.$loan_product_id)}}"
                                       target="_blank"><i
                                                class="icon-download"></i> {{trans_choice('general.download',1)}} {{trans_choice('general.to',1)}} {{trans_choice('general.csv',1)}}
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>

        </div>

    </div>
    <!-- /.box -->
    @if(!empty($end_date))
        <div class="box box-primary">
            <div class="panel-body table-responsive ">
                <table cellspacing="0" cellpadding="0" class="style-0">

                    <tbody>
                    <tr style="height: 25pt">
                        <td colspan="29" valign="middle"
                            class="style-1"> {{trans_choice('general.portfolio',1)}} {{trans_choice('general.report',1)}}</td>

                    </tr>
                    <tr style="height: 13pt">
                        <td colspan="5" valign="middle" class="style-2"></td>
                        <td></td>
                        <td colspan="4" valign="middle" class="style-2"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td colspan="3" valign="middle"
                            class="style-3">{{trans_choice('general.report',1)}} {{trans_choice('general.run',1)}} {{trans_choice('general.date',1)}}
                            :
                        </td>
                        <td colspan="3" valign="middle" class="style-4"> {{date("Y-m-d H:i:s")}}</td>
                        <td colspan="10"></td>

                    </tr>
                    <tr style="height: 13pt">
                        <td colspan="3" valign="middle"
                            class="style-2"></td>
                        <td colspan="2" valign="middle" class="style-5" id="outstanding_principal"></td>
                        <td></td>
                        <td colspan="2" valign="middle" class="style-2"></td>
                        <td colspan="2" valign="middle" class="style-6"></td>
                        <td colspan="3"></td>
                        <td colspan="3" valign="middle"
                            class="style-3">{{trans_choice('general.report',1)}} {{trans_choice('general.date',1)}}:
                        </td>
                        <td colspan="3" valign="middle" class="style-6">{{$end_date}}</td>
                        <td colspan="10"></td>
                    </tr>
                    <tr style="height: 23pt">
                        <td colspan="3" valign="middle" class="style-2">{{trans_choice('general.officer',1)}} :</td>
                        <td colspan="3" valign="middle" class="style-7">
                           
                        </td>
                        <td colspan="24"></td>
                    </tr>
                    <tr style="height: 13pt">
                        <td></td>
                        <td colspan="7" valign="middle" class="style-8">{{trans_choice('general.portfolio',1)}}</td>
                        <td colspan="3" valign="middle"
                            class="style-9">{{trans_choice('general.on_time',1)}} {{trans_choice('general.loan',2)}}</td>
                        <td colspan="3" valign="middle" class="style-10">1-30 {{trans_choice('general.day',2)}}</td>
                        <td colspan="3" valign="middle" class="style-9">31-60 {{trans_choice('general.day',2)}}</td>
                        <td colspan="3" valign="middle" class="style-10">61-90 {{trans_choice('general.day',2)}}</td>
                        <td colspan="3" valign="middle" class="style-9">91-180 {{trans_choice('general.day',2)}}</td>
                        <td colspan="3" valign="middle" class="style-10">More than
                            180 {{trans_choice('general.day',2)}}</td>
                        <td colspan="3" valign="middle"
                            class="style-9">{{trans_choice('general.total',2)}} {{trans_choice('general.par',1)}}</td>
                    </tr>
                    <tr style="height: 13pt">
                        <td valign="middle" class="style-12">{{trans_choice('general.officer',1)}} :</td>
                        <td valign="middle" class="style-13">NOL</td>
                        <td colspan="2" valign="middle" class="style-13">P</td>
                        <td valign="middle" class="style-13">I</td>
                        <td valign="middle" class="style-13">F</td>
                        <td valign="middle" class="style-13">P</td>
                        <td valign="middle" class="style-13">{{trans_choice('general.total',1)}}</td>
                        <td valign="middle" class="style-14">#</td>
                        <td valign="middle" class="style-14">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-14">%</td>
                        <td valign="middle" class="style-15">#</td>
                        <td valign="middle" class="style-15">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-15">%</td>
                        <td valign="middle" class="style-14">#</td>
                        <td valign="middle" class="style-14">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-14">%</td>
                        <td valign="middle" class="style-15">#</td>
                        <td valign="middle" class="style-15">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-15">%</td>
                        <td valign="middle" class="style-14">#</td>
                        <td valign="middle" class="style-14">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-14">%</td>
                        <td valign="middle" class="style-15">#</td>
                        <td valign="middle" class="style-15">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-15">%</td>
                        <td valign="middle" class="style-14">#</td>
                        <td valign="middle" class="style-14">{{trans_choice('general.amount',1)}}</td>
                        <td valign="middle" class="style-14">%</td>

                    </tr>
                                        @foreach($data as $key)