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

@section('cssfiles')
<link href="{{ asset('css/templates/style.css') }}" rel="stylesheet">
@endsection

<div class="container">
	<div class="row">
		<div class="col-xs-12">
			<div class="panel panel-default">
                <div class="panel-heading">List of Templates</div>
                <div class="panel-body">
                    <table id="myTable" class="table table-striped table-hover table-responsive">
                    	<thead>
                    		<tr>
                    			<th>Name</th>
                    			<th>Created Date</th>
                    			<th>Update Date</th>
                    			<th>Last Updated By</th>
                    			<th class="no-sort"></th>
                    			<th class="no-sort"></th>
                    			<th class="no-sort"></th>
                    		</tr>	
                    	</thead>
                    	<tbody>
                    		@foreach($templates as $temp)
								<tr>
									<td>{{$temp->name}}</td>
									<td>{{$temp->created_at}}</td>
									<td>{{$temp->updated_at}}</td>
									<td>{{@$temp->user()->first()->name}}</td>
									<td><a href="{{ url('/templates/' . $temp->id . '/edit') }}" class="btn btn-info">Edit</a></td>
									<td><button class="btn btn-primary" type="button" onclick="duplicateModal({{$temp->id}})">Duplicate</button></td>
									<td><button class="btn btn-danger" type="submit" data-toggle="modal" data-target="#deleteModal{{$temp->id}}">Delete</button>
									<!-- Modal -->
								<div id="deleteModal{{$temp->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">Delete Template</h4>
										  	</div>
										  	<div class="modal-body">
										    	<form class="form-horizontal" role="form" method="POST" action="{{url('templates/'.$temp->id)}}" enctype="multipart/form-data">
										    		{{ csrf_field() }}
										    		{{ method_field('DELETE')}}
										    		<div class="row">
											    		<div class="form-group">
								                            <label class="col-md-4 control-label">Template Name: </label>
								                            <div class="col-md-6">
								                                <label class="control-label">{{$temp->name}}</label>
								                            </div>
								                        </div>
														<div class="form-group">
														@if((count($temp->site()->get())) or (count($temp->skins()->get())))
															<p>This Template has some impact with the following skins and sites and therefore can't be deleted.</p>
														@else
															<p>Go ahead, you can safely delete this template!</p>
														@endif
														</div>
														@if(count($temp->skins()->get()))
								                        <div class="form-group">
									                        <label class="col-md-4 control-label">Associated skins: </label>
									                        <div class="col-md-6">
									                        	<ul class="skin-list">
														    		@foreach($temp->skins()->get() as $skin)
																		@if($skin->is_default)
																			<li>{{$skin->name}}</li>
																		@endif
														    		@endforeach
														    	</ul>
													    	</div>
													    </div>
														@endif
														@if(count($temp->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($temp->site()->get() as $site)
																		<li>{{$site->description}}</li>
														    		@endforeach
														    	</ul>
													    	</div>
													    </div>
														@endif
												    	<div class="form-group">
										                    <div class="col-12 text-center">
															@if((!count($temp->site()->get())) and (!count($temp->skins()->get())))
																<button type="submit" class="confirm_delete btn btn-danger">Yes, Delete</button>
															@endif
										                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
										                    </div>
										                </div>
											    	</div>
										    	</form>
										  	</div>
										</div>
									</div>
								</div></td>
								</tr>
								
                    		@endforeach
                    	</tbody>
                    </table>
                </div>
            </div>
		</div>
	</div>
</div>

<!-- Modal -->
<div id="duplicateModal" 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">Duplicate Template</h4>
	  	</div>
	  	<div class="modal-body">
	    	<form id="duplicateForm" class="form-horizontal" role="form" method="POST" action="" enctype="multipart/form-data">
	    		{{ csrf_field() }}
	    		<input type="hidden" id="template_id" name="template_id" value=""/>
	    		<div class="form-group">
                    <label for="name" class="col-md-4 control-label">Duplicate Template Name</label>
                    <div class="col-md-6">
                        <input id="name" type="text" class="form-control" name="name"/>
                    </div>
                </div>
	    		<div class="form-group">
                    <div class="col-md-6 col-md-offset-4">
                        <button type="button" id="createDuplicate" class="btn btn-primary">
                            Create
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    </div>
                </div>
	    	</form>
	  	</div>
	</div>

	</div>
</div>

<script>
	var template_id = 0;

	function duplicateModal(id){
		template_id = id;
		$('#duplicateModal').modal('show');
	}

	$(document).ready(function(){
		var table = $('#myTable').DataTable({
        	"order": [ 0, 'asc' ],
        	"columnDefs": [ {
		      	"targets"  : 'no-sort',
		      	"orderable": false,
		    }]
        });

		$('#createDuplicate').click(function(){
			$('#template_id').val(template_id);
			$('#duplicateForm').attr('action', '{{url('templates/duplicate')}}');
			$('#duplicateForm').submit();
		});

	});
</script>

@endsection