<!DOCTYPE html>
<html>
<head>

  <title>Commission Report</title>


  <style type="text/css">

    
    *{

        margin: 0;
     }

     /* GENERAL CSS APPLY ALL SECTIONS*/


  *{
    margin: 0;
  /*  padding-top: 6px;*/
  }
  .margin{
    padding-top: 8px;
  }

  .title{

    text-align: center;
    font-weight: bold;
  }


  .container1{

    margin-left: 7%;
    margin-right: 5%; 
    
  }

  .image-section1{

    width: 100px;
    height: 100px;
    
    
    text-align: center;
    position: absolute;
    margin-left:  -5%;
/*    top:  -500%;*/
bottom:  10%;

    
  }

  .title1{

    text-align: center;
    margin-top: 2%;
    background: #a8a8a8;
    color: #fff;
    width: 30%;
    height: 2%;
    border-radius: 15px;
    vertical-align: middle;
    line-height: 29px;
    margin-left: 34.5%;
  }

  

  .clear{

    clear: both;
  }

  .top-section{
    margin-left: 4%;
  }

  input[type=text]
  {
    

    
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid;
    font-size: 8px;
    text-align: center;
    background-color: transparent;

  }

/*  #START=> APPARTMENT SECTION */
  .main-section .row .col{
    
  
    width: 25%;
    margin-right: 30px;
    padding-right: 10px;
    float: left;
  }

  .main-section .row{

    /*margin-left: 4%;*/


  }

  .main-section .col label{
    font-size: 8px;
    /*font-weight: bold;*/
  }

  

  .main-section .row .col .check{
    vertical-align: middle;
    margin-right:  90px; 
  }

/*  #END=> APPARTMENT SECTION */




  

  
/*  #END=> OFFICE USE SECTION */

/*  #START=>  IMAGE SECTION */

 .image-section{

    width: 85px;
    height: 85px;
    
    border: 1px solid #000;
    text-align: center;
    position: absolute;
    margin-left:  83%;
    top:  18%;

    
  }



  small{
    font-size: 12px;
    margin-left: 15;
  }

     .container{

        
     }


  </style>
</head>
<body style="margin:3% 4.5% 4% 4.5%;">

      @if($format)    
        @include('documents.report_logo')
      

       <br>
     @endif


     <div class="container">
        <div class="main-section">
           <center> <h3>COMMISSION REPORT</h3></center>
         
           
      <div class="row clear" style="margin-top:3%;">
         <b>  Title: {{$title}}</b>
          <table border="1" style="border-collapse: collapse; font-size:8pt; text-align: center; width:100%;">
            <thead>
              <tr>
              <th colspan="8" style="background: #E0E0E0; ">Commission Report</th>
                
              </tr>
              <tr>

                 <th style ="width:5%;" >Sr. </th>

                  <th>Date </th>

                 <th>Name</th>

                 <th>Booking Detail</th>

                 <th>Description</th>

                  <th>Amount</th>

                  <th>{{ucwords(str_replace('_',' ',EF::branchWhiteLabel()['module']))}}</th>


                  <th>Status</th>

              </tr>
            </thead>
            @php($total_amount = 0)
            @php($resver_amount = 0)
            @php($approve_amount = 0)

            @foreach($commission_list as $rows)

              @php($user = $rows->user)
              @php($booking = $rows->booking)





            <tr>
              <td>{{$loop->iteration}}</td>
                <td>{{EF::dateFormat($rows->created_at)}}</td>
                <td>@isset($user->id) {{ucwords($user->name)}} @endisset</td>
                 <td>{{$rows->showGenericTypeDetail($rows)['description']}}</td>
               

                 <td>{{ucwords($rows->description)}}</td>

                <td>{{EF::numberFormat($rows->amount)}}</td>

                <td>{{ucwords($rows->branch->name)}}</td>


                <td>{{ucwords($rows->status)}}</td>

                 @if($rows->status == "Approve")
                    @php($approve_amount +=  $rows->amount)
                  @elseif($rows->status == "Reversal")
                    @php($resver_amount +=  $rows->amount)
                  @endif

                @php($total_amount += $rows->amount)
            </tr>
             @endforeach

              <tr style="font-weight: bolder;">
                <td colspan="5" style="background: #E0E0E0; ">Total Commission (Approved payments - Reversed Payments) => ({{ EF::numberFormat($approve_amount) }} - {{ EF::numberFormat($resver_amount)}}) = {{EF::numberFormat(($approve_amount) -  ($resver_amount)) }}</td>
                <td  style="background: #E0E0E0; ">{{EF::numberFormat($total_amount)}}</td>
                <td  style="background: #E0E0E0; "></td>
                <td  style="background: #E0E0E0; "></td>

            </tr>
              
        
          </table>
      </div>
              <!-- INSTALLMENT PLAN -->
        
        </div>
     </div>

</body>
</html>