@extends('layouts.frontend_layout.frontend_design')

@section('content')
    <main>
        @include('frontend.components.page_title_area')
        <section class="n-blog__area pt-120 pb-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="n-blog__left pr-10">
                            <div class="n-blog__single">
                                <div class="n-blog__content blog-details">

                                    <h4>{{ $career_detail->job_title }}</h4>
                                    <ul class="n-blog__meta">
                                        <li><i
                                                class="fal fa-calendar-alt"></i>{{ $career_detail->created_at->format('d M Y') }}
                                        </li>
                                    </ul>
                                    <p>{!! $career_detail->job_description !!}</p>

                                    <!-- contact form area  -->
                                    <div class="contact-form pt-110">
                                        <div class="contact-form-inner">
                                            <div class="container">
                                                <div class="row wow slideInUp">
                                                    <div class="col-xl-12">
                                                        <div class="section-title text-center mb-60">
                                                            <span class="category">Apply for this post with this form</span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-12">
                                                        <div class="sd-form tmd-form">
                                                            <form action="{{ url('career_application') }}" enctype="multipart/form-data" method="post">@csrf
                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <label for="Full Name">Full Name</label>
                                                                        <input type="text" name="name" required placeholder="Full name">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <label for="">Mobile</label>

                                                                        <input type="text" name="mobile_no" required placeholder="Phone number">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <label for="">Address</label>

                                                                        <input type="text" name="address" required placeholder="Address">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <label for="Email">Email</label>

                                                                        <input type="text" name="email" required placeholder="Email address">
                                                                    </div>
                                                                    <input type="hidden" name="carrier_id" value="{{ $career_detail->id }}">
                                                                    <div class="col-lg-4">
                                                                        <label for="Attach your resume">Attach Resume</label>
                                                                        <input type="file" name="resume" required >
                                                                    </div>
                                                                    @if(Session::has('success'))

                                                                    <p style="color: red;">{!! session('success') !!}</p>

                                                            @endif

                                                                    <div class="col-lg-12 text-center">
                                                                        <button class="shutter-btn"
                                                                            type="submit">Submit</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- contact form end -->
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            </div>

        </section>
    </main>
@endsection