@extends('layouts/contentLayoutMaster')
@section('title', 'Create Candidate Type')
@section('vendor-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
@endsection
@section('page-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('css/plugins/forms/validation/form-validation.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/pages/app-user.css')) }}">
@endsection

@section('content')
<!-- employeetype edit start -->
<section class="users-edit">
  <div class="card">
    <div class="card-content">
      <div class="card-body">
        <ul class="nav nav-tabs mb-3" role="tablist">
          <li class="nav-item">
            <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab" href="#account"
              aria-controls="account" role="tab" aria-selected="true">
              <i class="feather icon-user mr-25"></i><span class="d-none d-sm-block">Candidate type</span>
            </a>
          </li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">
            <!-- employeetype edit account form start -->
            <form novalidate action="{{ url('employeetype/store') }}" method="post">
              {{ csrf_field() }}
              <div class="row">
                <div class="col-12 col-sm-5">
                  <div class="form-group">
                    <div class="controls">
                      <label>Candidate type Name <span style="color:red">*</span></label>
                      <input type="text" name="type" class="form-control" placeholder="Candidate type Name" maxlength="30" pattern="^[A-Za-z\s]+$" value="{{ old('type') }}" required data-validation-required-message="This document Name field is required">
                      @if($errors->has('type'))
                        <p class="text-danger">{{ $errors->first('type') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="controls">
                      <label>Description <span style="color:red">*</span></label>
                      <textarea name="description" class="form-control" pattern="^[^+=@<>|-]+$" maxlength="100" placeholder="Description" required data-validation-required-message="This Description field is required">{{ old('description') }}</textarea>
                      @if($errors->has('description'))
                        <p class="text-danger">{{ $errors->first('description') }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="form-group">
                    <label>Candidate Categories <span style="color:red">*</span></label>
                    <select name="candidate_category_id" class="form-control" required>
                      <option value="">Select option</option>
                      @if ($candidate_categories)
                        @foreach ($candidate_categories as $candidate_category)
                          <option value="{{$candidate_category->id}}">{{$candidate_category->name}}</option>
                        @endforeach
                      @endif
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Status</label>
                    <select name="status" class="form-control">
                      <option value="A">Active</option>
                      <option value="I">Deactive</option>
                    </select>
                  </div>
                  <div class="row">
                    <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                      <button type="submit" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">Save Changes</button>
                      <button type="reset" class="btn btn-outline-warning">Reset</button>
                    </div>
                  </div>
                </div>
              </div>
            </form>
            <!-- employeetype edit account form ends -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- employeetype edit ends -->
@endsection

@section('vendor-script')
  {{-- Vendor js files --}}
  <script src="{{ asset(mix('vendors/js/forms/validation/jqBootstrapValidation.js')) }}"></script>
@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(mix('js/scripts/pages/app-user.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/navs/navs.js')) }}"></script>
@endsection