@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.users') }} @endsection
@section('heading') {{ __('common.users') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']) }}@endsection--}}
@section('content')
    <style>
        .label{
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            background: {{config('custom.btn-back')}};
            background: {{config('custom.btn-back')}};
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }
        label{
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{config('custom.background')}}">
            <h3 class="card-title p-2">
                @if(optional($form)->id)
                    {{ __('common.edit') }} - {{ optional($form)->name }}
                @else
                    {{ __('common.create') }}
                @endif
            </h3>
            <a
                href="{{ route('vendor.job.index') }}"
                class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                @csrf
                @if(optional($form)->id) @method('PUT') @else @method('POST')  @endif
                <!-- User Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ __('common.job_information') }}
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="name">{{__('common.job_title')}}</label>
                                        <input
                                            type="text"
                                            id="job_title"
                                            name="job_title"
                                            class="form-control @error('job_title') is-invalid @enderror"
                                            placeholder="{{ __('common.job_title') }}"
                                            value="{{ old('job_title', $form->job_title??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="salary_range">{{__('common.salary_range')}}</label>
                                        <input
                                            type="text"
                                            id="salary_range"
                                            name="salary_range"
                                            class="form-control @error('salary_range') is-invalid @enderror"
                                            placeholder="{{ __('common.salary_range') }}"
                                            value="{{ old('salary_range', $form->salary_range??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                        @include('includes.invalid', ['field'=>'salary_range'])
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="experience">{{__('common.experience')}}</label>
                                        <input
                                            type="text"
                                            id="experience"
                                            name="experience"
                                            class="form-control @error('experience') is-invalid @enderror"
                                            placeholder="{{ __('common.experience') }}"
                                            value="{{ old('experience', $form->experience??"") }}"
                                            maxlength="191"
                                            readonly
                                        >

                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="qualification">{{__('common.qualification')}}</label>
                                        <input
                                            type="text"
                                            id="qualification"
                                            name="qualification"
                                            class="form-control @error('qualification') is-invalid @enderror"
                                            placeholder="{{ __('common.qualification') }}"
                                            value="{{ old('qualification', $form->qualification??"") }}"
                                            maxlength="191"
                                            readonly
                                        >

                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="with_us">{{__('common.with_us')}}</label>
                                        <input
                                            type="text"
                                            id="with_us"
                                            name="with_us"
                                            class="form-control @error('with_us') is-invalid @enderror"
                                            placeholder="{{ __('common.with_us') }}"
                                            value="{{ old('with_us', $form->with_us??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                    </div>
                                </div>

                                <div class="col-md-12 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label><strong>{{__('common.Job_Description')}} :</strong></label>
                                              {!! $form->Job_Description??'' !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection