@extends('layouts.admin')

@section('content')
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content"> 
                                            <h3 class="nk-block-title page-title">Add Email Template</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success'))
                                          <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul> 
                                            </div>
                                        @endif
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                    <div class="nk-block nk-block-lg">
                                            <div class="card card-bordered">
                                                <div class="card-inner">
                                                    <form method="POST" action="{{ route('admin.savetemplate')}}" class="form-validate is-alter" enctype="multipart/form-data">
                                                    {{ csrf_field() }}
                                                        <div class="row g-gs">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label" for="fva-full-name">Template Name</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="text" class="form-control" id="template_name" name="template_name" required>
                                                                        <span class="template_name" class="invalid" style="display: none">This field is required.</span>    
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label" for="fva-full-name">Title</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="text" class="form-control" id="template_title" name="title" required>
                                                                        <span class="template_title" class="invalid" style="display: none">This field is required.</span>    
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label class="form-label" for="fva-message">Content</label>
                                                                    <div class="form-control-wrap">                                                                        
                                                                        <div id="quillEditor" class="quill-basic">
                                                                           
                                                                        </div>  
                                                                        <span class="template-content" class="invalid" style="display: none">This field is required.</span>                                                           
                                                                    </div>
                                                                    <input type="hidden" name="quillcontent" id="quill-content" value="">                                                          
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <button type="submit" class="btn btn-lg btn-primary btn-email-template">Submit</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div><!-- .nk-block -->                            
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="nk-block-head-content">
                                                <h4 class="nk-block-title">Email Templates</h4>                                          
                                            </div>
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                                    <thead>
                                                        <tr class="nk-tb-item nk-tb-head">
                                                            <th class="nk-tb-col tb-col-mb"><span class="sub-text">S.NO</span></th>
                                                            <th class="nk-tb-col tb-col-md"><span class="sub-text">Template Name</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Title</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Status</span></th>                                                          
                                                            <th class="nk-tb-col nk-tb-col-tools text-right">Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                     @php
                                                        $i = 1;
                                                     @endphp
                                                     @foreach($templates as $template)                                                 
                                                        <tr class="nk-tb-item">
                                                            <td class="nk-tb-col tb-col-md">
                                                                <span>{{$i}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-md">
                                                                <span>{{$template->template_name}}</span>
                                                            </td>                                               
                                                            <td class="nk-tb-col tb-col-lg">
                                                                <span>{{$template->title}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-md">
                                                                                                                              <div class="custom-control custom-switch">
                                                                    <input type="checkbox" class="custom-control-input templatestatus" id="{{@$template->id}}" data-code="{{@$template->id}}" {{@$template->status ? 'checked' : '' }}>
                                                                    <label class="custom-control-label" for="{{@$template->id}}"></label>
                                                                </div> 
                                                            </td>
                                                            <td class="nk-tb-col nk-tb-col-tools">
                                                                <ul class="nk-tb-actions gx-1">
                                                                    <li>
                                                                        <div class="drodown">
                                                                            <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="link-list-opt no-bdr">
                                                                                    <li><a href="{{route('admin.edittemplate',['template_id'=>$template->id])}}"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
                                                                                    <li><a class="deletetemplate" href="#" data-id="{{@$template->id}}"><em class="icon ni ni-trash"></em><span>Delete</span></a></li>
                                                                                    
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        @php
                                                             $i++;
                                                        @endphp   
                                                     @endforeach                                      
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div> <!-- nk-block -->

                            </div>
                        </div>
                    </div>
                </div>
@endsection