@extends('panel.layout.app')
@section('title', __('Email Templates'))

@section('content')
    <div class="page-header">
        <div class="container-xl">
            <div class="items-center row g-2">
                <div class="col">
                    <a href="{{ LaravelLocalization::localizeUrl(route('dashboard.index')) }}"
                        class="flex items-center page-pretitle">
                        <svg class="!me-2 rtl:-scale-x-100" width="8" height="10" viewBox="0 0 6 10" fill="currentColor"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M4.45536 9.45539C4.52679 9.45539 4.60714 9.41968 4.66071 9.36611L5.10714 8.91968C5.16071 8.86611 5.19643 8.78575 5.19643 8.71432C5.19643 8.64289 5.16071 8.56254 5.10714 8.50896L1.59821 5.00004L5.10714 1.49111C5.16071 1.43753 5.19643 1.35718 5.19643 1.28575C5.19643 1.20539 5.16071 1.13396 5.10714 1.08039L4.66071 0.633963C4.60714 0.580392 4.52679 0.544678 4.45536 0.544678C4.38393 0.544678 4.30357 0.580392 4.25 0.633963L0.0892856 4.79468C0.0357141 4.84825 0 4.92861 0 5.00004C0 5.07146 0.0357141 5.15182 0.0892856 5.20539L4.25 9.36611C4.30357 9.41968 4.38393 9.45539 4.45536 9.45539Z" />
                        </svg>
                        {{ __('Back to dashboard') }}
                    </a>
                    <h2 class="page-title mb-3">
                        {{ __('Email Templates') }}
                    </h2>
                    <p class="mb-2">{{ __('Manage Email Templates') }}</p>
                </div>
            </div>
        </div>
    </div>
    <!-- Page body -->
    <div class="pt-6 page-body">
        <div class="container-xl">
            <div class="mb-2 d-flex justify-content-end">
                @if ($installedExtension)
                    @php
                        try {
                            $localizedUrl = LaravelLocalization::localizeUrl(route('dashboard.newsletter.new'));
                        } catch (\Exception $e) {
                            $localizedUrl = "";
                        }
                    @endphp
                    @if ($app_is_demo)
                        <a onclick="return toastr.info('This feature is disabled in Demo version.')"
                            class="btn btn-success">
                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="24" height="24"
                                viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none"
                                stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
                                <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path>
                                <path d="M12 11l0 6"></path>
                                <path d="M9 14l6 0"></path>
                            </svg>
                            {{ __('Add New Template') }}
                        </a>
                    @else
                        <a href="{{ $localizedUrl }}"
                            class="btn btn-success">
                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="24" height="24"
                                viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none"
                                stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
                                <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path>
                                <path d="M12 11l0 6"></path>
                                <path d="M9 14l6 0"></path>
                            </svg>
                            {{ __('Add New Template') }}
                        </a>
                    @endif
                @endif
            </div>
            <div class="card">
                <div id="table-default" class="card-table table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>{{ __('Title') }}</th>
                                <th>{{ __('Subject') }}</th>
                                <th>{{ __('Actions') }}</th>
                            </tr>
                        </thead>
                        <tbody class="align-middle table-tbody text-heading">
                            @foreach ($list as $entry)
                                <tr>
                                    <td class="sort-name">{{ $entry->title }}</td>
                                    <td class="sort-name">{{ $entry->subject }}</td>
                                    <td class="whitespace-nowrap">
                                        @if (!$entry->system)
                                            <a href="{{ route('dashboard.email-templates.send', $entry->id) }}"
                                                class="btn w-[36px] h-[36px] p-0 border hover:bg-green-500 hover:text-white"
                                                title="send">
                                                <svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"
                                                    class="icon icon-tabler icon-tabler-send" stroke-width="2"
                                                    stroke="currentColor" fill="none" stroke-linecap="round"
                                                    stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                    <path d="M10 14l11 -11" />
                                                    <path
                                                        d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" />
                                                </svg>
                                            </a>
                                        @endif
                                        @if ($app_is_demo)
                                            <a onclick="return toastr.info('This feature is disabled in Demo version.')"
                                                class="btn w-[36px] h-[36px] p-0 border hover:bg-[var(--tblr-primary)] hover:text-white"
                                                title="{{ __('Edit') }}">
                                                <svg width="13" height="12" viewBox="0 0 16 15" fill="none"
                                                    stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M9.3125 2.55064L12.8125 5.94302M11.5 12.3038H15M4.5 14L13.6875 5.09498C13.9173 4.87223 14.0996 4.60779 14.224 4.31676C14.3484 4.02572 14.4124 3.71379 14.4124 3.39878C14.4124 3.08377 14.3484 2.77184 14.224 2.48081C14.0996 2.18977 13.9173 1.92533 13.6875 1.70259C13.4577 1.47984 13.1849 1.30315 12.8846 1.1826C12.5843 1.06205 12.2625 1 11.9375 1C11.6125 1 11.2907 1.06205 10.9904 1.1826C10.6901 1.30315 10.4173 1.47984 10.1875 1.70259L1 10.6076V14H4.5Z"
                                                        stroke-width="1.25" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        @else
                                            @if ($entry->role != 'default')
                                                <a href="{{ LaravelLocalization::localizeUrl(route('dashboard.email-templates.edit', $entry->id)) }}"
                                                    class="btn w-[36px] h-[36px] p-0 border hover:bg-[var(--tblr-primary)] hover:text-white"
                                                    title="{{ __('Edit') }}">
                                                    <svg width="13" height="12" viewBox="0 0 16 15" fill="none"
                                                        stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                            d="M9.3125 2.55064L12.8125 5.94302M11.5 12.3038H15M4.5 14L13.6875 5.09498C13.9173 4.87223 14.0996 4.60779 14.224 4.31676C14.3484 4.02572 14.4124 3.71379 14.4124 3.39878C14.4124 3.08377 14.3484 2.77184 14.224 2.48081C14.0996 2.18977 13.9173 1.92533 13.6875 1.70259C13.4577 1.47984 13.1849 1.30315 12.8846 1.1826C12.5843 1.06205 12.2625 1 11.9375 1C11.6125 1 11.2907 1.06205 10.9904 1.1826C10.6901 1.30315 10.4173 1.47984 10.1875 1.70259L1 10.6076V14H4.5Z"
                                                            stroke-width="1.25" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg>
                                                </a>
                                            @endif
                                        @endif

                                        @if (!$entry->system)
                                            <a href="{{ route('dashboard.email-templates.destroy', $entry->id) }}"
                                                onclick="return confirm('Are you sure? This is permanent and will delete all documents related to email template.')"
                                                class="btn w-[36px] h-[36px] p-0 border hover:bg-red-500 hover:text-white"
                                                title="Delete">
                                                <svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M9.08789 1.74609L5.80664 5L9.08789 8.25391L8.26758 9.07422L4.98633 5.82031L1.73242 9.07422L0.912109 8.25391L4.16602 5L0.912109 1.74609L1.73242 0.925781L4.98633 4.17969L8.26758 0.925781L9.08789 1.74609Z">
                                                    </path>
                                                </svg>
                                            </a>
                                        @endif

                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="/assets/js/panel/openai.js"></script>
@endsection