@extends('template.index')

@inject("configCtrl","App\Http\Controllers\ConfigurationController")
@section('title',$configCtrl->get(App::getLocale(),"site_title") .' - Candidature')
@section('site_title',$configCtrl->get(App::getLocale(),"site_title"))
@section('description',$configCtrl->get(App::getLocale(),"description"))
@section('keywords',$configCtrl->get(App::getLocale(),"meta_keywords"))
@section('og_title',$configCtrl->get(App::getLocale(),"site_title") .' - Candidature')
@section('og_description',$configCtrl->get(App::getLocale(),"description"))

@section('content')
<!-- Page Title
============================================= -->
<section id="page-title">

	<div class="container clearfix">
		<h1>{{ trans("candidature.joinUs") }}</h1>
		<span>{{ trans("candidature.followUs") }}</span>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{ __('candidature.candidature') }}</li>
		</ol>
	</div>
</section><!-- #page-title end -->

<!-- Head Section -->
<section id="content">
	<div class="content-wrap">
		<div class="container clearfix">
			<div class="heading-block title-center page-section">
				<h2>{{ trans('candidature.bienvenue') }}</h2>
				<span>{{ trans('candidature.bienvenueTxt') }}</span>
			</div>

			<div class="heading-block title-center page-section">
				<h2>{{ trans('candidature.transmettre') }}</h2>
				<span>{{ trans('candidature.transmettreTxt') }}</span>
			</div>

			<!-- Postcontent
					============================================= -->
			<div class="nobottommargin">
				<h3> {{ trans("candidature.joinUs") }}</h3>

				<div class="form-widget">
					<div class="form-result"></div>
					<form enctype="multipart/form-data" class="nobottommargin" id="template-contactform" name="template-contactform" action="{{ route('candidatureSave') }}" method="post">
						<div class="form-process"></div>
						{!! csrf_field() !!}
						<div class="col_one_third">
							<label for="template-contactform-name">{{ trans("candidature.name") }} <small>*</small></label>
							<input type="text" id="template-contactform-name" name="nom" value="" class="sm-form-control required" required />
						</div>
						<div class="col_one_third ">
							<label for="template-contactform-lastname">{{ trans("candidature.lastname") }}</label>
							<input type="text" id="template-contactform-lastname" name="prenom" value="" class="sm-form-control" />
						</div>
						<div class="col_one_third col_last">
							<label for="template-contactform-email">{{ trans("candidature.email") }} <small>*</small></label>
							<input type="email" id="template-contactform-email" name="email" required value="" class="required email sm-form-control" />
						</div>

						<div class="clear"></div>
						<div class="col_full">
							<label for="template-contactform-message">{{ trans("candidature.message") }} <small>*</small></label>
							<textarea class="required sm-form-control" id="template-contactform-message" name="message" rows="6" cols="30"></textarea>
						</div>
						<div class="col_full">
							<label>{{ trans("candidature.file") }} </label><br>
							<input type="file" name="attachement" id="attachement" class="file" data-show-preview="false">
						</div>
						<div class="col_full hidden">
							<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
						</div>
						<div class="col_full">
							<button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Envoyer</button>
						</div>

						<input type="hidden" name="prefix" value="template-contactform-">
					</form>
				</div>
			</div><!-- .postcontent end -->

			<!-- Sidebar
					============================================= -->


		</div>

	</div>

</section><!-- #content end -->
@endsection
@section('js')
<!-- Bootstrap File Upload Plugin -->

<script src="{{ asset('js/components/bs-filestyle.js') }}"></script>
<script>
	// $("#input-12").fileinput({
	// 				showPreview: false,
	// 				allowedFileExtensions: ["txt", "doc", "pdf", "jpg","png"],
	// 				elErrorContainer: "#errorBlock"
	// 			});
</script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#template-contactform").on("submit",function(e){
            e.preventDefault();
            $.ajax({
                url:$(this).attr("action"),
                method:"post",
                dataType:"json",
                data: new FormData( this ),
			    processData: false,
			    contentType: false,
                success:function(data){
                    if(data.success){
                        $(".form-result").html('<div class="style-msg successmsg"><div class="sb-msg"><i class="icon-thumbs-up"></i><srtong>Merci</strong> de nous avoir contacté.</div></div>');
                    }
                }
            });
        });
    });
</script>
@endsection