@extends('master')

@section('content')
<div class="row">
	<div class="columns small-12">
		<a href="#" class="button" onclick="
			toggle('send_message_trigger', 'send_message_form', 'Hide', 'New message')
			" id="send_message_trigger"></a>
		<form action="{{ url('messages/') }}" method="POST" id="send_message_form">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<label>Send message to </label>
			<select name="user">
				@foreach($users as $user)
				<option value="{{ $user->email }}">{{ $user->email }}</option>
				@endforeach
			</select>
			<textarea name="message"></textarea>
			<button type="submit" class="button">Send</button>
		</form>
		@if(count($msgs))
		<ul class="messages">
			@foreach($msgs as $m)
			<li class="message">
				<dl>
					<dd>From: <dt>{{ $m->from }}</dt></dd>
					<dd>Message: <dt>{{ $m->text }}</dt></dd>
				</dl>
			</li>
			@endforeach
		</ul>
		@else
		<span class="text-center">You don't have any messages</span>
		@endif
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#send_message_trigger').click();
	});
</script>
@endsection