@extends('layouts.app')
@section('title')Jobs @endsection
@section('content')

<link rel="stylesheet" href="{{asset('css/toggle.css')}}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script

<style href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></style>
<style href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"></style>
<style href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css"></style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js"></script>
<link href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500&display=swap" rel="stylesheet">

<link id="link-font" rel="stylesheet"
  integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">

<style>
  /* HIDE RADIO */
  [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* IMAGE STYLES */
  [type=radio]+span {
    cursor: pointer;
  }

  /* CHECKED STYLES */
  [type=radio]:checked+span {
    outline: 2px solid #f00;
  }

  .custom-modal-setting {
    display: flex;
  }

  /* Changes from here */
</style>      

<!----------------monthWise jobs------------------->

<div class="box box-default color-palette-box">

<!----------------Start code by Qaisar------------------->
<div class="box-header with-border">
         <i class="fa fa-tag"></i> <h3 class="box-title" id="jobs12"> Current Month</h3>
        </div>
 <!--<h6 style="  text-decoration: underline; padding-left: 1%;" id="jobs12" >Current Month</h6>-->
 <!----------------End code by Qaisar------------------->
  <!--<div class="box-header with-border">-->
   <div class="box-body">

    <div class="col-lg-1">


      <h3 id="arrowLeft" class="glyphicon glyphicon-menu-left"></h3>
    
    </div>

    <div class="row">
      <div class="col-lg-2   col-xs-6">
        <!-- small box -->

        <div class="small-box bg-gray">
          <div class="inner">
            <a href="" style="color:white">
              <h3 id="surveyed12"></h3>
            </a>
            <p>Surveyed</p>
          </div>
          <div class="icon">
            <a href="" style="color:#00000030"><i class="ion ion-clipboard"></i></a>
          </div>
          <!-- <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-2   col-xs-6 ">
        <!-- small box -->
        <div class="small-box bg-orange">
          <div class="inner">
            <a href="" style="color:white">
              <h3 id="booked12"></h3>
            </a>
            <p>Booked</p>
          </div>
          <div class="icon">
            <a href="" style="color:#00000030"><i class="ion ion-bookmark"></i></a>
          </div>
          <!-- <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-2   col-xs-6 ">
        <!-- small box -->
        <div class="small-box bg-red">
          <div class="inner">
            <a href="" style="color:white">
              <h3 id="canceled12"></h3>
            </a>
            <p>Canceled</p>
          </div>
          <div class="icon">
            <a href="" style="color:#00000030"><i class="ion ion-close"></i></a>
          </div>
          <!-- <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-2   col-xs-6 ">
        <!-- small box -->
        <div class="small-box bg-green">
          <div class="inner">
            <a href="" style="color:white">
              <h3 id="insulated12"></h3>
            </a>
            <p>Insulated</p>
          </div>
          <div class="icon">
            <a href="" style="color:#00000030"><i class="ion ion-thermometer"></i></a>
          </div>
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-2   col-xs-6">
        <!-- small box -->
        <div class="small-box bg-blue">
          <div class="inner">
            <a href="" style="color:white">
              <h3 id="submitted12"></h3>
            </a>
            <p>Submitted</p>
          </div>
          <div class="icon">
            <a href="" style="color:#00000030"><i class="ion ion-checkmark"></i></a>
          </div>
          <!-- <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->

        </div>


      </div>

      <!-- ./col -->
      <!-- <div class="col-lg-3   col-xs-6" > -->
      <!-- small box -->
      <!-- <div class="small-box bg-red">
                                <div class="inner">
                                  <h3></h3>
          
                                  <p>All</p>
                                </div>
                                <div class="icon">
                                <a href=""><i class="ion ion-checkmark"></i></a>
                                </div>
                              </div>
                            </div> -->
      <!-- ./col -->
      <div style="width: 70px;" class="col-lg-1">
        <h2 id="arrowRight" class="glyphicon glyphicon-menu-right
      "></h2>
      </div>

    </div>



  </div>
</div>





<!----------------change by zunain------------------->
<div class="row">
        <div class="col-xs-12">
		@if (\Session::has('success'))
        <div class="alert alert-success">
          <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
          <ul>
            <li>{!! \Session::get('success') !!}</li>
          </ul>
        </div>
        @endif
          <div class="box box-default">
            <div class="box-header with-border">
              <i class="fa fa-filter"></i><h3 class="box-title"> Filter Criteria</h3>
            </div>
            <div class="box-body">
				<form class="form-inline" style="" action="{{route('jobs_by_date')}}" method="get">
					<div id="start_date" style="" class="col-md-2">
					<label style="font-size: 16px; font-weight: 500;">Start Date </label>
						<input type="date"
						value="" name="start_date" 
						style="border-radius: 14px;
									  border: 2px solid;
									  padding: 2px;
									  width: 100%;
									  height: 30px;" {{Auth::id()>3?"required":""}}/>
					</div>
					
					<div id="end_date" style="" class="col-md-2">
						<label style="font-size: 16px;     font-weight: 500;">End Date  </label>
						<input type="date"
							value="" name="end_date" 
							style="border-radius: 14px;
									  border: 2px solid;
									  padding: 2px;
									  width: 100%;
									  height: 30px;" {{Auth::id()>3?"required":""}} />
							@if($status2=="index" || $status2=="index3")
							<input type="hidden" name="status" value="">
							@else
							@if(isset($status))
							<input type="hidden" name="status" value="{{$status}}">
							@endif
							@endif
					</div>
					@if(isset($oldStatus))
					<input type="hidden" name="status" value="{{$oldStatus}}">
					@endif
					
					<div id="by_date" style="" class="col-md-2">
						<label for="" style="font-size: 16px;     font-weight: 500;"	>Date by</label>
						<select class="form-control" name="by_date" style="border-radius: 14px;
									  border: 2px solid;
									  padding: 2px;
									  width: 100%;
									  height: 30px;">

						  <option value="1" @if(isset($oldBy_date)) {{$oldBy_date==1?"selected":""}} @endif>Surveyed Date
						  </option>
						  <option value="2" @if(isset($oldBy_date)) {{$oldBy_date==2?"selected":""}} @endif>Booking Date
						  </option>
						  <option value="3" @if(isset($oldBy_date)) {{$oldBy_date==3?"selected":""}} @endif>Insulated Date
						  </option>
						  <option value="4" @if(isset($oldBy_date)) {{$oldBy_date==4?"selected":""}} @endif>Submitted Date
						  </option>
						  <option value="5" @if(isset($oldBy_date)) {{$oldBy_date==5?"selected":""}} @endif>Cancel Date</option>
						  <option value="6" @if(isset($oldBy_date)) {{$oldBy_date==6?"selected":""}} @endif>Creation Date</option>
						</select>
					</div>
					
					
					@if(Auth::id()<=3)
						
					<div id="surv_by" style="" class="col-md-2">
						<label style="font-size: 16px;     font-weight: 500;">Surveyed By  </label>
						<select name="survedBy"
						style="border-radius: 14px;
									  border: 2px solid;
									  padding: 2px;
									  width: 100%;
									  height: 30px;">
						<option value="">All</option>

						@if(isset($surveyr))
						@foreach ($surveyr as $item)


						<option value="{{$item->id}}" >
						  {{$item->name}}</option>

						@endforeach
						@endif


						</select>
					</div>
				
					<div id="dwp_byy" style="" class="col-md-2">
					
					<label style="font-size: 16px;     font-weight: 500;">Dwp Status   </label>
					  <select name="dwpStatus"
					   style="border-radius: 14px;
								border: 2px solid;
								padding: 2px;
								width: 100%;
								height: 30px;">

						<option value="" >All</option>
						<option value="1" >Matched</option>
						<option value="2" >Unmatched</option>
						<option value="3" >Unverified</option>
						<option value="4" >Letter</option>
						<option value="5" >Social</option>
						<option value="6" >UC SCREENSHOTS</option>
					  </select>
					
					</div>
					
					@endif
					
					@if(Auth::id()<=3)
						
					<div id="obligation_month_lov_by" style="" class="col-md-2">
						<label style="font-size: 16px;     font-weight: 500;">Obligation Month </label>
						<select name="obligation_month_lov_by"
						style="border-radius: 14px;
									  border: 2px solid;
									  padding: 2px;
									  width: 100%;
									  height: 30px;">
						<option value="">All</option>

						
						@foreach ($obligation_month_lov as $obligation_month_lov)


						<option value="{{$obligation_month_lov->obligation_month}}" >
						  {{$obligation_month_lov->obligation_month}}</option>

						@endforeach
						


						</select>
					</div>
					@endif
					
					<div id="btn_p_ret" style="margin-top: 23px;" class="col-md-2">
						<input type="submit" id="retrieve_btn" name="submit" class="btn btn-primary" value="Retrive Jobs">
					</div>
				</form>	
            </div>
          </div>
        </div>
      </div>


<!----------------monthWise jobs ends------------------->



    <!-- /.row -->
    <div class="row">
      <div class="col-md-12">
        @if (\Session::has('success'))
         <!--<div class="alert alert-success">
          <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
          <ul>
            <li>{!! \Session::get('success') !!}</li>
          </ul>
        </div>-->
        @endif

        <div class="box">

          
		
        <div style="display: flex;justify-content:flex-end;flex-wrap:wrap;     padding-right: 10px;" class="box-header with-border">
           
          


          <div id="two_btns" class="btn pull-right">  
                 <a href="{{route('jobs_list')}}" class="btn btn-primary pull-right" style="">All
              Jobs</a>
              
               
            </div>
						<div id="two_btns" class="btn pull-right"> 
			<a href="{{url('/export',$jobs_id2)}}" target="_blank" id="exportExcel2"
              class="btn btn-success" style="">Export To Excel</a>
			</div>
			<div id="two_btns" class="btn pull-right"> 
			<button  type="button" class="btn btn-danger"  id="deleteselected" >Delete Selected</button>
			</div>
			
          <div id="two_btns" class="btn pull-right">@if(isset($tag))<a id="multi_status_btn" onclick="multi_status()" class="btn btn-primary"
              style=">Update Status</a>
              @endif 
				<!--start code by Qaisar-->
                  
                  
				<!--End code by Qaisar-->
              <a onclick="delete_button_allow()" class="btn btn-danger " style="">Allow
              Delete</a></div>

        </div>
        <!-- /.box-header -->
        <div class="box-body" id="box_body">


          <table id="example1" class="table table-bordered table-striped display nowrap" style="width:100%">
            <thead>
              <tr>
                @if(isset($tag))
                <th>#</th>
                <!-- <th><input type="checkbox" id="check_all" ></th> -->
                @endif
                <!--start code by Qaisar-->
                  <th><input type="checkbox" class ="selectall"></th>
                  <!-- End Code by Qaisar-->
                <th>Id</th>
                <th>Name</th>
                <th>Address</th>
                <th>Heating Type</th>
                <th>POST CODE</th>
                @if(Auth::id()<=3) <th>Sales By</th>
                  @endif
                  @if(session('Update_Jobs')!=NULL)
                  <th>Status</th>
                  @endif
                  <th>Action</th>
                  
              </tr>
            </thead>
            <tbody>
              @foreach($jobs as $job)
              {{-- @if($job->hmo_id==0 || $job->hmo_id==null) --}}
              <tr>
                @if(isset($tag))
                <th><input onclick="show_multi_btn()" type="checkbox" name="job_ids" id="job{{$job->id}}"
                    value="{{$job->id}}"></th>
                @endif
                 </td>
                   <!-- Start by Qaisar-->
                  <td><input type="checkbox" id="ids" name="ids" value="{{$job->id}}" class="selectbox"></td>
                   <!-- End Code by Qaisar-->
                <td>LCL00000</td>
                <td>{{$job->fore_name}}
                  {{$job->last_name}}</td>
                <td>{{$job->address}}</td>
                <td>{{$job->heating_type}}</td>
                <td>{{$job->postal_code}}</td>
                @if(Auth::id()<=3) <td>{{$job->sales_by }}</td>
                  @endif
                  <!-- data-toggle="modal" data-target="#myModal" -->
                  @if(session('Update_Jobs')!=NULL)
                  <td><a title="" onclick="StatusModal({{$job->id}},{{$job->job_status}})">
                      @if($job->job_status=="surveyed")
                      Surveyed
                      @elseif($job->job_status=="booked")
                      Booked
                      @elseif($job->job_status=="insulated")
                      Insulated
                      @elseif($job->job_status=="submitted")
                      Submitted 
						  @if($job->submitted_type=="Sale Revived by LCL")
							(R)
						  @elseif($job->submitted_type=="Sale Matured by LCL")
							(M)
						  @endif  
                      @elseif($job->job_status=="canceled")
                      Canceled
                      @endif</a>
				  </td>
                  @endif
                  
                  <td>
					@if($job->dropbox_path!=NULL)
                    <a class="btn btn-social-icon btn-dropbox" href="https://www.dropbox.com/home/{{Auth::user()->dropbox_prefix}}{{$job->dropbox_path}}" target="_blank"><i class="fa fa-dropbox"></i></a>
					@endif
                    <button class="btn btn-primary" onclick="ChooseContact({{$job->id}})"><i
                        class="fa fa-info"></i></button>
                    @if(session('Modify_Job')!=NULL)
                    <a class="btn btn-info" href="{{route('update_view',$job->id)}}"><i class="fa fa-edit"></i></a>
                    @endif
                    @if(session('Delete_Jobs')!=NULL)
                    <a class="dlt_btn btn btn-danger" style="visibility:hidden" href="{{route('delete_job',$job->id)}}"
                      onclick="return confirm('Are you sure you want to delete this job ?')"><i
                        class="fa fa-trash"></i></a>
                    @endif
					
                    
                 
              </tr>
              {{-- @endif --}}
              @endforeach
            </tbody>
            <tfoot>
              <tr>
                
                <!--start code by Qaisar-->
                  <th><input type="checkbox" class ="selectall"></th>
                  <!-- End Code by Qaisar-->
            <th>Id</th>
                <th>Name</th>
                <th>Address</th>
                <th>Heating Type</th>
                <th>POST CODE</th>
                @if(Auth::id()<=3) <th>Sales By</th>
                  @endif
                  @if(session('Update_Jobs')!=NULL)
                  <th>Status</th>
                  @endif
                  <th>Action</th>

                   
              </tr>
            </tfoot>
          </table>
        </div>
        <!-- /.box-body -->

      </div>
      <!-- /.box -->

      
    </div>
  </div>
  <!-- /.row -->
</div>
</div>

<!-- The Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">

    <!-- Modal content -->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Job Details</h4>
      </div>
      <div class="modal-body demo">



        <div class="main-div">


          <div class="customer-div">
            <h5>CUSTOMER DETAILS</h5>
            <div class="main-content">

              <div class="content-div">
                <p>Title</p>
                <input id="title1" class="input-customer1  input-customer1-1" type="text" readonly>
              </div>
              <div class="content-div">
                <p>First Name</p>
                <input id="firstName1" class="input-customer2 input-customer1-2" value="" type="text" readonly>
              </div>
              <div class="content-div">
                <p>Last Name</p>
                <input id="lastName1" class="input-customer3 input-customer1-3" type="text" readonly>
              </div>



            </div>

            <div class="main-content main-content2">

              <div class="content-div customer-content-div">
                <p>DOB</p>
                <input id="dob1" class="input-customer1 input-customer-1" type="text" readonly>
              </div>
              <div class="content-div customer-content-div">
                <p class="p-contact contact-12">Contact No</p>
                <input id="contactNo1" class="input-customer2  input-customer-2" type="text" readonly>
              </div>
              <div class="content-div customer-content-div">
                <p>Postal Code</p>
                <input id="postalCode1" class="input-customer3  input-customer-3" type="text" readonly>
              </div>



            </div>
            <div class="main-content main-content-edit">

              <div class="content-div">
                <p>Email</p>
                <input id="email1" class="input-customer1 input-customer-email" type="text" readonly>
              </div>
              <div class="content-div">
                <p>Address</p>
                <input id="address1" class="input-customer2 input-customer-address" type="text" readonly>
              </div>




            </div>


          </div>
          <!--------------------------RENTAL DEtAILS---------------------------->




          <div class="rental-main">
            <h5>RENTAL DETAILS</h5>
            <div>

              <p>Rental Status</p>

              <input id="rentalStatus1" type="text" readonly>
              <i id="font-tick" class="fa fa-check-circle"></i>
              <i id="font-cancel" class="fa fa-window-close"></i>


            </div>

            <div class="main-content main-2232" style="padding-top: 10px ;display:none">

              <div class="content-div">
                <p class="p223">Landloard</p>
                <input id="landloard" class="input-customer1  input-customer1-1" type="text" readonly>
              </div>
              <div class="content-div">
                <p class="p223">Contact Name</p>
                <input id="contactName" class="input-customer2 input-customer1-2" value="" type="text" readonly>
              </div>
              <div class="content-div">
                <p class="p223">Phone no</p>
                <input id="phoneNumber1" class="input-customer3 input-customer1-3" type="text" readonly>
              </div>



            </div>

            <div class="main-content main-2121" style="padding-top: 10px;display:none">

              <div class="content-div">
                <p>Email</p>
                <input id="email12" class="input-customer1  input-customer1-1" type="text" readonly>
              </div>
              <div id="div-notes12" class="content-div">
                <p>Notes</p>
                {{-- <input id="notes12" class="input-customer2 input-customer1-2" value="" type="text" readonly> --}}
                <textarea id="notes12" class="input-customer2 input-customer1-2" rows="3" readonly></textarea>

              </div>




            </div>




          </div>

          <!--------------------Property Detail---------------------------------->


          <div class="customer-div property-div">
            <h5>PROPERTY DETAILS</h5>
            <div class="main-content">
				
              <div class="content-div ">
                <p>Communal Hatch</p>
                <input id="is_communal_hatch1" class="input-customer1  input-property-1" type="text" style="width: 45px;" readonly>
              </div>	
              <div class="content-div ">
                <p>Loft Checked</p>
                <input id="is_loft_checked1" class="input-customer1  input-property-1" type="text" style="width: 45px;" readonly>
              </div>	
              <div class="content-div ">
                <p>Hatch Making Job</p>
                <input id="is_hatch_making_job1" class="input-customer1  input-property-1" type="text" style="width: 45px;" readonly>
              </div>
			</div>
			
            <div class="main-content main-content2">	
              <div class="content-div ">
                <p>Heating Type</p>
                <input id="heatingType1" class="input-customer1  input-property-1" type="text" readonly>
              </div>
              <div class="content-div number-of-beds">
                <p>No of Beds</p>
                <input id="noOfBeds1" class="input-customer2 input-property-1" type="text" readonly>
              </div>
              <div class="content-div">
                <p>Property type</p>
                <input id="propertyType1" class="input-customer3 input-property-1" type="text" readonly>
              </div>



            </div>

            <div class="main-content main-content2">

              <div class="content-div content-property2">
                <p>Externals Walls</p>
                <input id="externalWalls1" class="input-customer1 input-customer-1 input-property2-1" type="text"
                  readonly>
              </div>
              <div class="content-div content-property2">
                <p>Booking Dates</p>
                <input id="bookingDates1" class="input-customer2 input-property2-1" type="text" readonly>
              </div>
              <div class="content-div content-property2">
                <p>Booking Time</p>
                <input id="bookingTime1" class="input-customer3  input-customer-3 input-property2-1" type="text"
                  readonly>
              </div>



            </div>
            <div class="main-content main-content-edit">

              <div class="content-div">
                <p>Survey Date</p>
                <input id="surveyDate1" class="input-customer1 input-customer-email" type="text" readonly>
              </div>
              <div class="content-div">
                <p>Survey Notes</p>
                {{-- <input id="notes1" class="input-customer2 input-customer-address" type="text" readonly> --}}
                <textarea id="notes1" rows="3" class="input-customer2 input-customer-address" readonly></textarea>

              </div>
				
            </div>
            <div class="main-content main-content2">

              
              <div class="content-div">
                <p>Booking Team Notes</p>
                {{-- <input id="notes1" class="input-customer2 input-customer-address" type="text" readonly> --}}
                <textarea id="notes2" rows="3" class="input-customer2 input-customer-address" readonly></textarea>

              </div>
				
            </div>
			
			<div class="main-content main-content2">

              
              <div class="content-div content-property2">
                <p>Insulated Date</p>
                <input id="insulatedDate1" class="input-customer2 input-property2-1" type="text" readonly style="width: 86px;">
              </div>
              <div class="content-div content-property2">
                <p>Submitted Date</p>
                <input id="submitDate1" class="input-customer3  input-customer-3 input-property2-1" type="text" readonly style="width: 86px;">
              </div>

             </div>
			<div class="main-content main-content2">

              
              <div class="content-div content-property2">
                <p>Sale Type</p>
                <input id="submittedtype1" class="input-customer2 input-property2-1" type="text" readonly style="width: 125px;">
              </div>
              <div class="content-div content-property2">
                <p>Obligation Month</p>
                <input id="obligationmonth1" class="input-customer3  input-customer-3 input-property2-1" type="text" readonly style="width: 93px;">
              </div>

             </div>
				

            <div style="display:flex;justify-content:start;flex-wrap:wrap">

              <label style="margin-top:10px; padding-left:5px;padding-right: 10px" id="funder-label"
                for="">Funder</label>
              <p style="margin-top:10px;" id="funder"></p>

            </div>
            <!--<div style="display:flex;justify-content:start;flex-wrap:wrap">

              <label style="margin-top:10px; padding-left:5px;padding-right: 10px" id="dropbox_mod1"
                for="">DropBox Link</label>
				<p style="margin-top:10px;" id="dropbox_mod"></p>

            </div>-->
			
			


          </div>





        </div>
        <a id="download12" href=""> <button class="btn btn-primary" style="float: right;margin-right: 16px;
          margin-bottom: 10px;">Download Images</button></a>
      </div>
      <div class="modal-footer">
        <!----------------------cursol---------------------------->

        <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel">

          <!-- Wrapper for slides -->
          <div class='carousel-inner' style="" id="carousel_inner">

          </div>

          <!-- Left and right controls -->
          <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>



        <!------------------------------->

      </div>
    </div>

  </div>
</div>

<!-- The Status Modal -->
<div id="statusmodal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">

    <!-- Modal content -->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Update Job Status</h4>

        <form id="statusform" action="{{route('update_job_status')}}">
          <select class="form-control" name="is_hmo_status" id="is_hmo_status">
            <option value="0">All</option>
            <option value="1">Individual</option>
          </select>
      </div>
      <div class="modal-body">
        <input type="hidden" id="statusid" name="id">
        <!-- radio -->
        <div class="form-group text-center  custom-modal-setting">
          <label>
            <div class="pretty p-switch" style="right:6%"> <input type="checkbox" name="job_status" id="surveyed"
                value="surveyed">
              <div class="state">
                <label></label>
              </div>





            </div> <span class="info-box-icon bg-gray"><i class="ion ion-clipboard"></i></span>
          </label>
          &nbsp
          <label>
            <div class="pretty p-switch" style="right:6%"><input type="checkbox" name="job_status" id="booked"
                value="booked">
              <div class="state">
                <label></label>
              </div>

            </div><span class="info-box-icon bg-orange"><i class="fa fa-bookmark"></i></span>

          </label>
          &nbsp
          <label>
            <div class="pretty p-switch" style="right:6%"><input type="checkbox" name="job_status" id="canceled"
                value="canceled">
              <div class="state">
                <label></label>
              </div>
            </div><span class="info-box-icon bg-red"><i class="fa fa-close"></i></span>

          </label>
          &nbsp
          <label>
            <div class="pretty p-switch" style="right:6%"> <input type="checkbox" name="job_status" id="insulated"
                value="insulated">
              <div class="state">
                <label></label>
              </div>


            </div> <span class="info-box-icon bg-green"><i class="ion ion-thermometer"></i></span>

          </label>
          &nbsp
          <label id="submitted2">
            <div class="pretty p-switch" style="right:6%"> <input type="checkbox" name="job_status" id="submitted"
                value="submitted">
              <div class="state">
                <label></label>
              </div>

            </div><span class="info-box-icon bg-blue"><i class="ion ion-checkmark"></i></span>

          </label>
        </div>

        <div class="form-group" >
			<div class="input-group" style="display:flex;">
			 <select class="form-control"  name="submitted_type" id="submitted_type" style="display:none">
				<option value="">Select Sale type</option>
				<option value="Sale Revived by LCL">Sale Revived by LCL</option>
				<option value="Sale Matured by LCL">Sale Matured by LCL</option>
			  </select>
		  <select class="form-control"   name="obligation_month" id="obligation_month" style="display:none">
			<option value="">Select Obligation Month</option>
			<option value="June-26">June-26</option><option value="May-26">May-26</option><option value="April-26">April-26</option><option value="March-26">March-26</option><option value="February-26">February-26</option><option value="January-26">January-26</option><option value="December-25">December-25</option><option value="November-25">November-25</option><option value="October-25">October-25</option><option value="September-25">September-25</option><option value="August-25">August-25</option><option value="July-25">July-25</option><option value="June-25">June-25</option><option value="May-25">May-25</option><option value="April-25">April-25</option><option value="March-25">March-25</option><option value="February-25">February-25</option><option value="January-25">January-25</option><option value="December-24">December-24</option><option value="November-24">November-24</option><option value="October-24">October-24</option><option value="September-24">September-24</option><option value="August-24">August-24</option><option value="July-24">July-24</option><option value="June-24">June-24</option><option value="May-24">May-24</option><option value="April-24">April-24</option><option value="March-24">March-24</option><option value="February-24">February-24</option><option value="January-24">January-24</option><option value="December-23">December-23</option><option value="November-23">November-23</option><option value="October-23">October-23</option><option value="September-23">September-23</option><option value="August-23">August-23</option><option value="July-23">July-23</option><option value="June-23">June-23</option><option value="May-23">May-23</option><option value="April-23">April-23</option><option value="March-23">March-23</option><option value="February-23">February-23</option><option value="January-23">January-23</option><option value="December-22">December-22</option><option value="November-22">November-22</option><option value="October-22">October-22</option><option value="September-22">September-22</option><option value="August-22">August-22</option><option value="July-22">July-22</option><option value="June-22">June-22</option><option value="May-22">May-22</option><option value="April-22">April-22</option>		  </select>
		  
			</div>
        </div>
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </div>
            <input type="date" class="form-control" name="date" required id="date">
          </div>
        </div>
        <div class="input-group">
          <div class="input-group-addon">
            <i class="fa fa-clock"></i>
          </div>
          <input type="time" class="form-control" name="time" required id="time">
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-success" onclick="('#statusform').submit()">Update</button>
      </div>

    </div>
  </div>
</div>




<!-- The Status Modal onclick="('#statusform').submit()" -->
<!--<div id="multistatusmodal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">-->

    <!-- Modal content -->
     <!-- <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Update Job Status</h4>
      </div>
      <form id="statusform1" action="{{route('update_multi_job_status')}}">
        <div class="modal-body">
          <input type="hidden" id="jobids" name="job_ids[]">-->
          <!-- radio -->
           <!-- <div class="form-group text-center">
            <label>
              <div> <input type="checkbox" name="job_status" id="surveyed1" value="surveyed"> </div> <span
                class="info-box-icon bg-gray"><i class="ion ion-clipboard"></i></span>
            </label>
            &nbsp
            <label>
              <div><input type="checkbox" name="job_status" id="booked1" value="booked"> </div><span
                class="info-box-icon bg-orange"><i class="fa fa-bookmark"></i></span>

            </label>
            &nbsp
            <label>
              <div><input type="checkbox" name="job_status" id="canceled1" value="canceled"> </div><span
                class="info-box-icon bg-red"><i class="fa fa-close"></i></span>

            </label>
            &nbsp
            <label>
              <div> <input type="checkbox" name="job_status" id="insulated1" value="insulated"></div> <span
                class="info-box-icon bg-green"><i class="ion ion-thermometer"></i></span>

            </label>
            &nbsp
            <label>
              <div> <input type="checkbox" name="job_status" id="submitted1" value="submitted"></div><span
                class="info-box-icon bg-blue"><i class="ion ion-checkmark"></i></span>

            </label>
          </div>
          <div class="form-group">
            <div class="input-group">
              <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </div>
              <input type="date" class="form-control" name="date"  id="date">
            </div>
          </div>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </div>
            <input type="time" class="form-control" name="time1" required id="time1">
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-success" onclick="('#statusform').submit()" >Update</button>
        </div>
      </form>
    </div>
  </div>
</div>

-->




<!-- <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.flash.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.6.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.colVis.min.js"></script> -->
<!-- page script -->
<!-- Start code bt Qaisar -->
<script type="text/javascript">
jQuery(document).ready(function(jQuery){
	$('#date1').prop('required',true);
	//$('#your_input_or_select_id').removeAttr('required');
});
  $(function(e){
  $('.selectall').click(function(){
    $('.selectbox').prop('checked',$(this).prop('checked'));

 
  });
 $('#deleteselected').click(function(e) {
   e.preventDefault();
   var allids=[];
   $(".selectbox:checked").each(function () {
     allids.push($(this).val());
     // console.log("jjd", allids);
   });
   // console.log("allids", allids);
   $.ajax({
     url:"{{route('delete_marked')}}",
     type:"get",
      dataType:"json",
     data:{
       ids:allids,
       _token:'{{csrf_token()}}',
     },
     success:function(data){
      //('#example1').DataTable().ajax.reload();
    location.reload();
     }

   });
 });

});

//--End code bt Qaisar -->

</script>

<script type="text/javascript">
  $("#is_hmo_status").css('display','none');
  window.onload=function(){


        $(".dataTables_scrollBody").hide();
       
        $(".dataTables_scrollHead").after("<div id='loading123' style='display:flex;justify-content: center'><img  src='{{asset('loading.gif')}}'  ></div>");
        //$("#loading123").css("display","block");

      setInterval(function(){

        $(".dataTables_scrollBody").show();
         $("#loading123").hide();

      },2000);

};






  var job_ids;
$("#multi_status_btn").css({"visibility":"hidden"});
function show_multi_btn()
{
$("#multi_status_btn").css({"visibility":"visible"});
}
function multi_status()
{
  job_ids=[];
  $("input:checkbox[name=job_ids]:checked").each(function(){
    job_ids.push($(this).val());
});
$status=0;
console.log($status)
var selected="";
$("#jobids").val(job_ids);
if($status==1)
{
  selected="#surveyed1";
}
else if($status==2)
{
  selected="#booked1";
}
else if($status==3)
{
  selected="#insulated1";
}
else if($status==4)
{
  selected="#submitted1";
}
else
{
  selected="#canceled1";
}
console.log(selected)
          $("#surveyed1").prop("disabled", false);
           $("#booked1").prop("disabled", false);
           $("#insulated1").prop("disabled", false);
           $("#submitted1").prop("disabled", false);
          $("#canceled1").prop("disabled", false);
          $("#surveyed1").prop("checked", false);
          $("#canceled1").prop("checked", false);
          $("#booked1").prop("checked", false);
          $("#insulated1").prop("checked", false);
          $("#submitted1").prop("checked", false);
          $(selected).prop("checked", true);
           $('#multistatusmodal').modal('toggle');
          $('#multistatusmodal').modal('show');
          if($("#insulated1").prop("checked")==true){
       $("#surveyed1").attr('disabled','disabled');
        $("#booked1").attr('disabled','disabled');
          $("#canceled1").attr("disabled", "disabled");
        $("#surveyed1").prop("checked", true);
          $("#booked1").prop("checked", true);
    }
    else if($("#submitted1").prop("checked")==true)
    {
      $("#insulated1").attr('disabled','disabled');
          $("#canceled1").attr("disabled", "disabled");
      $("#surveyed1").attr('disabled','disabled');
        $("#booked1").attr('disabled','disabled');
        $("#surveyed1").prop("checked", true);
          $("#booked1").prop("checked", true);
          $("#insulated1").prop("checked", true);
    }
    else if($("#booked1").prop("checked")==true)
    {
$("#surveyed1").attr('disabled','disabled');
$("#surveyed1").prop("checked", true);
    }
    else if($("#canceled1").prop("checked")==true)
    {
      $("#insulated1").attr('disabled','disabled');
      $("#surveyed1").attr('disabled','disabled');
        $("#booked1").attr('disabled','disabled');
        $("#submitted1").attr('disabled','disabled');
        $("#canceled1").attr('disabled','disabled');
        $("#surveyed1").prop("checked", true);
        $("#canceled1").prop("checked", true);
        $("#booked1").prop("checked", true);
    }
    else{
      $("#surveyed1").attr('disabled','disabled');
    $("#surveyed1").prop("checked", true);
    }
}

  function StatusModal(data,selected) {
    $("#is_hmo_status").css('display','none');
var jobs = ;
var submit,insulate,book,survey;
var is_hmo=0;
jobs.forEach(function myFunction2(item, index) {
  if(item['id']==data){
    if(item['job_status']==4){
   submit=(item['submit_date']); }
  else if(item['job_status']==3){
 insulate=(item['insulation_date']);
  }
  else if(item['job_status']==2){
     book=(item['booking_date']);
  }
  else{
     survey=(item['survey_date']);
  }

  if(item['property_type']=='HMO')
  {
    is_hmo=1;
  }
}
});

          if(is_hmo==1)
          {
              $("#is_hmo_status").css('display','block');
          }

           $("#surveyed").prop("disabled", false);
           $("#booked").prop("disabled", false);
           $("#insulated").prop("disabled", false);
           $("#submitted").prop("disabled", false);
          $("#canceled").prop("disabled", false);
          $("#surveyed").prop("checked", false);
          $("#canceled").prop("checked", false);
          $("#booked").prop("checked", false);
          $("#insulated").prop("checked", false);
          $("#submitted").prop("checked", false);
          $('#statusid').val(data);
          $(selected).prop("checked", true);
           $('#statusmodal').modal('toggle');
          $('#statusmodal').modal('show');
          if($("#insulated").prop("checked")==true){
       $("#surveyed").attr('disabled','disabled');
        $("#booked").attr('disabled','disabled');
          $("#canceled").attr("disabled", "disabled");
        $("#surveyed").prop("checked", true);
          $("#booked").prop("checked", true);
             var dateEntered = new Date(insulate);
    var month = dateEntered.getMonth() + 1;
    var day = dateEntered.getDate();
    var year=dateEntered.getFullYear();
     if(month < 10)
        month = '0' + month.toString();
      if(day < 10)
          day = '0' + day.toString();
        var minDate= year + '-' + month + '-' + day;
         $('#date').attr('min', minDate);

    }
    else if($("#submitted").prop("checked")==true)
    {
      $("#insulated").attr('disabled','disabled');
          $("#canceled").attr("disabled", "disabled");
      $("#surveyed").attr('disabled','disabled');
        $("#booked").attr('disabled','disabled');
        $("#surveyed").prop("checked", true);
          $("#booked").prop("checked", true);
          $("#insulated").prop("checked", true);
          var dateEntered = new Date(submit);
    var month = dateEntered.getMonth() + 1;
    var day = dateEntered.getDate();
    var year=dateEntered.getFullYear();
     if(month < 10)
        month = '0' + month.toString();
      if(day < 10)
          day = '0' + day.toString();
        var minDate= year + '-' + month + '-' + day;
         $('#date').attr('min', minDate);
    }
    else if($("#booked").prop("checked")==true)
    {
	$("#surveyed").attr('disabled','disabled');
	$("#surveyed").prop("checked", true);
	var dateEntered = new Date(book);
    var month = dateEntered.getMonth() + 1;
    var day = dateEntered.getDate();
    var year=dateEntered.getFullYear();
     if(month < 10)
        month = '0' + month.toString();
      if(day < 10)
          day = '0' + day.toString();
        var minDate= year + '-' + month + '-' + day;
         $('#date').attr('min', minDate);
    }
    else if($("#canceled").prop("checked")==true)
    {
      $("#insulated").attr('disabled','disabled');
      $("#surveyed").attr('disabled','disabled');
        $("#booked").attr('disabled','disabled');
        $("#submitted").attr('disabled','disabled');
        $("#canceled").attr('disabled','disabled');
        $("#surveyed").prop("checked", true);
        $("#canceled").prop("checked", true);
        $("#booked").prop("checked", true);
    }
    else{
		$("#surveyed").attr('disabled','disabled');
		$("#surveyed").prop("checked", true);
		var dateEntered = new Date(survey);
		var month = dateEntered.getMonth() + 1;
		var day = dateEntered.getDate();
		var year=dateEntered.getFullYear();
		 if(month < 10)
			month = '0' + month.toString();
		  if(day < 10)
			  day = '0' + day.toString();
			var minDate= year + '-' + month + '-' + day;
			 $('#date').attr('min', minDate);
		}
  }

  function ChooseContact(data) {
    var selected_jobs = ;
    selected_id=data;
    selected_jobs.forEach(myfunction);

}

function myfunction(item,index)
{

    if(item.id == selected_id)
        {
          /* $forname="<p>Fore Name :<b>".concat(item.fore_name,"</b></p>");
          $lastname="<p>Last Name :<b>".concat(item.last_name,"</b></p>");
          $address="<p>Address :<b>".concat(item.address,"</b></p>","<p>POST CODE :<b>",item.postal_code,"</b></p>","<p>Email :<b>",item.email,"</b></p>");
          $contact="<p>Contact Number :<b>".concat(item.contact_no,"</b></p>","<p>Additional Number :<b>",item.additional_no,"</b></p>","<p>Date of Birth :<b>",item.date_of_birth,"</b></p>");
          if(item.is_rented=='no')
          $isrented="<h3>Rental Details</h3><p>Is Rented :<b>".concat(item.is_rented,"</b></p>");
          else
          {
            $landloard="<p>Landlord :<b>".concat(item.landloard,"</b></p>","<p>Contact Name :<b>",item.contact_name,"</b></p>","<p>Contact Number :<b>",item.phone_number,"</b></p>");
          $isrented="<h3>Rental Details</h3><p>Is Rented :<b>".concat(item.is_rented,"</b></p>",$landloard,"<p>Email :<b>",item.email_address,"</b></p>","<p>Notes :<b>",item.notes,"</b></p>");
          }
          $heatingtype="<h3>Property Details </h3><p>Heating Type :<b>".concat(item.heating_type,"</b></p>");
          $no_of_beds="<p>No of Beds :<b>".concat(item.no_of_beds,"</b></p>");
          $propertytype="<p>Property Type :<b>".concat(item.property_type,"</b></p>");
          $external_walls="<p>External Walls :<b>".concat(item.external_walls,"</b></p>");
          $t_date="<p>Booking Date :<b>".concat(item.booking_date,"</b></p><p>Booking time :<b>",item.booking_time,"</b></p><p>Survey Date :<b>",item.survey_date,"</b></p>");
          $final_notes="<p>Notes :<b>".concat(item.final_notes,"</b></p>");
          $a="".concat( "<h3>Customer Details</h3><p>Title :<b>",item.title,"</b></p>",$forname,$lastname,$address,$contact,$isrented,$heatingtype,$no_of_beds,$propertytype,$external_walls,$t_date,$final_notes);
          $('#myModal').modal('toggle');
          $('#myModal').modal('show');
          $("div.demo").html( $a ); */

          const title=document.getElementById("title1");
          const first=document.getElementById("firstName1");
          const last=document.getElementById("lastName1");
          const dob=document.getElementById("dob1");
          const contact=document.getElementById("contactNo1");
          const postal=document.getElementById("postalCode1");
          const email=document.getElementById("email1");
          const address=document.getElementById("address1");
          const rental=document.getElementById("rentalStatus1");
          //const rental=document.getElementById("rentalStatus1");
		  
          const iscommunalhatch1=document.getElementById("is_communal_hatch1");
          const isloftchecked1=document.getElementById("is_loft_checked1");
          const ishatchmakingjob1=document.getElementById("is_hatch_making_job1");
		  
          const heating=document.getElementById("heatingType1");
          const beds=document.getElementById("noOfBeds1");
          const property=document.getElementById("propertyType1");
          const external=document.getElementById("externalWalls1");
          
          const bookingDate=document.getElementById("bookingDates1");
          const booking=document.getElementById("bookingTime1");
          const survey=document.getElementById("surveyDate1");
		  const submitD=document.getElementById("submitDate1");
		  const insulatedD=document.getElementById("insulatedDate1");
		  const submittedtypeD=document.getElementById("submittedtype1");
		  const obligationmonthD=document.getElementById("obligationmonth1");
          const notes=document.getElementById("notes1");
          const notesbtn=document.getElementById("notes2");
          const dropbox_mod=document.getElementById("dropbox_mod");

          if(item.date_of_birth != null)
          {
          const date=new Date(item.date_of_birth);
          const dayy=date.getDate();
          const monthh=date.getMonth()+1;
          const yearr=date.getFullYear();

          const dateString=`${dayy}/${monthh}/${yearr}`;
          console.log(dayy,monthh,yearr);
          dob.value=dateString;
          }
          
          title.value=item.title;
          first.value=item.fore_name;
          last.value=item.last_name;
          contact.value=item.contact_no;
          postal.value=item.postal_code;
          email.value=item.email;
          address.value=item.address;
          rental.value=item.is_rented;
		  
          iscommunalhatch1.value=item.is_communal_hatch;
          isloftchecked1.value=item.is_loft_checked;
          ishatchmakingjob1.value=item.is_hatch_making_job;
		  
		  
          heating.value=item.heating_type;
          beds.value=item.no_of_beds;
          property.value=item.property_type;
          external.value=item.external_walls;
         bookingDate.value=item.booking_date;
         booking.value=item.booking_time;
         survey.value=item.survey_date;
		 //alert(item.submit_date);
         submitD.value=item.submit_date;
		 //alert(submitD.value);
         insulatedD.value=item.insulation_date;
         submittedtypeD.value=item.submitted_type;
         obligationmonthD.value=item.obligation_month;
		 //alert(insulatedD.value);
         notes.value=item.final_notes; 

         notesbtn.value=item.booking_team_notes;           
         //dropbox_mod.value='asd';          
		//$("#dropbox_mod").text('asd');
		
         if(item.funder==0){
          $("#funder").hide();
          }
          else if(item.funder==1){
            $funderName="E-ON";  
            $("#funder").show();
            $("#funder").text($funderName);
          }
          else if(item.funder==2){
            $funderName="BRITISH GAS";  
            $("#funder").show();
            $("#funder").text($funderName);
          }
          else if(item.funder==3){
            $funderName="NPOWER";  
            $("#funder").show();
            $("#funder").text($funderName);
          }
          else if(item.funder==4){
            $funderName="OTHERS";  
            $("#funder").show();
            $("#funder").text($funderName);
          }
          else if(item.funder==5){
            $funderName="IMPROVE EASY";  
            $("#funder").show();
            $("#funder").text($funderName);
          }
          
           if(rental.value=="yes"){
            //$("#link-font").attr("href","https://use.fontawesome.com/releases/v5.13.1/css/all.css")
           $("#font-cancel").css("display","none");

            $("#landloard").val(item.landloard);           
            $("#contactName").val(item.contact_name);           
            $("#phoneNumber1").val(item.phone_number);           
            $("#email12").val(item.email_address);           
            $("#notes12").val(item.notes);           

            $(".main-2232").css("display","flex");
            $(".main-2121").css("display","flex");
            
          
          } else{
            //$("#link-font").attr("href","https://use.fontawesome.com/releases/v5.13.1/css/all.css")
              $("#font-tick").css("display","none");
              $("#font-cancel").css("display","flex");

              $(".main-2232").css("display","none");
            $(".main-2121").css("display","none");

          }
          

          const slider=$("#carousel_inner");
         const path=window.location.pathname.substr(0, window.location.pathname.lastIndexOf('/'))+"/images/"+item.id;
        
         axios.get(path).then(res=>{
          if(res.data!==null){
            slider.html("");
            
            var images_array=res.data;
            var html_data="";
            var counter=0;
            images_array.forEach(function(item,index){
              if(counter==0)
              {
                html_data="<div  class='item active'><img style='width:100%;height:250px' src='"+item+"' alt='image missing'/></div>"
              }
              else
              {
              html_data=html_data+"<div  class='item'><img style='width:100%;height:250px' src='"+item+"' alt='image missing'/></div>"
              }
              counter++;
            })
            html_data=html_data+"";
            console.log(html_data)
            slider.html(html_data);

            
          }
          else{
          
            slider.html("");

          }


         });

         


      $("#download12").attr("href","{{url('/download/image')}}/"+item.id);          
         



          $('#myModal').modal('toggle');
          $('#myModal').modal('show');
          








        }

}







$("document").ready(function(){

     const sur=$("#surveyed12");
     const boo=$("#booked12");
     const ins=$("#insulated12");
     const sub=$("#submitted12");
     const can=$("#canceled12");

      const data=[sur,boo,ins,sub,can];
    
      
  
    
    function dataChangeForMonth($month=1){
        
    $auth="{{Auth::id()}}";
    
    $.ajax({

        url:`{{url("/monthly/jobs/ ")}}+${$month}`,
        
          data:{"authNew":$auth},        
          success:function(res){
            let i=0;
              res.forEach(e=>{
                
                
                data[i].text(e);

                i++;
              });




          }


    });
    
    }

    dataChangeForMonth();


    $('#arrowLeft').on("click",function(){

console.log("left");

dataChangeForMonth(0);
     $(this).hide();
     $("#arrowRight").show(); 
     $("#jobs12").text("Previous Month");
});  



$('#arrowRight').on("click",function(){

  console.log("right");
  dataChangeForMonth(1);
  $(this).hide();
  $("#arrowLeft").show();
  $("#jobs12").text("Current Month");
});      




});



$("#arrowRight").hide(); 
$(document).ready(function(){

$("#submitted").on("click",function(){

    

    if($(this).is(":checked") == true){

    $("#submitted_type").show();//.attr("required",true);
    $("#obligation_month").show();//.attr("required",true);
	
    $("#time").hide().removeAttr("required");


      }else{

        $("#time").show().attr("required",true);
		$("#submitted_type").hide();//.removeAttr("required");
		$("#obligation_month").hide();//.removeAttr("required");

      }



});

});


  


  
/* function usersList(){

    const value="{{ empty($jobs_List2)?'':$jobs_List2 }}";

    $.ajax({
      
      url:"{{url('/exportList')}}",
      data:{list12:value},
      
      success:function(res){
          console.log(res);
      }


    });  



} 
 */






function delete_button_allow()
{
console.log(1)
$(".dlt_btn").css('visibility','unset')
}

function delete_button_hide()
{
console.log(1)
$(".dlt_btn").css('visibility','hidden')
}

$(document).ready(function() {
var table;
if(0)
{
table = $('#example1').DataTable( {
order: [[1, 'desc']],
"scrollX": true,
 "autoWidth" : true,
// "columnDefs" : [{"width" : '30%', "targets" : 2}]
// dom: 'Bfrtip',
// // buttons: [
// // 'excel'
// // ]
// dom: 'Bfrtip',
// buttons: [
// 'copy', 'csv', 'excel', 'pdf', 'print'
} );
}
else
{
table = $('#example1').DataTable( {
order: [[0, 'desc']],
"scrollX": true,
 "autoWidth" : true,
// "columnDefs" : [{"width" : '30%', "targets" : 2}]
// dom: 'Bfrtip',
// // buttons: [
// // 'excel'
// // ]
// dom: 'Bfrtip',
// buttons: [
// 'copy', 'csv', 'excel', 'pdf', 'print'
} ); }

// table.buttons().container().appendTo( '#example_wrapper .col-sm-6:eq(0)' );
} );
</script>
@endsection