@extends('admin/layout')
@section('page_title','Add Job')
@section('miscellaneous_select','active')
@section('job_select','active')
@section('styles')
<style>
  fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}
</style>
@endsection
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Job
    <small>Add</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>Dashboard</a></li>
    <li class="active">Job</li>
  </ol>
</section>


<section class="content">
  <!-- Info boxes -->
  <div class="row">

    <div class="col-md-12">
      <div class="success_message"></div>
      <div class="box box-warning">
        <div class="box-header with-border">
            <div class="d-flex justify-content-end text-right">
                <a href="{{url('admin/jobs')}}" class="btn btn-danger"><i class="fa fa-arrow-circle-left "></i>&nbsp;&nbsp;Back</a>
            </div>
        </div>
        <div class="box-body">
          <div class="col-md-12">
            <form action="{{url('admin/jobs/store')}}" method="POST" enctype="multipart/form-data">
              @csrf
              <div class="form-group col-md-4">
                <label for="">Company Name <span class="text-red">*</span></label>
                <input type="text" name="company_name" class="form-control"
                  placeholder="" value="{{old('company_name')}}">
                  <p class="text-red">@error('company_name')  {{$message}} @enderror</p>
              </div>

              <div class="form-group col-md-4">
                <label for="">Position <span class="text-red">*</span></label>
                <input type="text" name="position" class="form-control"
                  placeholder="" value="{{old('position')}}">
                  <p class="text-red">@error('position')  {{$message}} @enderror</p>
              </div>

              <div class="form-group col-md-4">
                <label for="">Company Logo <span class="text-red"></span></label>
                <input type="file" name="company_logo" class="form-control"
                  >
                  <p class="text-red">@error('company_logo')  {{$message}} @enderror</p>
              </div>
              
              <fieldset class="scheduler-border">
                <legend class="scheduler-border">General Info</legend>
                
                <div class="form-group col-md-3">
                  <label for="">Published On <span class="text-red">*</span></label>
                  <input type="date" name="published_on" class="form-control"
                    placeholder="" value="{{old('published_on')}}">
                    <p class="text-red">@error('published_on')  {{$message}} @enderror</p>
                </div>

                <div class="form-group col-md-3">
                  <label for="">Deadline <span class="text-red">*</span></label>
                  <input type="date" name="deadline" class="form-control"
                    placeholder="" value="{{old('deadline')}}">
                    <p class="text-red">@error('deadline')  {{$message}} @enderror</p>
                </div>

                <div class="form-group col-md-3">
                  <label for="">Source <span class="text-red"></span></label>
                  <input type="text" name="source" class="form-control"
                    placeholder="" value="{{old('source')}}">
                    <p class="text-red">@error('source')  {{$message}} @enderror</p>
                </div>

                <div class="form-group col-md-3">
                  <label for="">Vacancy <span class="text-red"></span></label>
                  <input type="text" name="vacancy" class="form-control"
                    placeholder="" value="{{old('vacancy')}}">
                    <p class="text-red">@error('vacancy')  {{$message}} @enderror</p>
                </div>

            </fieldset>
            
            <fieldset class="scheduler-border">
              <legend class="scheduler-border">Job Details</legend>
              
              <div class="form-group col-md-4">
                <label for="">Job Nature <span class="text-red"></span></label>
                <input type="text" name="job_nature" class="form-control"
                  placeholder="" value="{{old('job_nature')}}">
                  <p class="text-red">@error('job_nature')  {{$message}} @enderror</p>
              </div>

              <div class="form-group col-md-4">
                <label for="">Job Location <span class="text-red"></span></label>
                <input type="text" name="job_location" class="form-control"
                  placeholder="" value="{{old('job_location')}}">
                  <p class="text-red">@error('job_location')  {{$message}} @enderror</p>
              </div>

              <div class="form-group col-md-4">
                <label for="">Salary <span class="text-red">*</span></label>
                <input type="text" name="salary" class="form-control"
                  placeholder="" value="{{old('salary')}}">
                  <p class="text-red">@error('salary')  {{$message}} @enderror</p>
              </div>

              <div class="form-group col-md-12">
                <label for="">Job Description <span class="text-red"></span></label>
                <textarea name="job_description" id="job_description" class="form-control"></textarea>
              </div>

              <div class="form-group col-md-12">
                <label for="">Compensation & Other Benefits <span class="text-red"></span></label>
                <textarea name="compensation_other_benefits" id="compensation_other_benefits" class="form-control"></textarea>
              </div>

          </fieldset>  

          <fieldset class="scheduler-border">
            <legend class="scheduler-border">Job Requirements</legend>

            <div class="form-group col-md-12">
              <label for="">Educational Requirements <span class="text-red"></span></label>
              <textarea name="educational_requirement" id="educational_requirement" class="form-control"></textarea>
            </div>

            <div class="form-group col-md-12">
              <label for="">Exprience Requirements <span class="text-red"></span></label>
              <input type="text" name="exprience_requirement" class="form-control">
            </div>

            <div class="form-group col-md-12">
              <label for="">Additional Requirements <span class="text-red"></span></label>
              <textarea name="additional_requirement" id="additional_requirement" class="form-control"></textarea>
            </div>

        </fieldset>

        <fieldset class="scheduler-border">
          <legend class="scheduler-border">Apply Procedure</legend>

          <div class="form-group col-md-12">
            <label for="">Apply Instructions <span class="text-red"></span></label>
            <textarea name="apply_instructions" id="apply_instructions" class="form-control"></textarea>
          </div>

          <div class="form-group col-md-12">
            <label for="">Apply Link<span class="text-red"></span></label>
            <input type="text" name="apply_link" class="form-control">
          </div>

      </fieldset> 

              <button class="btn btn-info" type="submit">SAVE</button>
            </form>
          </div>
        </div>
        <!-- /.box-body -->
      </div>
    </div>

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

@endsection

@section('scripts')
<script>
  $(function() {
    CKEDITOR.replace('job_description')
    CKEDITOR.replace('compensation_other_benefits')
    CKEDITOR.replace('educational_requirement')
    CKEDITOR.replace('additional_requirement')
    CKEDITOR.replace('apply_instructions')
  })
</script>
@endsection