@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">

<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('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('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>Communal Hatch</label> &nbsp
                      <input type="radio" name="is_communal_hatch" id="is_communal_hatch_yes" value="yes" @if (isset($is_communal_hatch))
                        {{$is_communal_hatch=="yes"?"checked":""}} @endif>
                      Yes
                      <input type="radio" name="is_communal_hatch" id="is_communal_hatch_no" value="no" checked>
                      No
                  </div> 
				  <div class="form-group">
                      <label>Loft Checked</label> &nbsp
                      <input type="radio" name="is_loft_checked" id="is_loft_checked_yes" value="yes" @if (isset($is_loft_checked))
                        {{$is_loft_checked=="yes"?"checked":""}} @endif>
                      Yes
                      <input type="radio" name="is_loft_checked" id="is_loft_checked_no" value="no" checked>
                      No
                  </div> 
				  <div class="form-group">
                      <label>Hatch Making Job</label> &nbsp
                      <input type="radio" name="is_hatch_making_job" id="is_hatch_making_job_yes" value="yes" @if (isset($is_hatch_making_job))
                        {{$is_hatch_making_job=="yes"?"checked":""}} @endif>
                      Yes
                      <input type="radio" name="is_hatch_making_job" id="is_hatch_making_job_no" value="no" checked>
                      No
                  </div> 
                  <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="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 id="Flat" value="Flat">Flat</option>
                    <option id="House" value="House">House</option>
                    <option id="Bungalow" 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>
            </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>Service Type</label>
                  <select name="service_type" id="service_type" class="form-control">
                    <option value="1">Loft Insulation</option>
                    <option value="2">Electric Storage Heater</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>