@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/index.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/requests.css')}}"/>

    <link rel="stylesheet" href="{{asset('css/users.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/activation-request-list.css')}}"/>
@endsection


@section('content')
    <div class="main-wrapper">
        <div id="emailtemplates">

            <div class="row justify-content-between Header mb-5">
                <div class="col-md-8  d-flex  justify-content-center justify-content-md-start Header-breadcrumbs">
                    <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('emailtemplates') }}
                    </p>
                </div>
                <div class="col-md-4 d-flex  justify-content-center justify-content-md-end Header-buttons">
                    <a class="Header-buttons--button me-3" href="{{route('email.template.create')}}">
                        <p class="Header-buttons--button--text">Add Template
                        </p>
                        <img src="{{asset('images/plus.svg')}}" class="homeHeader-buttons--button--img">
                    </a>
                </div>
            </div>

            <div class="row form-inner-container">
                <div id="listDataContainer">
                    @foreach ($templates as $template)
                        <div class=" row main-info-container--row">
                            <p class="number"><span>{{ $template->id }}</span></p>
                            <p class="first-name">Email Template για {{ $template->name }}</p>
                            <div class="action form">
                                <div class="action-more">
                                    <a href="{{route('email.template.edit',['template' => $template])}}" class="Header-buttons--button me-3">
                                        <p class="Header-buttons--button--text">Edit Template</p>
                                        <img src="{{asset('images/plus.svg')}}" class="homeHeader-buttons--button--img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

@endsection
@push('scripts-stack')

    <script src="{{asset('js/setAjaxFilters.js')}}"></script>
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters('{{route('users.list')}}','user-form');
        });
    </script>
@endpush