@extends('layouts.admin')
@section('content-title')
	{{ __('articles.new Article') }}
@endsection
@section('content-breadcrumbs')
	
@endsection
@section('css')
	<link rel="stylesheet" href="assets/plugins/trumbowyg/ui/trumbowyg.min.css">
	<link href="assets/plugins/jquery.filer/css/jquery.filer.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" />
	<style type="text/css">
		/* Upload File */
		.custom-file-label{
			font-size: 1rem; 
			color: #747d86;
			font-weight: 400;
		}
		.custom-file-label::after {
			content: '{{__("events.Browse")}}';
		}
		/* Image Preview  */
		#img-upload{
			width: auto;
			height: 150px;
		}
		/* Select2 Categories */
		.select2 {
			width: 100% !important;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__choice {
			background-color: #0f9df7;
			border-color:  #0f9df7;
			color: white;
			padding-bottom: 4px;
			font-weight: 700;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
			color: white;
		}
		/* Save button */
		#my-btn {
			padding-top: 4px;
		}
	</style>
@endsection
@section('content')
<div class="card-box tilebox-one noradius">
	<h2 class="page-header">Envoyer un email</h2>
	@if(session()->has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{ session()->get('success') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif
		@if(session()->has('error'))
		<div class="alert alert-danger alert-dismissible fade show" role="alert">
			{{ session()->get('error') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
	@endif
	{!!Form::open()->post()->multipart()->route('admin.mail.send')!!}
	<div class="row mb-3">
		<div class="col-sm-6">
				<label >Envoyer à :</label>
		</div>
		<div class="col-sm-12">
			<div class="form-check form-check-inline">
			  <input class="form-check-input" type="checkbox" name="exportator" id="exportator" value="1">
			  <label class="form-check-label" for="exportator">Entreprises Exportatrices</label>
			</div>
			<div class="form-check form-check-inline">
			  <input class="form-check-input" type="checkbox" name="federations" id="federations" value="1">
			  <label class="form-check-label" for="federations">Fédérations</label>
			</div>
		</div>
	</div>
	<div class="row mb-3">
		<div class="col-sm-6">
			{!!Form::text('object', 'Objet')->placeholder('Objet')!!}
		</div>
	</d
	<div class="row mb-3">
		<div class="col-sm-12">
			{!!Form::textarea('msg', 'Message')->attrs(['class' => 'editor'])->placeholder('Message')!!}
		</div>
	</div>
	<div class="row mb-3">
		<div class="col-sm-4">
			{!!Form::submit('Envoyer')->id('send')!!}
		</div>
	</div>
	{!!Form::close()!!}
</div>
@endsection
@section('js')
<script src="assets/plugins/trumbowyg/trumbowyg.min.js"></script>
{{-- Select2 --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script>
$(document).ready(function () {
	//TextArea Editor
	'use strict';
	$('.editor').trumbowyg({
		svgPath: "assets/plugins/trumbowyg/ui/icons.svg"
	});
	//Upload File JS
	$(document).on('change', '.btn-file :file', function() {
	var input = $(this),
		label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
		input.trigger('fileselect', [label]);
	});
	
	//Select2
	$('#categories').select2({
		placeholder : '{{ __("articles.Please select category")}}',
		tags: true,
	});
});
</script>
@endsection