@extends('residential.templates.uadmin')

@section('content')
	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Variables</h1>
    	</div>
    </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                    
                    	@if (session('status'))
						<div class="alert alert-success">
							{{ session('status') }}
						</div>
						@endif
						@if (count($errors) > 0)
							<div class="alert alert-danger">
								<strong>Whoops!</strong> There were some problems with your input.<br><br>
								<ul>
									@foreach ($errors->all() as $error)
										<li>{{ $error }}</li>
									@endforeach
								</ul>
							</div>
						@endif
                    
                        <div class="panel-heading">
                            Add Variable
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-12">
                                	<form class="form-horizontal" role="form" method="POST" action="{{ url('admin/variables/add') }}"
										onsubmit="document.getElementById('value').value = editor.getValue()">
										<input type="hidden" name="_token" value="{{ csrf_token() }}">
										<input type="hidden" id="value" name="value" value="">
										<div class="form-group">
											<label class="col-md-2 control-label" style="text-align: left;">Variable Name</label>
											<div class="col-md-4">
												<input type="text" class="form-control" name="name" value="{{ old('name') }}">	
											</div>
											<label class="col-md-2 control-label" style="text-align: left;">Variable Type</label>
											<div class="col-md-4">
												<select class="form-control" name="type">
													<option value="general">General</option>
													<option value="price">Price</option>
													<option value="company">Company</option>
												</select>
											</div>
										</div>
										
										<div id="editor" class="col-md-12"></div>
				
										<div class="form-group">
											<div class="col-md-6 col-md-offset-0" style="margin: 15px 0px;">
												<button type="submit" class="btn btn-primary">
													Add Variable
												</button>
											</div>
										</div>
									</form>
 								</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>    
            
    	<script>
        	var editor = ace.edit("editor");
        	editor.setTheme("ace/theme/eclipse");
        	editor.setShowPrintMargin(false);
        	var phpMode = ace.require("ace/mode/php").Mode;
        	editor.getSession().setMode(new phpMode());
    	</script>

@endsection

@section('extras')
	    <style>
	    	#editor {
        		position: relative;
        		width: 100%;
        		height: 200px;
    		}

    	</style>
    	<script src="{{ asset('js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
    	<script src="{{ asset('js/ace/mode-php.js') }}" type="text/javascript" charset="utf-8"></script>
@endsection