@extends('layouts.frontend-layout')
@section('content')
    <style>
        p{
            text-align: left !important;
        }
        ul ol{
            text-align: left !important;
        }
    </style>

    <section class="title-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="left-title-text">
                        <h3>Job Apply</h3>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="right-title-text">
                        <ul>
                            <li class="breadcrumb-item"><a href="{{ route('main-site.index') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Jobs</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="about">
        <div class="container">
            <div class="row mb-4 mt-5">
                <div class="col-md-12 mb-4">
                    <div class="new-heading text-left">
                        <h4> Position : {{ $jobs->position }} </h4>
                        <p class="mb-0">Department: {{ $jobs->department }} </p>
                        <p>Closing Date: {{ $jobs->closing_date }} </p>
                    </div>
                </div>
                <div class="col-md-12">
                    <form action="{{ route('main-site.job-apply-submit') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input name="job_id" type="hidden" value="{{$jobs->id}}">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="userName">Name  <span style="color:red;">*</span></label>
                                    <input name="name" type="text" class="video-form" id="userName" placeholder="Your Name">
                                    @error('name')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="emailAddress">Email <span style="color:red;">*</span></label>
                                    <input name="email" type="email" class="video-form" id="emailAddress" placeholder="Your Email">
                                    @error('email')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="telNumber">Phone Number  <span style="color:red;">*</span></label>
                                    <input name="phone" type="text" class="video-form" id="telNumber" placeholder="Your Phone Number">
                                    @error('phone')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="webSite">Address <span style="color:red;">*</span></label>
                                    <input  name="address" type="Text" class="video-form" id="webSite" placeholder="Your Address">
                                    @error('address')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="webSite">Upload Image <span style="color:red;">*</span></label>
                                    <input  name="image" type="file" class="video-form" id="webSite" >
                                    @error('image')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="webSite">Upload CV <span style="color:red;">*</span></label>
                                    <input  name="cv" type="file" class="video-form" id="webSite" >
                                    @error('cv')
                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-12">
                                <button type="submit" class="contact-btn btn-link">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </section>

@endsection