@extends('layouts.master')

@section('page-title', __('Roles'))
@section('page-heading', __('Roles'))

@section('breadcrumbs')
    <li class="breadcrumb-item active">
        @lang('Roles')
    </li>
@stop

@section('content')

    @include('layouts.partials.messages')

    <main>
        <div class="main">

            <div class="row">
                <div class="input mt-30">
                    @include('layouts.partials.messages')
                    <form action="{{ route('super.careers.addnew') }}" class="form-careers-add js-ajax-form" id="form-careers-add" method="POST">
                        @csrf
                        <div class="form-result"></div>

                        <div class="row">
                            <div class="row">
                                <input
                                    type="text"
                                    class="intro_input"
                                    placeholder=" "
                                    required
                                    name="title"
                                    id=""
                                />
                                <label for="name" class="intro_label">Career Title*</label>
                            </div>

                            <div class="intro">
                            <textarea name="description"
                                      id="description"
                                      placeholder=" "
                                      required
                                      rows="3"
                                      class="intro_input career-description"></textarea>
                                <label for="name" class="intro_label">Career Description*</label>
                            </div>
                        </div>


                    </form>
                    <div class="clear-submit">
                        <button type="submit" form="form-careers-add" class="editbtn">Add Career</button>
                        <button class="more">Clear</button>
                    </div>
                </div>
            </div>
        </div>
    </main>
@stop