@extends('layouts.app')

@section('content')
<div class="dashboard-content">
    <div class="main-store-layout">
        <div class="main-card">
            <div class="main-heading">
                <h4>SMS Templates</h4>
            </div>
        </div>
        <!-- heading div end  -->

        <div class="store-filter">
            <div class="position-relative">
                <input
                    class="nav-search-input order-search-input-col"
                    type="search"
                    placeholder="Search"
                    aria-label="Search" />
                <img src="{{ asset('admin-assets/images/search.svg') }}" alt="order" class="order-search-img">
            </div>
            <a class="add-btn" href='{{ route('sms.templates.add') }}'>
                <button class="add-store"><span><img src="{{ asset('admin-assets/images/add-icon.svg') }}" alt="add" class="add-img me-2">Add</span></button>
            </a>
        </div>

        <!-- search div end  -->

        <div class="store-table">
            <div class="template-layout">
                <table class="table">
                    <thead>
                        <tr>

                            <th><input type="checkbox"></th>
                            <th>Name </th>
                            <th>Updated Date</th>
                            <th>Created Date</th>
                            <th>Notes</th>
                            <th> Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>Wade Warren</td>
                            <td>2 Jan 2023</td>
                            <td>12 Jan 2023</td>
                            <td>Notes</td>
                            <td>
                                <div class="d-flex order-table-actions"><a> <img src="{{ asset('admin-assets/images/view.svg') }}" alt="view"
                                            class="view-img"></a>
                                </div>
                            </td>
                        </tr>

                    </tbody>
                </table>
                <div class="table-pagination">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-end gap-2">
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">...</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">6</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
        </div>
    </div>
</div>


@endsection