@extends('web.layouts.main')
@section('content')    
<section class="career_pg section ">
            <div class="container">
                <div class="form_box">
                    <h5 class="title_box mx-auto mb-5 bg-white"> {{__('careers.jobs')}}   </h5>
                    <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-group mb-3">
                                    <select class="form-control form-select" name="title">
                                        <option selected disabled> {{__('careers.career_id')}}   </option>
                                        @foreach ($careers as $career)
                                            @foreach ($career->descriptions as $description)
                                    <option value="{{ $description->title }}">{{ $description->title  }}</option>
                                            @endforeach
                                        @endforeach


                                    </select>
                                </div>
                                <div class="form-group mb-3">
                                    <input type="text" name="name" class="form-control" placeholder="{{__('careers.name')}}" />
                                </div>
                                <div class="form-group mb-3">
                                    <input type="text" name="email" class="form-control" placeholder="{{__('careers.email')}}" />
                                </div>
                                <div class="form-group mb-3">
                                    <input type="text" name="phone" class="form-control" placeholder=" {{__('careers.phone')}}" />
                                 </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="cv_uploading_box mb-4 justify-content-center d-flex align-items-center">
                                    <img src="{{url('')}}/assets/web/images/icons/upload_file.svg" alt="" class="icon"/>
                                    <div class="upload_txt">
                                        <h5 class="label fs-5 mb-3">  {{__('careers.cv')}} </h5>
                                        <div class="upload-main-wrapper me-3">
                                            <div class="upload-wrapper">
                                                <input type="file" id="upload-file" name="cv" class="file" >
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="224.3881704980842 176.8527621722847 221.13266283524905 178.8472378277154" width="221.13" height="178.85"><defs><path d="M357.38 176.85C386.18 176.85 409.53 204.24 409.53 238.02C409.53 239.29 409.5 240.56 409.42 241.81C430.23 246.95 445.52 264.16 445.52 284.59C445.52 284.59 445.52 284.59 445.52 284.59C445.52 309.08 423.56 328.94 396.47 328.94C384.17 328.94 285.74 328.94 273.44 328.94C246.35 328.94 224.39 309.08 224.39 284.59C224.39 284.59 224.39 284.59 224.39 284.59C224.39 263.24 241.08 245.41 263.31 241.2C265.3 218.05 281.96 199.98 302.22 199.98C306.67 199.98 310.94 200.85 314.93 202.46C324.4 186.96 339.88 176.85 357.38 176.85Z" id="b1aO7LLtdW"></path><path d="M306.46 297.6L339.79 297.6L373.13 297.6L339.79 255.94L306.46 297.6Z" id="c4SXvvMdYD"></path><path d="M350.79 293.05L328.79 293.05L328.79 355.7L350.79 355.7L350.79 293.05Z" id="b11si2zUk"></path></defs><g><g><g><use xlink:href="#b1aO7LLtdW" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><g><use xlink:href="#c4SXvvMdYD" opacity="1" fill="#363535" fill-opacity="1"></use></g><g><use xlink:href="#b11si2zUk" opacity="1" fill="#363535" fill-opacity="1"></use></g></g></g></g></svg>
                                                <span class="file-upload-text">{{__('careers.browse')}} </span>
                                                <div class="file-success-text">

                                                <span>Successfully</span></div>
                                            </div>
                                            <p id="file-upload-name"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button class="butn primary_butn mx-auto mt-4 job_button "> 
                        {{__('careers.send')}} <img src="{{url('')}}/assets/web/images/icons/plan.svg" class="icon filterWhite ms-2  " alt="" /> 
                        </button>
                    </form>
                </div>

            </div>
          
        </section>


@endsection
@section('inner_js')
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"> 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script> -->
<link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.min.js') }}">
<script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>


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