@include('auth.header')


<!--  Reference ID----------------------------------------------- -->
<!-- <script>
    function myFunction(){
        var category = $('#category').find(':selected').data('cat'); 
        $('#add').val(category);
    }
    function myFunction1(){
        var category1 = $('#category1').find(':selected').data('cat1'); 
        $('#add').val(category1);
    }
</script> -->
<!--  END Reference ID----------------------------------------------- -->


<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>Add Job</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">Add Job</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="card">
        <form action="{{route('addjob.user')}}" method="POST">
        @csrf
          <div class="card-body">
            <div class="row">
              <div class="col-md-3">
                <div class="mb-3">             
                  <label for="inputText" class="col-sm-12 col-form-label">Job Title</label>
                  <select class="form-select" name="title" aria-label="Default select example" required>
                    <option selected value="" disabled>--Select--</option>
                    @foreach ($depart as $dept)
                      <option value="{{ $dept->id }}">{{ $dept->county }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                <div class="mb-3">             
                  <label for="inputText" class="col-sm-12 col-form-label">Department</label>
                  <select class="form-select" name="jobtitle" token="{{ csrf_token() }}" url="{{ route('alias.salary') }}" id="category" onchange="loadData()" aria-label="Default select example" required>
                    <option selected value="" disabled>--Select--</option>
                    @foreach ($jobtitle as $jobt)
                      <option value="{{ $jobt->id }}">{{ $jobt->category }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <!-- <input type="hidden" id="jobtitle" name="jobtitle" value="" class="form-control"> -->
              <div class="col-md-3">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Alias</label>                 
                  <input type="text" id="alias" name="alias" value="" class="form-control" readonly>
                  <input type="hidden" id="ref" name="maxid" value="" class="form-control">
                  
                </div>
              </div>
              <div class="col-md-3">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Job Type</label>
                  <select class="form-select" name="jobtype" aria-label="Default select example" required>
                    <option selected value="" disabled>--Select--</option>
                    <option value="Full time">Full time</option>
                    <option value="Part time">Part time</option>
                  </select>
                </div>
              </div>
              
            </div>

            <div class="row">
              <div class="col-md-4">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Posted Date</label>
                  <input type="text" id="currentDate" class="form-control" value="" name="post_date" readonly>
                </div>
              </div>
              <div class="col-md-4">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Location</label>
                  <select class="form-select" name="loc" id="dept_al" onchange="GetSelectedTextValue(this)"  aria-label="Default select example" required>
                  <option value="" selected disabled> --select-- </option>
                    @foreach ($location as $loca)
                      <option value="{{ $loca->location }}" data-id="{{ $loca->location }}">{{ $loca->location }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Reference ID</label>
                  <input type="text" name="ref_id" class="form-control" id="ref_id" readonly required>                  
                </div>
              </div>
              
            </div>
            <div class="row">
              <div class="col-md-6">
                <label for="inputText" class="col-sm-12 col-form-label">Overview</label>
                <textarea class="tinymce-editor" name="overview">
                    <div></div>
                  </textarea>
              </div>
              <div class="col-md-6">
                <label for="inputText" class="col-sm-12 col-form-label">Job Description</label>
                <textarea class="tinymce-editor" name="job_descri">
                    <div></div>
                  </textarea>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
              <input type="hidden" name="user" value="{{ session('user') }}">
                <input type="submit" name="submit" value="Save" class="btn btn-primary BtCommon bt-right savebt">
                <button type="reset" class="btn btn-danger BtCommon bt-right ">Reset</button>
              </div>
            </div>
          </div>
        </form>
    </div>
  </section>
</main><!-- End #main -->


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>


@include('auth.footer')
<br><br>
<script>
  var today = new Date();
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  document.getElementById("currentDate").value = date;
</script>
<script>
        $(function() {
          $("#category").change(function() {   
            var id = $("#category option:selected").val();
            var url = $(this).attr('url');
            var token = $(this).attr('token');
            //alert(url);
            if(id != ''){
              $.ajax({
                url:url,
                method:"POST",
                data:{'id':id,
                  _token   : token},
                dataType:"JSON",
                success:function(data)
                {
                  var ref = data.count;
                  if(ref!=0){
                      ref=Number(1)+Number(ref);    
                  }else{
                      ref =1001;
                  }
                  $('#ref').val(ref);                  
                  $('#alias').val(data.alias[0].alias);
                  $('#jobtitle').val(data.alias[0].category);
                                   
                }
              })
            }
          });
        })
      
</script> 
<script>
  $(function() {
          $("#dept_al").change(function() { 
            $("#category").change(function() { 
             
              alert("Please change the location once more."); 

            });
            var val1 = $("#dept_al option:selected").val();
            var alias = $("#alias").val();
            var ref = $("#ref").val();
            //alert(ref);
            if (alias != ""){
            var val2 = 'JSS-';
            var n = (val2 +alias + '-' + ref);
            $("#ref_id").val(n);
            //}
            }
            else{
              alert("Please select the Alias. Can’t be blank or empty !!!");
              $("#dept_al").val('');
            }
          });
        })
</script>