@extends('frontend.company-dashboard.layouts.master')

@section('dashboard-contents')
<style>
    .form-label{
        text-transform:uppercase;
        font-size: .8rem;
        font-family: inherit;
    }
    .form-check {
        display: flex;
        align-items: center;
        font-size: .8rem;
        font-family: inherit;
    }
    .form-check label{
        font-size: .9rem;
        font-family: sans-serif;
    }
    .template-box{
        border:1px solid #d7d1d1;
        border-right:none;
    }
    .template-box:last-child{
        border-right:1px solid #d7d1d1;
    }
    .form-control{
        padding: 0.7rem .75rem;
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.5;
    }
    .form-control::-webkit-input-placeholder {
        font-size: .8rem;
        line-height: 1.5;
    }
</style>
    <div class="dashboard__content-wrap dashboard__content-wrap-two mb-60">
        <div class="dashboard__content-title">
            <div class="title" style="display:flex; justify-content:space-between; align-items:center">
                <h4>{{ __('Add job information') }}</h4>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <h5>Select template</h5>
                <p class="" style="font-size:0.8rem">Use one of our popular templates to get started with posting your job. This will auto-populate the job post with relevant details. We highly recommend that you edit your job post to make it unique and a true reflection of the position you are offering.</p>
                <label for="exampleInputEmail1" class="form-label">Start fresh or use a template</label>
                <div class="row" style="padding:0 14px; margin-bottom:10px">
                    <div class="col-md-4 template-box">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="template" id="startFresh" checked>
                          <label class="form-check-label" for="startFresh">
                            Start fresh
                          </label>
                        </div>
                    </div>
                    <div class="col-md-4 template-box">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="template" id="previousJob">
                          <label class="form-check-label" for="previousJob">
                            Previous job
                          </label>
                        </div>
                    </div>
                    <div class="col-md-4 template-box">
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="template" id="popularTemplates">
                          <label class="form-check-label" for="popularTemplates">
                            Popular templates
                          </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top:20px">
            <div class="col-md-12">
                <h5>Job Details</h5>
                <p class="" style="font-size:0.8rem">Provide a simple job title to attract applicants to your job post.</p>
            </div>
        </div>
        <div class="row" style="margin-bottom:20px">
            <div class="col-md-12">
                <label for="exampleInputEmail1" class="form-label">Job Title</label>
                <input class="form-control" placeholder="e.g. Marketing Intern"/>
            </div>
        </div>
        <div class="row" style="margin-bottom:20px">
            <div class="col-md-6">
                <label for="exampleInputEmail1" class="form-label">Job category</label>
                <input class="form-control" placeholder="e.g. Marketing Intern"/>
            </div>
            <div class="col-md-6">
                <label for="exampleInputEmail1" class="form-label">Number of vacancies</label>
                <input class="form-control" placeholder="e.g. Marketing Intern"/>
            </div>
        </div>
    </div>
@endsection