@extends('layouts.app')
@section('content')

@section('cssfiles')
<link href="{{ asset('css/templates/style.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
@endsection

<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="panel panel-default">
                <div class="panel-heading">Create Template</div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" method="POST" action="{{$action == 'create' ? route('templates.store') : url('templates/'.@$template->id)}}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        {{$action == 'create' ? '' : method_field('PUT')}}

                        <div class="form-group">
                            <label for="name" class="col-md-4 control-label">Template Name</label>
                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control" name="name" value="{{@$template->name}}" required/>
                            </div>
                            <div class="col-xs-6 col-md-offset-4 form-error">
                                {{@$errors->first('name')}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="code" class="col-md-4 control-label">Template Code</label>
                            <div class="col-md-6">
                                <textarea rows="20" id="code" type="text" class="form-control" name="code" required>{{@$contents}}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    {{$action == 'create' ? 'Create' : 'Update'}}
                                </button>
                                <button type="button" onclick="window.location.assign('/templates')" class="btn btn-primary">
                                    Cancel
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
		</div>
	</div>
</div>

@endsection