@extends('layouts.app')
@section('PageHeading', 'Email Templates')
@section('content')
<div class="container_fluid">
   <div class="box_content">
      <div class="box_overlayout">
         <div class="box_innerlayout row">
        
            <form method="post" action="{{ route('save.template') }}">
               @csrf
               <div class = "form-group">
                  <label for = "name">Template Slug</label>
                  <input type = "text" class = "form-control" placeholder="Template Slug" name="email_slug" value="{{ $template->email_slug ?? '' }}">
               </div>
               <div class = "form-group">
                  <label for = "name">Template Subject</label>
                  <input type = "text" class = "form-control" placeholder="Template Subject" name="email_subject" value="{{ $template->email_subject ?? '' }}">
               </div>
               <div class = "form-group">
                  <label for = "name">Template</label>
                  <textarea class = "form-control" rows = "10" placeholder = "Template" name="email_message">{!! $template->email_message ?? '' !!}</textarea>
                  <input type="hidden" name="template_id" value="{{ $template->id ?? '' }}">
               </div>
               <div class = "form-group text-center" style="margin:25px;">
                  <button type="submit" class="btn btn-primary lib_btn text-center">Save Template</button>
               </div>
            </form>
       
         
            <div class="tab_content" >
               <div class="row align-items-center">
                  <div class="col-md-5">
                    
                  </div>
                  <div class="col-md-5">
                 
                  </div>
                  <div class="col-md-12">
                     <div class="task_btn float-end mobile-btn">
                        
                        <a class="lib_btn" href="{{ route('email.template')}}">
                           <img src="{{ asset('images/plus_white.svg') }}" alt="plus">
                              Add  New
                        </a>
                       
                     </div>
                  </div>
               </div>
            </div>
            <div class="accordion library_accordion" id="accordionExample">
               <div class="accordion-item">
                  
                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                    @foreach ($templates as $template)
                     <div class="card_item_body">
                        <div class="card_item">
                           <div class="row align-items-center">
                             
                              <div class="col-md-4 ">
                              {{ $template->email_slug }}
                              </div>
                              <div class="col-md-4 ">
                              {{ strip_tags($template->email_subject) }}
                              </div>
                              <div class="col-md-4 columns studio_show">
                                 <a onclick="return confirm('Are you sure?');" class="lib_btn" href="{{ route('template.delete', ['template' => $template->id])}}">
                                    <img src="{{ asset('images/delete.svg') }}"  alt="edit">
                                    delete
                                </a>
                                 <a class="lib_btn" href="{{ route('email.template', ['template' => $template->id])}}">
                                    <img src="{{ asset('images/edit_blue.svg') }}"  alt="edit">
                                    Edit
                                </a>
                                
                              </div>
                           </div>
                        </div>
                     </div>
                    @endforeach
                  </div>
               </div> 
         </div>
      </div>
   </div>
</div>
@endsection