@extends('layouts.default', [
	'sidebarLight' => true,
	'headerMegaMenu' => true,
	'sidebarMenu' => 'mail.tpl-list',
])

@section('title', 'Mail Template list')

@push('css')
	<style type="text/css">

	</style>
@endpush

@section('content')

	<!-- begin page-header -->
	<div class="page-header-wrap">
		<div class="heading-nav">
			<h1 class="page-header" style="line-height: 1.1">
				Mail Templates
				<div style="font-size: 8pt;">Total <strong class="text-danger">{{ number_format($list->total()) }}</strong> templates</div>
			</h1>

			@include('mail.tabmenu',['active'=>'tpl-list'])
		</div>
	</div>
	<!-- end page-header -->

    <form method="GET" class="form-search" id="form-mail-search" action="{{ URL::route('mail.tpl-list') }}" autocomplete="off">
        <input type="hidden" name="orderby" value="{{ request('orderby') }}">
        <input type="hidden" name="desc" value="{{ request('desc') }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
    </form>

	<!-- begin tab-content -->

	<div class="tab-content width-full">
		<table class="table table-bordered table-striped table-hover">
			<thead class="thead-dark">
				<tr>
					{{ setOrderby( 'Category', 'tpl_category' ) }}
					{{ setOrderby( 'Title', 'tpl_title' ) }}
					{{ setOrderby( 'Country', 'country' ) }}
					{{ setOrderby( 'Study Type', 'uhak_type' ) }}
					{{ setOrderby( 'Template Design', 'tpl_design' ) }}
					<th></th>
				</tr>
			</thead>
			<tbody class="text-center">
				@foreach ($list as $tpl)
					<tr id="row-{{ $tpl->tpl_uid }}">
						<td>
							{{ $tpl->tpl_category }}
						</td>
						<td class="text-left">
							<a href="{{ URL::route('mail.tpl-edit', $tpl->tpl_uid) }}">{{ $tpl->tpl_title }}</a>
						</td>
						<td>
			                @if($tpl->country)

			                    @php
			                    $i=0;
			                    @endphp

			                    @foreach($tpl->country as $code)

			                        <span class="flag-icon flag-icon-{{ Country::domain($code)['code_domain'] }}"></span>
			                        {!!($i == 6)?"<br>":""!!}

			                        @php
			                        $i++;
			                        @endphp

			                    @endforeach
                			@endif
						</td>
			            <td nowrap="nowrap">
			                <br />
<b>Notice</b>:  Undefined variable: tpl in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/mail/tpl-list.blade.php</b> on line <b>80</b><br />
<br />
<b>Notice</b>:  Trying to get property 'uhak_type' of non-object in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/mail/tpl-list.blade.php</b> on line <b>80</b><br />
<br />
<b>Notice</b>:  Undefined variable: tpl in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/mail/tpl-list.blade.php</b> on line <b>87</b><br />
<br />
<b>Notice</b>:  Trying to get property 'uhak_type_sub' of non-object in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/mail/tpl-list.blade.php</b> on line <b>87</b><br />
			            </td>
						<td>
							{{ $tpl->tpl_design }}
						</td>
						<td>
							<button class="btn btn-sm btn-outline-dark" type="button" onclick="preview({{ $tpl->tpl_uid }})">Preview</button>
							<button class="btn btn-sm btn-outline-dark" type="button" onclick="location.href='{{ URL::route('mail.tpl-edit', $tpl->tpl_uid) }}'">Edit</button>
							<button class="btn btn-sm btn-outline-danger" type="button" class="remove" data-id="{{ $tpl->tpl_uid }}">Delete</button>
						</td>
					</tr>
				@endforeach
			</tbody>
		</table>
	</div>
	<!-- end tab-content -->

@endsection

@push('scripts')
	<script type="text/javascript">
		function orderby(field){
		    var orderby = $('input[name="orderby"]');
		    var desc = $('input[name="desc"]');

		    if ($(orderby).val()==field) {
		        if ($(desc).val()==1) {
		            $(desc).val(0);
		        } else {
		            $(desc).val(1);
		        }
		    } else {
		        $(desc).val(0);
		    }

		    $(orderby).val(field);
		    $('#form-mail-search').submit();
		}

		function preview(tpl_uid)
		{
			if (tpl_uid) {
				var url = '{{ route('mail.preview', 'tpl') }}/'+tpl_uid;
				openWindow(url, 'preview', 800, 600);
			}
		}

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN' : $('[name="_token"]').val()
            }
        });

		$(document).ready(function(){
			$('button.remove').on('click', function(e){
				e.preventDefault();
				var tpl_uid = $(this).attr('data-id');

		        if(confirm("Are you sure to delete?")){
		            $.ajax({
		                type: 'DELETE',
		                url: '/mail/'+tpl_uid,
		                error : function( error ) {
		                    alert(error.responseJSON.message);
		                }
		            }).then(function(success){
		                alert(success.msg);
		                $('#row-'+tpl_uid).remove();
		            });
		        }
			});
		});
	</script>
@endpush