@extends('clientside.layouts.app')
@section('content')
<section class="section_common even_list_sec"
    style="background:url('{{ asset('clientside/img/career_bg.jpg') }}') no-repeat">
    <div class="container">
        <div class="row">
            <div class="col-md-6 offset-md-3 mt-5">
                <h1>Apply For {{$vacancy->title}}</h1><br>
                <form accept-charset="UTF-8" action="{{route('save-application')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="exampleInputName">{{trans('headings.full_name')}}</label>
                        <input type="text" name="fullname" class="form-control" id="exampleInputName"
                            placeholder="Enter your Full Name" required="required">
                            @if ($errors->has('fullname'))
                        <p class="help-block">{{ $errors->first('fullname') }}</p>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1" required="required">{{trans('headings.enail_address')}}</label>
                        <input type="email" name="email" class="form-control" id="exampleInputEmail1"
                            aria-describedby="emailHelp" placeholder="{{trans('headings.enter_your_email_address')}}">
                            @if ($errors->has('email'))
                        <p class="help-block">{{ $errors->first('email') }}</p>
                        @endif
                    </div>
                    <div class="form-group">
                        <label>{{trans('headings.choose_your_gender')}}:</label>&nbsp;
                        <label for="male">{{trans('headings.male')}}</label>&nbsp;
                        <input type="radio" name="gender" id="male" value="male">
                        <label for="female">{{trans('headings.female')}}</label>&nbsp;
                        <input type="radio" name="gender" id="female" value="female">
                        @if ($errors->has('gender'))
                        <p class="help-block">{{ $errors->first('gender') }}</p>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="example-tel-input">{{trans('headings.mobail_number')}}</label>
                            <input class="form-control" name="mobile_number"  placeholder="{{trans('headings.enter_your_mobile_number')}}">
                            @if ($errors->has('mobile_number'))
                        <p class="help-block">{{ $errors->first('mobile_number') }}</p>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="exampleInputAge">{{trans('headings.age')}}</label>
                        <input type="text" name="age" class="form-control" id="exampleInputName"
                            placeholder="{{trans('headings.enter_your_age')}}" required="required">
                            @if ($errors->has('age'))
                        <p class="help-block">{{ $errors->first('age') }}</p>
                        @endif
                    </div>
                    <div class="form-group mt-3">
                        <label class="mr-4">{{trans('headings.upload_ur_cv')}}:</label>
                        <input type="file" name="file">
                    </div>
                    <input type="hidden" value="{{$vacancy->id}}" name="vacancy_id">
                    <button type="submit" class="btn btn-primary">{{trans('headings.submit')}}</button>
                </form>
            </div>
        </div>
    </div>
</section>
<style>
label {
    color: white !important;
}
.error, .help-block {
    color: red !important;
}
</style>
@endsection