@extends('admin.layout.master')
@section('content')
<div class='bg-white p-2 rounded m-2'>
    <div class="row justify-content-between p-3 rounded m-2  bg-light">
        <div class="col-12 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold text-dark breadc' href="">
            Notifications Templates
            </a>
        </div>
    </div> 
</div>
<div class="container">
    <div class='table-responsive p-3'>
        <table class='table table-border '>
            <thead>
                <tr class='tex-g'>
                    <th>#</th>
                    <th>Name</th>
                    <th class='text-end  pe-4'>Default</th>
                    <th  class='text-end  pe-4'>Status</th>
                    <th class='text-end'>Actions</th>
                </tr>
            </thead>
            <tbody>
                @for($i=0; $i< 5 ; $i++)
                <tr>
                    <td>01</td>
                    <td  class='align-middle w-25 text-dark fw-bold'>
                        <p>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>
                    <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>
</div>
@endsection