@extends('layouts.admin')

@section('page-title', 'Namirial Templates')

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">Namirial Templates</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card">

            <div class="card-body">
                <div class="row header-controls" >
                    <div class="col-md-6">
                        <a href="{{ route('admin.esign.templates.new') }}"  class="btn btn-success" id="add-template">
                            New Template
                        </a>
                    </div>
                    <div class="col-md-6">

                    </div>
                </div>

                <table class="table" id="template-table">
                    <thead>
                    <th>Category</th>
                    <th>Template ID</th>
                    <th>Template Name</th>
                    <th>Language</th>
                    <th>Enabled</th>
                    <th>Action</th>
                    </thead>
                    <tbody>
                        @if(!empty($templates))
                            @foreach($templates as $template)
                                <tr>
                                    <td>{{ $categories[$template['category']] }}</td>
                                    <td>{{ $template['template_id'] }}</td>
                                    <td>{{ $template['template_name'] }}</td>
                                    <td>{{ $template['language_code'] }}</td>
                                    <td>
                                        <label class='form-check-label'>
                                            <input type='checkbox' class='form-check-input-switchery'  @if($template['enable'] == 1) checked @endif data-fouc readonly>
                                        </label>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('admin.esign.templates.edit', $template->id) }}" class="btn btn-primary btn-circle"
                                           title="Edit Template" data-toggle="tooltip" data-placement="top">
                                            <i class="icon-pencil3"></i>
                                        </a>
                                        <a href="{{ route('admin.esign.templates.delete', $template->id) }}" class="btn btn-danger btn-circle"
                                           title="Delete Template"
                                           data-toggle="tooltip"
                                           data-placement="top"
                                           data-method="DELETE"
                                           data-confirm-title="@lang('app.please_confirm')"
                                           data-confirm-text="Are you sure to delete this template?"
                                           data-confirm-delete="@lang('app.yes_delete_it')">
                                            <i class="icon-cross2"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@section('scripts')

    <script>
        $(document).ready(function () {
            $('#template-table').DataTable({
                'order': [[0, 'asc']]
            });
        });
    </script>

@stop