@include('auth.header')

<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">
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card">
      <form action="{{ route('addjob.submit') }}" method="POST">
        @csrf
        @honeypot
        <div class="card-body">
          <div class="row">
            <div class="col-md-12">
              <div class="mb-3">
                <label for="jobtitle" class="col-sm-12 col-form-label">Job Title</label>
                <select id="jobtitle" name="jobtitle" class="form-control" required>
                  <option selected disabled value="">-- Select Job Title --</option>
                  @foreach($jobTitles as $jobTitle)
                    <option value="{{ $jobTitle->id }}">{{ $jobTitle->jobtitle }}</option>
                  @endforeach
                </select>

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

          <div class="row">
            <div class="col-md-3">
              <div class="mb-3">
                <label for="job_type" class="col-sm-12 col-form-label">Job Type</label>
                <input type="text" id="job_type" name="jobtype" value="{{ old('jobtype') }}" class="form-control" >
              </div>
            </div>
            <div class="col-md-3">
              <div class="mb-3">
                <label for="posted_date" class="col-sm-12 col-form-label">Posted Date</label>
                <input type="date" id="posted_date" name="posted_date" value="{{ old('posted_date') }}" class="form-control" >
              </div>
            </div>
            <div class="col-md-3">
              <div class="mb-3">
                <label for="location" class="col-sm-12 col-form-label">Location</label>
                <input type="text" id="location" name="location" value="{{ old('location') }}" class="form-control" >
              </div>
            </div>
            <div class="col-md-3">
              <div class="mb-3">
                <label for="salary" class="col-sm-12 col-form-label">Salary</label>
                <input type="text" id="salary" name="salary" value="{{ old('salary') }}" class="form-control" >
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <label for="job_description" class="col-sm-12 col-form-label">Job Description</label>
              <textarea class="tinymce-editor form-control" id="job_description" name="jobdescription" >{{ old('jobdescription') }}</textarea>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <input type="submit" name="submit" value="Save" class="btn btn-primary BtCommon bt-right ">
              <button type="reset" class="btn btn-danger BtCommon bt-right">Reset</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </section>
</main><!-- End #main -->

@include('auth.footer')