@include('auth.header')




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

  <section class="section">
    <div class="card">
        <form action="#" method="POST">
          <div class="card-body">
            <div class="row">
              <div class="col-md-4">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Job Category</label>
                  <select class="form-select" name="category" aria-label="Default select example">
                    <option selected disabled>Select</option>
                    <option  value="Registered General Nurse">Registered General Nurse</option>
                    <option  value="Health Care Assistant">Health Care Assistant</option>
                    <option  value="Kitchen Assistant">Kitchen Assistant</option>
                    <option  value="Support Worker">Support Worker</option>
                    <option  value="Registered Mental Nurse">Registered Mental Nurse</option>
                  </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Alias</label>
                  <input type="text" class="form-control" name="alias" value="">
                </div>
              </div>
              <div class="col-md-4">
                <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">
                    <option selected 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-3">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Posted Date</label>
                  <input type="date" class="form-control" name="post_date" value="">
                </div>
              </div>
              <div class="col-md-3">
                <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Location</label>
                  <select class="form-select" name="loc" aria-label="Default select example">
                    <option selected disabled>Select</option>
                    <option  value="Yeovil">Yeovil</option>
                    <option  value="Weymouth">Weymouth</option>
                    <option  value="Poole">Poole</option>
                    <option  value="Bournemouth">Bournemouth</option>
                    <option  value="Salisbury">Salisbury</option>
                    <option  value="Blandford">Blandford</option>
                    <option  value="Birdport">Birdport</option>
                    <option  value="Taunton">Taunton</option>
                    <option  value="Dorchester">Dorchester</option>
                    <option  value="Chard">Chard</option>
                    <option  value="Glastonbury">Glastonbury</option>
                    <option  value="Andover">Andover</option>
                    <option  value="Basinstoke">Basinstoke</option>
                    <option  value="Swanage">Swanage</option>
                    <option  value="Weston-Super-Mare">Weston-Super-Mare</option>
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                <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" value="">
                </div>
              </div>
              <div class="col-md-3">
                <!-- <div class="mb-3">
                  <label for="inputText" class="col-sm-12 col-form-label">Salary</label>
                  <input type="text" name="salary" class="form-control">
                </div> -->
                <label for="inputText" class="col-sm-12 col-form-label">Salary</label>
                      <div class="input-group has-validation">
                        <span class="input-group-text" id="inputGroupPrepend">£</span>
                        <input type="text" name="salary" class="form-control" value="" required>
                        <div class="invalid-feedback"></div>
                      </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">
                <!-- <button type="button" class="btn btn-success BtCommon bt-right">Submit</button> -->
                <input type="submit" name="submit" name="Submit" class="btn btn-success BtCommon bt-right">
                <button type="button" 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')