@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>
                        {{-- Create and Cancel buttons --}}
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                            @if($action == 'create')
                                <button type="submit" class="btn btn-primary">Create</button>
                            @else
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#updateModal{{$template->id}}">Update</button>
                            @endif
                                <button type="button" onclick="window.location.assign('/templates')" class="btn btn-primary">
                                    Cancel
                                </button>
                            </div>
                        </div>
                        @if($action != 'create')
                        <!-- Update Modal -->
                        <div id="updateModal{{$template->id}}" class="modal fade" role="dialog">
                                    <div class="modal-dialog">
                                        <!-- Modal content-->
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                <h4 class="modal-title">Update Template</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="form-group">
                                                        <label class="col-md-4 control-label">Template: </label>
                                                        <div class="col-md-6">
                                                            <label class="control-label">{{$template->name}}</label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
														@if(count($template->site()->get()))
															<p>This Template may impact with the following sites. Are you sure you want to update it?</p>
														@else
															<p>Go ahead, you can safely update this template!</p>
														@endif
														</div>
                                                        @if(count($template->site()->get()))
														<div class="form-group">
									                        <label class="col-md-4 control-label">Associated sites: </label>
									                        <div class="col-md-6">
									                        	<ul class="skin-list">
																	@foreach($template->site()->get() as $site)
																		<li>{{$site->description}}</li>
														    		@endforeach
														    	</ul>
													    	</div>
													    </div>
														@endif
                                                    <div class="form-group">
                                                        <div class="col-12 text-center">
                                                            <button type="submit" class="confirm_delete btn btn-danger">Update</button>
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif  
                    </form>
                </div>
            </div>
		</div>
	</div>
</div>

@endsection