@section('meta_title')
    @lang('language.job_menu')
@endsection

@extends('frontend.master')

@section('title')
    @if (app()->getLocale() == 'da')
        {{ $job->da_job_title }}
    @elseif(app()->getLocale() == 'pa')
        {{ $job->pa_job_title }}
    @else
        {{ $job->en_job_title }}
    @endif
@endsection

@section('content')
    <div class="">

        <div dir="@lang('language.dir')">

            <div class="card mb-5 job_card" style="border-radius: 20px;" dir="@lang('language.dir')">

                <div class="card-header p-4"
                    style="border-top-left-radius: 20px;border-top-right-radius: 20px;background: #00bcd4;font-weight:800;color:#fff">
                    Please fill the Form
                </div>
                <div class="card-body p-4" style="font-size: 13;text-align: @lang('language.text')">

                    <form method="post" action="{{ route('front.job.appy.post', [app()->getLocale(), $job->slug]) }}"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="job_id" value="{{ $job->id }}">
                        <div class="row">
                            <div class="form-floating mb-3 col-lg-6">
                                <input type="text" class="form-control " name="firstName" id="firstName"
                                    placeholder="First Name">
                                <label for="firstName" style="padding-left: 20px;">First Name</label>
                                @error('firstName')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                            <div class="form-floating mb-3 col-lg-6">
                                <input type="text" class="form-control" name="lastName" id="lastName"
                                    placeholder="Last Name">
                                <label for="lastName" style="padding-left: 20px;">Last Name</label>
                                @error('lastName')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-floating mb-3 col-lg-6">
                                <select name="gender" class="form-control">
                                    <option value="" hidden>Select Gender</option>
                                    <option value="Male">Male</option>
                                    <option value="Female">Female</option>
                                </select>
                                <label for="firstName" style="padding-left: 20px;">Gender</label>
                                @error('gender')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>


                            <div class="form-floating mb-3 col-lg-6">
                                <input type="text" class="form-control" name="phoneNumber" id="phoneNumber"
                                    placeholder="Phone Number">
                                <label for="phoneNumber" style="padding-left: 20px;">Phone Number</label>
                                @error('phoneNumber')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="form-floating mb-3 ">
                            <input type="email" class="form-control" name="email" id="email"
                                placeholder="Email Address">
                            <label for="email" style="padding-left: 20px;">Email Address</label>
                            @error('email')
                                <p class="text-danger">{{ $message }}</p>
                            @enderror
                        </div>


                        <div class="form-floating mb-3 ">
                            <h3>CV</h3>
                            <p>Your CV must be PDF</p>
                            <input type="file" class="form-control" name="file" id="file" placeholder="CV"
                                accept="pdf">
                            @error('file')
                                <p class="text-danger">{{ $message }}</p>
                            @enderror

                        </div>

                        <div class="form-floating mb-3">
                            <textarea class="form-control" placeholder="Cover Letter" id="coverLetter" name="coverLetter" style="height: 100px"></textarea>
                            <label for="coverLetter">Cover Letter ( Optional )</label>
                        </div>

                        <div class="form-floating mb-3">
                            <button class="btn btn-primary"
                                style="background: #00bcd4;border-color: #00bcd4;">@lang('language.apply')</button>
                        </div>



                    </form>

                </div>



            </div>

        </div>


    </div>
@endsection