@extends('web.layouts.app')

@section('content')

<!-- start heeder -->
@include('web.layouts.header')
<!-- end heeder -->

<!-- start app -->
<main id="app">


    <section class="join-us">
        <div class="main-container">
            <div class="title-center">
                <h2> {{ awtTrans('انضم إلينا') }}</h2>
            </div>


            <div class="order-manufacture">
                <div class="row pg-none">
                    <div class="col-lg-6 pg-none">
                        <div class="img-bg-quality" style="background-image: linear-gradient(black, black), url({{ url('web') }}/images/t1.png);">
                            <h2> {{ awtTrans('انضم إلينا') }}<br>
                                {{ awtTrans('قم بطلب توظيف الآن') }}
                            </h2>
                        </div>
                    </div>
                    <div class="col-lg-6 pg-none">
                        <div class="form-manufacture-request">
                            <form action="{{ route('web.employment.application') }}" method="post" id="from-employment-application" enctype="multipart/form-data">
                                @csrf
                                <div class="input-form">
                                    <input type="text" placeholder="{{ awtTrans('الإسم') }} " class="form-control" name="name" required>
                                </div>
                                <div class="input-form">
                                    <input type="email" placeholder="{{ awtTrans('البريد الإلكتروني') }} " class="form-control" name="email" required>
                                </div>
                                <div class="input-form">
                                    <input type="tel" placeholder="{{ awtTrans('الهاتف') }} " class="form-control" name="phone" required>
                                </div>
                                <div class="input-form">
                                    <div class="input-upload">
                                        <input type="file" id="upload-1" accept=".pdf" name="cv" required>
                                        <label for="upload-1" class="form-control">
                                            <span id="filename-1" class="filename">{{ awtTrans('ارفاق السيرة الذاتية') }}  </span>
                                            <i class="bi bi-upload"></i>
                                        </label>
                                    </div>
                                </div>



                                <div class="btn-form-manufacture">
                                    <button class="ctm-btn">  {{ awtTrans('إرسال') }} </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

</main>
<!-- end app -->


<footer>
    <div class="footer"></div>
</footer>

@endsection
@push('js')
<script src="{{ url('web/backEnd/employment-application.js') }}"></script>
@endpush