@extends('admin.includes.app')
@push('page_external_css')
<link rel="stylesheet" href="{{asset('dashboard/assets/css/jquery.fancybox.min.css') }}" type="text/css" />
<style>
  
.tableScroll{
    /* width:80%; */
    /* max-width:80%; */
    overflow-x:scroll;
 
}
.table_scroll_thead{
      overflow-x:auto;
      overflow-y:hidden;
}
.table_scroll_tbody{
      height:650px;
      overflow-y:auto;
      /* overflow-x:hidden; */
}
/* .table td, .table th {
    padding: 0px; 
    vertical-align: top;
    border-top: 1px solid #dee2e6;

} */
table.data_table_show th {
  font-size:14px;
  padding:4px;
}
table.data_table_show  td {
  font-size:14px;
}
table.data_table_show td{
  padding:4px !important;
}
 table.data_table_show th{
   padding:4px !important;
 }
 .reporttable{
  background-color: #A00405;
 }
 .report-table thead th{
    font-size: 13px;
    padding:.75rem .25rem;
 }
 .report-table tbody tr{
    background-color: #000;
 }
</style>
@endpush
@section('content')

      <!-- <div class="row">
         <div class="col">
          <div class="card">
            <div class="card-body primary_background">
                  <div class="d-flex justify-content-center">
                   <h5 class="card-title">All Work</h5>
                  </div>
              
            </div>
          </div>
         </div>
      </div> -->
      
      <div class="row">
        <div class="col">
          <div class="card">
            <div class="card-body">
            <div class="table-responsive reporttable tableScroll">
               <table class="table report-table">
                <thead>
                  <tr>
                    <th scope="col">From Date</th>
                    <th scope="col">To Date</th>
                    <th scope="col">Village Name</th>
                    <th scope="col">Village Code</th>
                    <th scope="col">Tehsil</th>
                    <th scope="col">Dist.</th>
                    <th scope="col">Status</th>
                    <!-- <th scope="col">Team ID</th> -->
                    <th scope="col">Brand Name</th>
                    <th scope="col">Wall No.</th>
                    <th scope="col">IMEI No.</th>
                    <th scope="col"></th>
                  </tr>
                </thead>
                <tbody>
                   <form action="{{url('admin/dashboard')}}" metho="get">
                   <tr>
                      <td scope="col"><input type="date" name="from_date" value="{{Request::get('from_date')}}" class="form-control"></td>
                      <td scope="col"><input type="date" name="to_date" value="{{Request::get('to_date')}}" class="form-control"></td>
                      <td scope="col"><input type="text" name="village_name" value="{{Request::get('village_name')}}" class="form-control"></td>
                      <td scope="col"><input type="text" name="village_code" value="{{Request::get('village_code')}}" class="form-control"></td>
                      <td scope="col"><input type="text" name="tehsil_name" value="{{Request::get('tehsil_name')}}" class="form-control"></td>
                      <td scope="col"><input type="text" name="distric_name" value="{{Request::get('distric_name')}}" class="form-control"></td>
                      <td scope="col">
                        <select name="status"  class="form-control">
                          <option value="">Select Status</option>                     
                          <option value="2" @if(Request::get('status')==2) 'selected' @endif>Approved</option>                     
                          <option value="3" @if(Request::get('status')==3) 'selected' @endif>Rejected</option>                  
                          <option value="1" @if(Request::get('status')==1) 'selected' @endif>Pending</option>                     
                        </select>
                      </td>
                      <!-- <td scope="col"><input type="text" name="team_id" value="{{Request::get('team_id')}}" class="form-control"></td> -->
                      <!--<td scope="col"><input type="text" name="brand" value="{{Request::get('brand')}}" class="form-control"></td>-->
                      <td scope="col">
                          <!--<input type="text" name="brand" value="{{Request::get('brand')}}" class="form-control">-->
                          <select class="form-control" name="brand">
                              <option value="">Select Option</option>
                              @foreach($Brands as $key=>$value)
                                <option @if(Request::get('brand')==$value->brand_name) selected @endif value="{{$value->brand_name}}">{{$value->brand_name}}</option>
                              @endforeach    
                          </select>
                      </td>
                      <td scope="col"><input type="text" name="wall_number" value="{{Request::get('wall_number')}}" class="form-control"></td>
                      <td scope="col"><input type="text" name="imei_number" value="{{Request::get('imei_number')}}" class="form-control"></td>
                      <td scope="col"><button  type="submit" class="btn btn-success">Get Report</button></td>
                      <!-- <td scope="col"><a href="{{route('customer.export-pdf')}}" class="btn btn-success">PDF File</a></td> -->
                      <!-- <td scope="col"><a href="{{route('customer.export-excel')}}" class="btn btn-success">Export Excel</a></td> -->
                    </tr>
                    
                  </form>
                   
                </tbody>
                
              </table>
              </div>
             <form action="{{url('admin/record-status')}}" method="POST">
              @csrf
              <div class="row">
                <div class="col-2">
               <div class="form-group">
                    <label for="select_file">Status:</label>
                    <select name="status"  class="form-control" required>
                      <option value="">Select Status</option>                     
                      <option value="2">Approved</option>                     
                      <option value="3">Rejected</option>                     
                      <option value="deleted">Deleted</option>                     
                      <option value="export_pdf">Export To PDF</option>                     
                      <option value="export_excel">Export To Excel</option>                     
                      <option value="export_ppt">Export To PPT</option>                     
                    </select>
                </div>
              </div>
                <div class="col-2">
               <div class="form-group">
                    <label for="select_file">Reasons For Rejection:</label>
                    <input type="text" name="comment" value="" class="form-control">
                </div>
              </div>
                <div class="col-2">
               <div class="form-group">
                    <br />
                    <button type="submit" class="btn btn-lg btn-success">submit</button>
                </div>
              </div>
               @if (session('success'))
              <div class="alert alert-success">
              {{ session('success') }}
              </div>
              @endif
              </div>

             <div class="table_scroll_tbody">
              
              <table  class="table table-striped table-bordered data_table_show">
                <thead>
                  <tr>
                    <th scope="col"><input id="selectAll" type="checkbox"><label for='selectAll'>Select All</label></th>
                    <th scope="col">From Date</th>
                    <th scope="col">state</th>
                    <th scope="col">Dist.</th>
                    <th scope="col">Tehsil</th>
                    <th scope="col">village</th>
                    <th scope="col">Village Code</th>
                    <th scope="col">Brand</th>
                    <th scope="col">Total Wall</th>
                    <th scope="col">Wall Size</th>
                    <th scope="col">Work Plan</th>
                    <th scope="col">Images</th>
                    <th scope="col">Location</th>
                    <th scope="col">Wall No.</th>
                    <th scope="col">Rangs (mtr)</th>
                    <th scope="col">Status</th>
                    <th scope="col">Reasons for rejection</th>
                    <th scope="col">IMEI</th>
                    <th scope="col">Latitude</th>
                    <th scope="col">Longitude</th>
                    <th scope="col">Rework</th>
                    <th scope="col">Time Stamp(Image)</th>
                    <th scope="col">Time Stamp of submission</th>
                    <th scope="col">Action</th>
                    <th scope="col">Approve</th>
                   
                  </tr>
                </thead>
                <tbody class="table_scroll">
                    @foreach($job_list as $key_job =>$job_data)
                        <tr>
                            <td scope="col"><input type="checkbox" name="record[]" id="record_{{$job_data->id}}" value="{{$job_data->id}}" class="form-control"></td>
                            <td>{{date("Y-m-d",strtotime($job_data->completed_at))}}</td>
                            <td>{{$job_data->state_name}}</td>
                            <td>{{$job_data->distric_name}}</td>
                            <td>{{$job_data->tehsil_name}}</td>
                            <td>{{$job_data->village_name}}</td>
                            <td>{{$job_data->village_code}}</td>
                            <td>{{$job_data->brand}}</td>
                            <td>{{$job_data->total_wall}}</td>
                            <td>{{$job_data->wall_size}}</td>
                            <td>{{$job_data->work_plan}}</td>
                            <td>
                              @if(!empty($job_data->image_list))
                                  @foreach($job_data->image_list as $key => $image_data)
                                      @if($key == 0)
                                      <a href="{{ $image_data->image_url}}" data-fancybox="gallery{{$image_data->record_id}}">
                                        <i class="fa-solid fa-camera fa-xl" style="color: #d73333;"></i>
                                        <!-- <img src="https://www.wallpaintingunilever.com/WP/images/Captureimage_icon.png" alt="" class="fancyimage"> -->
                                      </a>
                                      @else
                                      <a href="{{ $image_data->image_url}}" data-fancybox="gallery{{$image_data->record_id}}"></a>
                                      @endif
                                @endforeach
                            @endif
                            </td>
                            <td>
                              <a href="https://maps.google.co.in/maps?q={{$job_data->lng}},{{$job_data->long}}" 
                              target="popup" 
                              onclick="window.open('https://maps.google.co.in/maps?q={{$job_data->lng}},{{$job_data->long}}','popup','width=1024,height=600'); return false;">
                              Geo Location
                              </a>
                             
                            </td>
                            <td>{{$job_data->wall_number}}</td>
                            <td>{{$job_data->range}}</td>
                            @if($job_data->status ==1)
                              <td>Pending</td>
                            @elseif($job_data->status ==2)
                             <td>Approved</td>
                              @elseif($job_data->status ==3)
                             <td>Rejected</td>
                            @endif
                            <td>{{$job_data->comment}}</td>
                            <td>{{$job_data->imei_number}}</td>
                            <td>{{$job_data->lng}}</td>
                            <td>{{$job_data->long}}</td>
                            <td>{{$job_data->rework}}</td>
                            <td>{{$job_data->first_capture_at}}</td>
                            <td>{{$job_data->last_capture_at}}</td>                  
                            <td> 
                              <a href="{{route('admin.edit-record',[$job_data->id])}}">
                                <i class="fa-solid fa-edit fa-xl"></i></a>
                                 
                            </td>                  
                            <td> 
                                  <a href="{{route('admin.view-record',[$job_data->id])}}">
                                <i class="fa-solid fa-image fa-xl"></i></a>
                            </td>                  
                        </tr>
                  @endforeach
                 
                </tbody>
              </table>
            </div>
          </form>
            </div>


                 <div class="d-flex">
                {!! $job_list->withQueryString()->links() !!}
            </div>
          </div>
        </div>
      </div>


@endsection

@push('page_external_script')
    <!-- <script src="https://www.wallpaintingunilever.com/WP/js/jquery-ui.js"></script> -->
    <script src="{{asset('dashboard/assets/js/jquery.fancybox.min.js')}}"></script>

    <script>
      $( document ).ready(function() { 
          $("#selectAll").click(function() {
                  $("input[type=checkbox]").prop("checked", $(this).prop("checked"));
              });

              $("input[type=checkbox]").click(function() {
              if (!$(this).prop("checked")) {
                  $("#selectAll").prop("checked", false);
              }
              });
        });
      
    </script>
@endpush