@extends('layouts.app') 
@section("script")
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

@section('content')
	@include('motivation.header')

<section class="">
	<div class="row">
		<div class="col s12">
			<div class="card white">
				<div class="card-content white">
					<span class="card-title">Create New Motivational Quote</span>
					<hr>
					<div class="row">
						<div class="col s12">
							{!! Form::open(['route' => 'quotes.store', 'class' => 'col s12', 'files' => true]) !!} {!! Form::token() !!}

							<div class="row">
								<div class="input-field col s12 m6">
									<i class="material-icons prefix">format_quote</i> {!! Form::text('quote', null, ['id' => 'quote', 'class' => 'validate', 'required'])
									!!} {!! Form::label('quote', 'Quote') !!}
								</div>
								<div class="input-field col s12 m6">
									<select name="type" id="type" class="validate">
										<option value="" disabled selected>Select Type</option>
										<option value="general">General</option>
										<option value="win">Win</option>
										<option value="loss">Loss</option>
									</select>
								</div>
							</div>

							{!! Form::button('Submit<i class="material-icons right">send</i>', ['type' => 'submit', 'class' => 'btn']); !!} {!!
							Form::close() !!}
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</section>
@endsection

@section('scripts')
<script>
	$("#type").formSelect();
</script>