@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;
 }
</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 tableScroll">
               <table class="table">
                <thead>
                  <tr>
                    <th scope="col">State</th>
                    <th scope="col">District</th>
                    <th scope="col">Tehsil</th>
                    <th scope="col">Village Name</th>
                    <th scope="col">Village Code</th>
                    <th scope="col">Brand Name</th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                  </tr>
                </thead>
                <tbody>
                   <form action="{{url('admin/assign-job-to-boy-list')}}" metho="get">
                   <tr>
                      <td scope="col"><input type="text" name="state_name" value="{{Request::get('state_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"><input type="text" name="tehsil_name" value="{{Request::get('tehsil_name')}}" 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="brand" value="{{Request::get('brand')}}" class="form-control"></td>
                      <td scope="col"><button  type="submit" class="btn btn-primary">Search</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/assign-job-to-boy-list')}}" method="POST">
              @csrf
              <div class="row">
                <div class="col-2">
               <div class="form-group">
                    <label for="select_file">Vendor List:</label>
                    <select  class="form-control js-example-basic-single" id="imei_number" name="imei_number" required>
                        <option value="">Select Working Boy</option>
                        @foreach($vendor as $key=>$vendor_boy)
                          <option value="{{$vendor_boy->imei_number}}">{{$vendor_boy->name}}-{{$vendor_boy->imei_number}}</option>
                        @endforeach
                    </select>
                </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">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">Customer</th>
                   
                  </tr>
                </thead>
                <tbody class="table_scroll">
                    @foreach($job_list as $key_job =>$job_data)
                        <tr>
                            <td scope="col"><input type="checkbox" name="job_id[]" id="job_id_{{$job_data->job_id}}" value="{{$job_data->job_id}}" class="form-control"></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>{{$job_data->user_data->user_name}}</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