@extends('web.layouts.main')
@section('content')    
<!-- Start section -->
<section class="pg_header section">
    <div class="container">
        <h5 class="title_w_vector mx-auto w-fit mt-2"> {{__('careers.head')}}   </h5>

    </div>
</section>

<!-- Start section -->
<section class="contact_pg section careers_pg">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="form_box">
                    <div class="d-flex mb-4 mt-4">
                        <h5 class="title_w_vector color-primary me-4 mt-1"> {{__('careers.form_title')}}  </h5>
                        <!-- <h4 class="label color-secondary text-capitalize fw-bold">
                           stay in touch
                        </h4> -->
                    </div>
                    <!--<div class="p mb-5 pb-3 d-block">Send us a message and one of our supporters will contact you via email</div>-->
                <form action="{{route('sendJob')}}" method="post" class="job_form" enctype='multipart/form-data'>
                @csrf
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-floating form-group">
                                    <input type="text" class="form-control clearInput" placeholder="" name="name">
                                    <label>{{__('careers.name')}} </label>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-floating form-group">
                                    <input type="text" class="form-control clearInput" name="phone" placeholder="">
                                    <label> {{__('careers.phone')}} </label>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-floating form-group">
                                    <input type="email" class="form-control clearInput" name="email" placeholder="">
                                    <label>{{__('careers.email')}}  </label>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group up_group">
                                    <input type="file"  name="cv" class="file">
                                    <div class="input-group">
                                        <span class="input-group-append"> {{__('careers.cv')}}</span>
                                        <input type="text" class="input_ques clearInput" disabled placeholder="{{__('careers.allowed_files')}}" aria-label="Upload File" aria-describedby="basic-addon1">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-floating form-group">
                                    <textarea class="form-control clearInput" name="notes" placeholder=" Write here..." rows="7"></textarea>
                                    <label> {{__('careers.notes')}}</label>
                                </div>
                            </div>
                            <button class="butn primary_butn mx-auto py-3 px-5 fs-6 job_button"> {{__('contacts.send')}} <i class="fa-light fa-paper-plane ms-2 me-0"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
@section('inner_js')
<script src="{{ asset('assets/web/js/jobs.js') }}"></script>
@endsection