@extends('layouts.app')

@section('title')

Commission Report        {{date(('M d,Y'),strtotime($from_date))}} - {{date(('M d,Y'),strtotime($to_date))}}
@stop


@section('breadcrumb')
<ol class="breadcrumb pull-right no-print">
        <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>

        <li class="active">Commission Report</li>
      </ol>
@stop

@section('css')
<style type="text/css">
     @media print {
        .page-wrapper{
        font-size: 12px !important;
        font-family: "time-new-roman",Arial,sans-serif !important;
        padding-top: 0px !important;
        color:black;
    }
   .printableArea {
        color: black;
    }
    strong{
        color: black;
    }
    .pd-5{
        padding:5px;
    }
    .br-btm {
           border-bottom: 1px solid #e6e3e3;
    }
    /*.br-right {
         border-right: 1px solid #e6e3e3;
    }*/
    .txt-c {
        text-align: center;
    }
    .white-box{
        border: none!important;
        padding: 0 3px 0 0px;
    }
     .dataTables_info{
        display: none;
    }
    .dataTables_filter{
        display: none;
    }
    div.dt-buttons{
        display: none;
    }
    table.dataTable thead th {
    border: 1px solid #f2f2f2 !important;
    }
    .table>tbody>tr>td {
     border: 1px solid #f2f2f2 !important; 
    }
    .bor .border-d{
        border-bottom: double !important;
        border-top: 1px solid !important;
    }
    h3 strong{
        text-transform: uppercase;
    }
    h4 strong{
        text-transform: uppercase;
    }
    h3{
        margin-bottom: -10px;
    }
    table.dataTable.no-footer {
    border-bottom: none !important;
    }
    .table>tbody>tr>td, .table>tbody>tr>th {
    font-size: 12px;
    }
    .page-wrapper {
    padding-top: 0px;
    }
    .white-box1{
        padding: 0;
    }
      .bdr thead tr th  {
    border: 1px solid #2e3233 !important;
    background: #eee;
    }
    .table>thead:first-child>tr:first-child>th {
    border-top: 1px solid !important;
}
    }
</style>

<!-- <link href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" rel="stylesheet"> -->
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css"  rel="stylesheet">
@stop

@section('content')

<div class="container-fluid">
                <div class="row printableArea">
                    <div class="col-lg-12  ">
                    <div class="white-box">
                        <div class="text-center">
                            <h3><strong>{{env('APP_NAME')}}</strong></h3>
                            <h4><strong>Commission Report</strong></h4>
                             <h6>{{date(('M d,Y'),strtotime($from_date))}} - {{date(('M d,Y'),strtotime($to_date))}}</h6>
                        </div>

                        <div class="pull-right printFV" >
                            <span>Date: <b>{{date('d-m-Y')}}</b></span><br>

                            <span>User ID: &nbsp; {{Auth::user()->name}}</span>
                        </div>


                           <div class="table-responsive" style="clear: both;">

                            <form method="post" style="" action="{{route('report.commission-amount-generate')}}" class="no-print">
                                  {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-lg-5">
                                            
                                            <input type="hidden" value="{{$selected_date_range}}" name="date_range">

                                            <select class="form-control chosen-select" name="block">
                                            <option value="">All Blocks</option>
                                            @foreach($unit_blocks as $unit_block)
                                            <option selected value="{{$unit_block->id}}">{{$unit_block->name}}</option>
                                            @endforeach
                                            </select>
                                        </div>


                                        <div class="col-lg-2">
                                           <input type="submit" value="Filter" class="btn btn-success">
                                        </div>


                                    </div>
                                </form>


                                <table id="example1"  class="table bdr">
                                    <thead>
                                        <tr>
                                            <th >Sr No.</th>
                                            <th >Date</th>
                                            <th >Unit No.</th>
                                            <th >Unit Floor.</th>
                                            <th >Unit Block.</th>
                                            <th >Dealer</th>
                                            <th class="text-center">Unit Cost</th>
                                            <th class="text-center">Discount</th>
                                            <th class="text-center">Net Price</th>
                                            <th class="text-center">Commission Amount</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                @foreach($transactions as $t)

                                        @if( ($filter_type == 'filter' && $block > 0 && $block == $t->property->inventory->floor->unitBlock->id) || $filter_type == 'all' )

                                        <tr>
                                            <td>{{$count++}}</td>
                                            <td> {{date('d-m-Y', strtotime($t->created_at)) }}</td>
                                            <td >
                                                 <b>{{$t->property->inventory->unit_number}}</b>
                                        </td>

                                        <td >
                                                 <b>{{$t->property->inventory->floor->name}}</b>
                                        </td>

                                        <td >
                                                 <b>{{$t->property->inventory->floor->unitBlock->name}}</b>
                                        </td>

                                            <td >{{$t->dealer ? $t->dealer->name : ''}}</td>
                                            
                                            <td  class="text-right">
                                                                                                {{number_format($t->property->inventory->total_price)}}
                                            </td>
                                            
                                             <td class="text-center">
                                                                                                {{ number_format($t->property->inventory->total_price - $t->property->net_pay )}} 
                                            </td>
                                            
                                            <td class="text-center">
                                                                                                @if($t->property){{number_format($t->property->net_pay)}}
                                                @endif
                                            </td>


                                            <td  class="text-right">
                                                                                                {{number_format($t->amount)}}
                                            </td  >

                                                                                    </tr>

                                        @endif
                                        @endforeach
                                        
                                        <tr>
                                            <td colspan="6" class="text-right"><b>Total</b></td>
                                            <td class="text-right"><b>{{number_format($unit_cost_total)}}</b></td>
                                            <td class="text-right"><b>{{number_format($discount_total)}}</b></td>
                                            <td class="text-right"><b>{{number_format($net_total)}}</b></td>
                                            <td class="text-right"><b>{{number_format($commission_total)}}</b></td>
                                        </tr>
                                        
                                        
                                        
                                        <tr>
                                            <td colspan="9" class="text-right"><b>Total Commission Amount</b></td>
                                            <td class="text-right"><b>{{number_format($total_amount)}}</b></td>
                                        </tr>
                                         <tr>
                                            <td colspan="9" class="text-right"><b>Total Paid Commission</b></td>
                                            <td class="text-right"><b>{{number_format($paid_amount)}}</b></td>
                                        </tr>
                                        <tr>
                                            <td colspan="9" class="text-right"><b>Total Payable Commission</b></td>
                                            <td class="text-right"><b>{{number_format($total_amount - $paid_amount)}}</b></td>
                                        </tr> 
                                    </tbody>
                                </table>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /.container-fluid -->

            <div class="text-right" style="height:70px;">
                                        <button  class="btn btn-default btn-outline no-print" onclick="window.print();return false;" type="button"> <span><i class="fa fa-print"></i> Print</span> </button>
                                    </div>

@stop

@section('js')
<script src="{{asset('js/jquery.PrintArea.js')}}" type="text/JavaScript"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
 <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.print.min.js"></script>

<script>
    $(function() {
        $("#print").on("click", function() {
            var mode = 'iframe'; //popup
            var close = mode == "popup";
            var options = {
                mode: mode,
                popClose: close
            };
            $("div.printableArea").printArea(options);
        });
    });

    $('#example1').DataTable( {
        sorting:false,
        paging:false,
        ordering:false,
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
    </script>
@stop