@extends('layouts.backend.app')


@section('title', $template->name . ' - Email Template')

@push('css')

@endpush

@section('content')
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">Dashboard</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">

                            <li class="breadcrumb-item">
                                <a href="dashboard">
                                    Dashboard
                                </a>
                            </li>
                            <li class="breadcrumb-item">
                                {{ $template->name }}
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        {{ $template->name }}
                    </div>
                   <div class="card-body">
                       <form action="{{ route('admin.email-template.update',$template->id) }}" method="POST">
                           @csrf
                            @method('PUT')
                           <div class="form-group">
                               <label for="subject">Subject</label>
                               <input type="text" name="subject" id="subject" class="form-control mt-1 mb-1" value="{{ $template->subject }}">
                           </div>
                           <div class="form-group">
                               <label for="description" class="mb-1">Description</label>
                               @include('admin.includes.editor', ['description' => $template->content ?? ''])
                               <textarea name="body" style="display:none" id="hiddenArea">{{ $template->content }}</textarea>
                           </div>
                           <button class="btn btn-success mt-2">
                               <i class="fa fa-check"></i>
                               <span>Save</span>
                           </button>
                       </form>
                   </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        Available Variables
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <ul>
                                    <li><strong>{name}</strong> - User Name</li>
                                    <li><strong>{user_type}</strong> - User Type</li>
                                    <li><strong>{network_name}</strong> - Network Name</li>
                                    <li><strong>{email}</strong> - User Email</li>
                                    <li><strong>{password}</strong> - User Password</li>
                                    <li><strong>{data}</strong> - Date</li>
                                    <li><strong>{offer_name}</strong> - Offer Name</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')

@endpush