@extends('admin.layout.master')
@section('content')
<div class='bg-white p-2 rounded m-2'>
    <div class="row justify-content-between p-lg-3 rounded m-2  bg-light">
        <div class="col-md-6 col-12  align-self-center">
            <a class='text-decoration-none fw-bold text-dark breadc' href="">
                Email Templates
            </a>
        </div>
        <div class="col-md-6 col-12  align-self-center float-end ">
            <div class='align-self-center  text-center justify-content-center'>
                <div class="row">
                    <div class="col-md-3">
                    </div>
                    <div class="col-7">
                        <div>
                            <select id=" Select" class="form-select rounded-pill">
                                <option>All</option>
                                <option>1</option>
                                <option>2</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-2 ">
                        <a class='text-decoration-none ' href="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 55 55">
                                <g id="Group_12506" data-name="Group 12506" transform="translate(-1134.648 -427.545)">
                                    <ellipse id="Ellipse_593" data-name="Ellipse 593" cx="27.5" cy="27.5" rx="27.5" ry="27.5" transform="translate(1134.648 427.545)" fill="#f56a20" />
                                    <path id="Path_15415" data-name="Path 15415" d="M1.438-6.844V-9.469H8.25v-6.859h2.672v6.859h6.813v2.625H10.922V0H8.25V-6.844Z" transform="translate(1153.017 463.249)" fill="#fff" />
                                </g>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='table-responsive p-3'>
        <table class='table table-border '>
            <thead>
                <tr class='tex-g'>
                    <th>Name</th>
                    <th class='text-end  pe-4'>Status</th>
                    <th class='text-end'>Actions</th>
                </tr>
            </thead>
            <tbody>
                @for($i=0; $i< 10 ; $i++) <tr>
                    <td class='align-middle w-50'>
                        <p class="fw-bold text-dark">Name</p>
                    </td>
                    <td class='align-middle '>
                        <!-- switch start  -->
                        <div class=" d-flex float-end ms-5">
                            <div class='ps-5'>
                                <label class="switch">
                                    <input type="checkbox" id="togBtn">
                                    <div class="slider round">
                                        <!--ADDED HTML -->
                                        <span class="on">ON</span>
                                        <span class="off">OFF</span>
                                    </div>
                                </label>
                            </div>
                        </div>
                    </td>
                    <!-- switch end  -->
                    <td class='text-end align-middle p-2 edit_M'>
                        <span class='px-2'>
                            <a class='text-decoration-none px-1' href="#">
                                <span class="edit_icon">
                                    <i class="bi bi-pen"></i>
                                </span>
                                <span class='px-1 e-text'>Edit</span>
                            </a>
                        </span>
                        <span>
                            <a class='text-decoration-none px-1' href="">
                                <span class="delete_icon fw-bold"><i class="bi bi-backspace"></i></span>
                                <span class='px-1 tcancel e-text'>Delete</span>
                            </a>
                        </span>
                    </td>
                    </tr>
                    @endfor
            </tbody>
        </table>
    </div>
</div>
@endsection