@extends('Admin.AdminMaster')
@section('content')
        <div class="col-12">
              <h3 class="mb-2 page-title">Sales Reports Of Plots/Search By Date</h3>
              <div class="my-2">
                            <form  action="{{route('AdminSearchPlotSalesReport')}}" method="get" >
                              @csrf
                              <!-- search by date -->
                         <div class="input-group mb-3">
                         <div class="form-group col-md-5">
                        <h5>Start Date <span style="color: red">*</span></h5>
                        <div class="controls">
                            <input type="date" name="start_date" id="start_date" class="form-control datepicker-autoclose" placeholder="Please select start date"> <div class="help-block"></div></div>
                        </div>
                        <div class="form-group col-md-5">
                        <h5>End Date <span style="color: red">*</span></h5>
                        <div class="controls">
                            <input type="date" name="end_date" id="end_date" class="form-control datepicker-autoclose" placeholder="Please select end date"> <div class="help-block"></div></div>
                          </div>    
                          <div>
                          <br>
                            <button type="submit" class="btn mb-2 btn-primary">Search</button>
                          </div>
                         </div>
                           <!-- end seach by date -->
                      </form>
					</div>
                  </div>
              <div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                      <table style="width:100%"class="table table-striped table-bordered table-hover dataTables-example">
                       <thead class="thead-light">
                          <tr>                            
                          <th>Property Name:</th>
                            <th>Plot Number:</th>
                            <th>Block Number:</th>
                            <th>Plot Size:</th>
                            <th>City Name:</th>
                            <th>District Name:</th>
                            <th>Area/Street Name:</th>
                            <th>Plot Coordinates:</th>
                            <th>Selling Price:</th>
                          </tr>
                        </thead>
                        <tbody>
                        <div style="display: none">{{$Tsl=0}}</div>
                            @foreach ($sales as $item)
                          <tr>
                            <td>{{ $item->PropertyName }}</td>
                            <td>{{ $item->PlotNo }}</td>
                            <td>{{ $item->BlockNo }}</td>
                            @if ($item->PropertyName=='Plot')
                              <td>{{ $item->Size }} Sq.M</td>
                            @else
                              <td>{{ $item->Size }}</td>
                            @endif
                            <td>{{ $item->CityName}}</td>
                            <td>{{ $item->StateName }}</td>
                            <td>{{ $item->AreaName }}</td>
                            <td>{{ $item->StateDesc }}</td>
                            <td>0</td>
                            <div style="display: none">{{$Tsl += $item->PayedPrice}}</div>
                          </tr>
                          @endforeach
                          </tbody>
                                    <tfoot>
                                    <tr>
                                      <td colspan="8" style="background-color:#151b54;color:#ffffff">Total Sales Amount:</td>  <td style="background-color:#151b54;color:#ffffff">Tsh. 0</td>
                                      </tr>
                                    </tfoot>
                      </table>
                  </div>
                </div> 
              </div> <!-- end section -->
            </div> <!-- .col-12 -->
          </div> <!-- .row -->
        </div> <!-- .container-fluid -->
@endsection