@extends('layouts.app')
@section('title')Modify Job @endsection
@section('content')
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
  <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
  integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/ui-lightness/jquery-ui.css">
<link rel="stylesheet" href="{{asset('dist/css/select2.min.css')}}">	
<style>
  .custom-modal-setting {
    display: flex;
  }

  @media(max-width:601px) {
    .custom-modal-setting {
      display: block;
    }
  }
</style>


<div class="box box-default color-palette-box" id="content">
  <div class="box-header with-border">
    <div class="row">
      <div class="col-md-6">
        <div class="box box-solid">
          <div class="box-header with-border">
            <h3 class="box-title">Update Job</h3>

            @if (session()->has("errors"))
            <h4 class="label label-danger">{{$errors}}</h4>
            @endif

            @if(Auth::user()->role_id<3) @if($jobs->property_type=='HMO')
              <a class="pull-right btn btn-primary"
                onclick="return confirm('Are You Sure You Want to Add new flat in this Hmo')"
                href="{{ route('eco4_addnewflat',$jobs->id)}}">Add new flat</a>
              @endif
              @endif
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <div class="box-group">
              <!-- we are adding the .panel class so bootstrap.js collapse plugin detects it -->
              <form role="form" id="frm1" method="post" action="{{url('eco4_update_job')}}" enctype="multipart/form-data">
			  @csrf
                <input type="hidden" name="id" id="id">
                <!-- Start -->
                <div class="panel box box-primary">
                  <div class="box-header with-border">
                    Customer Details
                  </div>
                  <div class="box-body">
                    <!-- text input -->
                    <div class="form-group">
                      <label>Title</label>
                      <select class="form-control" name="title" id="title">
                        <option>Mr</option>
                        <option>Mrs</option>
                        <option>Miss</option>
                      </select>
                    </div>
                    <div class="form-group">
                      <label>Fore Name*</label>
                      <input type="text" name="forename" id="forename" required="" class="form-control"
                        placeholder="Fore Name">
                    </div>
                    <div class="form-group">
                      <label>Last Name*</label>
                      <input type="text" name="lastname" id="lastname" required="" class="form-control"
                        placeholder="Last Name">
                    </div>
                    <div class="form-group">
                      <label>Address*</label>
                      <textarea class="form-control" name="address" id="address" required="" rows="3"
                        placeholder="Enter Adress"></textarea>
                    </div>
                    <div class="form-group">
                      <label>POST CODE*</label>
                      <input type="text" name="postcode" id="postcode" onkeyup="postupper(this.value)" required=""
                        class="form-control" placeholder="POST CODE">
                    </div>
                    <div class="form-group">
                      <label>Email*</label>
                      <input type="email" name="email" id="email" class="form-control" placeholder="Email">
                    </div>
                    <div class="form-group">
                      <label>Contact Number*</label>
                      <input type="text" name="contact_no" id="contact_no" required="" class="form-control"
                        placeholder="Contact Number">
                    </div>
                    <div class="form-group">
                      <label>Aditional Number</label>
                      <input type="text" name="additional_no" id="additional_no" class="form-control"
                        placeholder="Aditional Number">
                    </div>
                    <div class="form-group">
                      <label>Date of Birth</label>
                      <input type="text" name="dob" id="dob" class="form-control">
                    </div>


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

                <!-- Start -->
                <div class="panel box box-primary">
                  <div class="box-header with-border">
                    Rental Detail
                  </div>
                  <div class="box-body">
                    <div class="form-group">
                      <label>Is This Property Rented </label> &nbsp
                      <input type="radio" name="is_rented" id="yes" value="yes">
                      Yes
                      <input type="radio" name="is_rented" id="no" value="no" checked>
                      No
                    </div>
                    <div id="rented">
                      <div class="form-group">
                        <label>Landloard/Agent Name</label>
                        <input type="text" name="landloard" id="landloard" class="form-control"
                          placeholder="Landloard/Agent">
                      </div>
                      <div class="form-group">
                        <label>Contact Name</label>
                        <input type="text" name="contact_name" id="contact_name" class="form-control"
                          placeholder="Contact Name">
                      </div>
                      <div class="form-group">
                        <label>Phone Number</label>
                        <input type="text" name="phone_number" id="phone_number" class="form-control"
                          placeholder="Phone Number">
                      </div>
                      <div class="form-group">
                        <label>Email</label>
                        <input type="email" name="r_email" id="r_email" class="form-control" placeholder="Email">
                      </div>
                      <div class="form-group">
                        <label>Notes</label>
                        <textarea class="form-control" name="notes" id="notes" rows="3" placeholder="Notes"></textarea>
                      </div>
                    </div>
                  </div>
                </div> <!-- /.box-header -->
                <!-- End -->
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box box-solid">
          <div class="box-header with-border">
            <h3 class="box-title"></h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <div class="box-group">
              <!-- Start -->
              <div class="panel box box-primary">
                <div class="box-header with-border">
                  Property Details
                </div>
                <div class="box-body">
                  <!-- radio -->
				  
                  <div class="form-group">
                    <label>Heating Type</label>
                    <div class="radio">
                      <label>
                        <input type="radio" name="heating_type" id="gas" value="GAS" checked>
                        Gas
                      </label>
                    </div>
                    <div class="radio">
                      <label>
                        <input type="radio" name="heating_type" id="nhp" value="NHP" >
                        No Heating Present
                      </label>
                    </div>
                    {{-- <div class="radio">
                      <label>
                        <input type="radio" name="heating_type" id="electric" value="electric">
                        Electric
                      </label>
                    </div> --}}
                    <div id="heat">

                      <div class="radio">
                        <label>
                          <input type="radio" name="heating_type" id="eb" value="EB">
                          Electric Boiler
                        </label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" name="heating_type" id="rh" value="RH">
                          Room Heater
                        </label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" name="heating_type" id="esh" value="ESH">
                          Electric Storage Heater
                        </label>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label>Property Type</label>
                  <select name="property_type" id="property_type" class="form-control">
                    <option value="Flat">Flat</option>
                    <option value="Detached House">Detached House</option>
                    <option value="Semi-Detached house">Semi-Detached house</option>
                    <option value="Mid Terrace House">Mid Terrace House</option>
                    <option value="End Terrace House">End Terrace House</option>
                    <option value="Bungalow">Bungalow</option>
                    <option value="HMO">HMO</option>
                  </select>
                </div>

                <div class="form-group" id="noofflats">
                  <label>No of Flats</label>
                  <input type="number" min="0" id="no_of_flats" name="no_of_flats" class="form-control"
                    placeholder="No of Flats" disabled>
                </div>
                <div class="form-group" id="noofflats_beds">
                </div>

                <div class="form-group" id="noofbeds">
                  <label>No of Beds</label>
                  <input type="text" id="no_of_beds" name="no_of_beds" class="form-control" placeholder="No of Beds">
                </div>


                <div class="form-group">
                  <label>External Walls</label>
                  <select name="external_walls" id="external_walls" class="form-control">
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                  </select>
                </div>
				
				<div class="form-group">
                  <label>Floor Type</label>
                  <select name="floor_type" class="form-control">
                    <option value="Ground Floor">Ground Floor</option>
                    <option value="Middle floor">Middle floor</option>
                    <option value="Top Floor">Top Floor</option>
                  </select>
                </div>
				
				<div class="form-group">
                  <label>Current EPC Rating</label>
                  <select name="epc_rating" class="form-control">
                    <option value="Low G (Below 10.5)">Low G (Below 10.5)</option>
                    <option value="High G (10.5 to 20.4)">High G (10.5 to 20.4)</option>
                    <option value="Low F (20.5 to 29.4)">Low F (20.5 to 29.4)</option>
                    <option value="High F (29.5 to 38.4)">High F (29.5 to 38.4)</option>
                    <option value="Low E (38.5 to 46.4)">Low E (38.5 to 46.4)</option>
                    <option value="High E (46.5 to 54.4)">High E (46.5 to 54.4)</option>
                    <option value="Low D (54.5 to 61.4)">Low D (54.5 to 61.4)</option>
                    <option value="High D (61.5 to 68.4)">High D (61.5 to 68.4)</option>
                    <option value="Low C (68.5 to 74.4)">Low C (68.5 to 74.4)</option>
                    <option value="High C (74.5 to 80.4)">High C (74.5 to 80.4)</option>
                    <option value="Low B (80.5 to 85.9)">Low B (80.5 to 85.9)</option>
                    <option value="High B (86.0 to 91.4)">High B (86.0 to 91.4)</option>
                    <option value="Low A (91.5 to 95.9)">Low A (91.5 to 95.9)</option>
                    <option value="High A (96.0 and Above)">High A (96.0 and Above)</option>
                  </select>
                </div>


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

            <!-- Start -->
            <div class="panel box box-primary">
              <div class="box-header with-border">
                Services
              </div>
              <div class="box-body">
                <div class="form-group">
                  <label>Added Service Type</label>
				  <input type="text" id="service_type_mul_2" name="service_type_mul_2" value="" class="form-control" readonly>
				  <input type="hidden" id="service_type_mul_1" name="service_type_mul_1" value="" class="form-control">
                  <label>Change Service Type</label>
                  <select name="service_type_mul[]" id="service_type_mul" class="form-control"  multiple="multiple">
                    <option value="Loft Insulation">Loft Insulation</option>
                    <option value="Electric Storage Heater">Electric Storage Heater</option>
                    <option value="Internal Wall Insulation (IWI)">Internal Wall Insulation (IWI)</option>
                    <option value="External Wall Insulation (EWI)">External Wall Insulation (EWI)</option>
                    <option value="Cavity Wall Insulation (CWI)">Cavity Wall Insulation (CWI)</option>
                    <option value="Air Source Heat Pump (ASHP)">Air Source Heat Pump (ASHP)</option>
                    <option value="Under floor Insulation">Under floor Insulation </option>
                    <option value="Draught Proofing">Draught Proofing</option>
                  </select>
                </div>
                <div class="form-group">
                  <label>Booking Date</label>
                  <input type="date" id="booking_date1" name="booking_date" class="form-control">
                </div>
                <div class="form-group">
                  <label>Booking Time</label>
                  <input type="time" id="Booking_time" name="booking_time" class="form-control">
                </div>
                <div class="form-group">
                  <label>Survey Date</label>
                  <input type="date" id="survey_date" name="survey_date" class="form-control">
                </div>
                <div class="form-group">
                  <label>Notes</label>
                  <textarea class="form-control" id="final_notes" name="final_notes" rows="3"
                    placeholder="Notes"></textarea>
                </div>