@extends('layouts.master')
@section('content')
<div  class="heading-section">
    <div data-aos="fade-up">
        <h1 class="text-center text-capitalize">WE ARE HIRING</h1>
        <p class="text-center">We Are Always Eager to Meet New Talents, So Check Out Our Open Positions</p>
    </div>
</div>

<div class="innersection ">
    <div class="container-fluid py-5 ">
        <div class=" row justify-content-center ">
            <div class=" col-lg-4 col-md-6 col-sm-6  mt-4 mb-4 ">
                <img src="{{asset('assets/vendor/tabs/assets/img/interview.jpg')}}" alt="interview" class="img-fluid "
                    style="background-position:100% 100%;  height: calc(50vh - 40px);"></div>
            <div class=" col-lg-6 col-md-10 col-sm-12 mt-4 mb-4 ">
                <div class="  text-bold">
                    <h4 style="text-align:center;font-weight:700;color:#c60808">

                        Apply Now</h4>
                </div>
                <div>
                    <form action="{{ route('careers.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="job_id" value="{{$job->id}}">
                        <div class="form-group mt-2 ">
                            <label>Your Post:</label>
                            <input type="text" value="{{$job->title}}" class="form-control" readonly>
                            
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group mt-2 ">
                                    <label>Department:</label>
                                    <input type="text" value="{{$job->department_name}}" class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mt-2 ">
                                    <label>Discipline:</label>
                                    <input type="text" value="{{$job->discipline_name}}" class="form-control" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6 ">
                                <div class="form-group">
                                    <label for="name">First Name</label>
                                    <input type="text" class="form-control" id="firstname" value="{{old('firstname')}}"
                                        name="firstname" placeholder="Enter First Name">
                                        @error('firstname')
                                        <span style="color:red">{{$message}}</span>
                                        @enderror

                                </div>
                            </div>
                            <div class="col-lg-6 ">
                                <div class="form-group">
                                    <label for="name">Last Name</label>
                                    <input type="text" class="form-control" id="lastname" value="{{old('lastname')}}"
                                        name="lastname" placeholder="Enter Last Name">
                                        @error('lastname')
                                        <span style="color:red">{{$message}}</span>
                                        @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="name">Phone No</label>
                                    <input type="text" class="mobile form-control" id="phoneno" value="{{old('phoneno')}}"
                                        name="phoneno" placeholder="Phone No">
                                        @error('phoneno')
                                        <span style="color:red">{{$message}}</span>
                                        @enderror
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="email">Email</label>
                                    <input type="text" class="form-control " id="email" value="{{old('email')}}"
                                        name="email" placeholder="Enter Email Address">
                                        @error('email')
                                        <span style="color:red">{{$message}}</span>
                                        @enderror
                                </div>
                            </div>
                        </div>

                        {{-- <div class="form-group">
                            <label for="email">City </label>
                            <select class="form-control" name="city" id="city">
                                <option>Lahore</option>
                                <option>Karachi</option>
                                <option>Rawalpinid</option>
                            </select>
                            @error('city')
                                        <span style="color:red">{{$message}}</span>
                                        @enderror
                        </div> --}}


                        <div class="form-group ">
                            <label class="mr-4">Upload your CV:</label>
                            <input type="file" name="file" class="form-control">
                            <p class="font-small font-italic  text-muted mt-3"><em>Note:Upload only pdf file</em></p>
                        </div>
                        @error('file')
                        <span style="color:red">{{$message}}</span>
                        @enderror
                        

                        <div class="mx-auto">
                            <button type="submit" class="submitbutton text-center pl-5 pr-5 pt-1 pb-1">Apply</button></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection