@extends('layouts.front.front')
 @section('title', 'Job Apply | Apsys Network')
 {{-- main content --}}
 @section('content')





<main id="static">
    <section class="job__apply__wrapper position-relative">
        <div class="banner__wrapper position-absolute top-0 start-0 w-100" style="background-image: linear-gradient(179deg, rgb(40, 40, 40) 0%, rgba(255, 255, 255, 0) 80%), url({{asset('assets/images/page-banners/banneer.jpg')}});background-repeat: no-repeat;background-size: cover;background-position: center center;"></div>
        <div class="container">
            <h1 class="text-white mb-2">{{$career->job_title}}</h1>
            <nav aria-label="breadcrumb" data-aos="fade-right" data-aos-delay="600">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="index.php">
                            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
                        </a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ url('/career') }}">career</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$career->job_title}}</li>
                </ol>
            </nav>
            <div class="mobile--breadcrumbs">
                <a href="{{ url('/career') }}" class="back">
                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>
                </a>
                <a href="javascript:void(0)" class="page">{{$career->job_title}}</a>
            </div>
            <div class="py-4"></div>
            <form enctype="multipart/form-data" action="{{route("jobApplySendMail", ['slug' => $career->slug])}}" class="apply__wrapper shadow-sm bg-white rounded-lg p-sm-4 p-3 col-lg-8 col-md-10 mx-auto" method="POST">
                @csrf
                @if(session("message"))
                    <div class="alert alert-success">{{session("message")}}</div>
                @endif
                <div class="row g-4 align-items-end">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="fname">First Name <span class="text-danger">*</span></label>
                            <input type="text" name="fname" id="fname" class="form-control" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="email">Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" id="email" class="form-control" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="phone-num">Mobile No <span class="text-danger">*</span></label>
                            <input type="text" name="mobileNumber" id="phone-num" class="form-control" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="experience">Experience <span class="text-danger">*</span></label>
                            <div class="row g-4">
                                <div class="col-6"><input type="number" min="0" name="year" id="year" class="form-control" placeholder="Year" required></div>
                                <div class="col-6"><input type="number" min="0" name="month" id="month" class="form-control" placeholder="Month" required></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="current-salary">Current Salary <span class="text-danger">*</span></label>
                            <input type="text" name="currentSalary" id="current-salary" class="form-control" placeholder="0.00" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="expected-salary">Expected Salary <span class="text-danger">*</span></label>
                            <input type="text" name="expectedSalary" id="expected-salary" class="form-control" placeholder="0.00" required>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label for="skills">Skills</label>
                            <textarea name="skills" id="skills" cols="30" rows="5" class="form-control" placeholder="Describe abour your skills"></textarea>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label for="cv">Upload Cv <span class="text-danger">*</span></label>
                        <input type="file" name="cv" id="cv" class="form-control" accept=".pdf" required>
                    </div>
                    <div class="col-md-6 text-end">
                        <button class="btn-brand">Submit</button>
                    </div>
                </div>
            </form>



        </div><!--.//container-->
    </section>



</main>

@endsection

<!-- Footer -->