@inject('request', 'Illuminate\Http\Request')
@extends('layouts.dashboard')

@section('title')
Comments
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName(), $job) }}
@endsection

@section('custom_styles')
<link rel="stylesheet" type="text/css" href="{{ url('assets/mention/recommended-styles.css') }}">
@endsection

@section('content')
@if(Session::has('error'))
<div class="alert alert-warning alert-dismissible">
	<a href="#" class="close" data-dismiss="alert" aria-label="close"></a>
	<strong>Error!</strong> {{ Session::get('error') }}.
</div>
@endif
@if(Session::has('success'))
<div class="alert alert-success alert-dismissible">
	<a href="#" class="close" data-dismiss="alert" aria-label="close"></a>
	<strong>Success!</strong> {{ Session::get('success') }}.
</div>
@endif
<div class="errorsdiv"></div>
<div class="m-portlet">
	<div class="m-portlet__body">
		<div class="comments-container">
			@include('admin.jobs.comments-thread')
		</div>
		<form method="post" action="{{ route('comments.store') }}" id="ajaxForm">
			@csrf
			<input type="hidden" name="jobId" value="{{ $job->id }}">
			<textarea id="med" class="form-control" name="body"  row="50" width="100%"></textarea>
			<button class="btn btn-info btn-sm mt-2">Add Comment</button>
		</form>
	</div>
</div>
@stop

@section('javascript')
<script type='text/javascript' src="{{ url('assets/mention/bootstrap-typeahead.js') }}"></script>
<script type='text/javascript' src="{{ url('assets/mention/mention.js') }}"></script>
<script type="text/javascript">
	$(document).ready(function(){

		var array = null;
		console.log(array)
		$("#med").mention({
			users: array
		});

	});

	$("#ajaxForm").on('submit', function(e){
		e.preventDefault();
		var data = $(this).serialize();
		var action = $(this).attr('action'); 
		var method = $(this).attr('method'); 
		var email = localStorage.getItem('selectedUser')
		$.ajax({
			url : action,
			type : method,
			data : data+'&email='+email,
			beforeSend: function(){
			},
			complete: function(){
				localStorage.removeItem('selectedUser');
				$("#med").val('');
			},
			success : function(data){
				$(".comments-container").html(data.html);
			}
		});
	});


</script>
@endsection