@extends('master')

@section('content')
    @if($message = session('error'))
        <div class="alert alert-danger">
            {{ $message }}
        </div>
    @endif
    <section class="section dashboard">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h3 class="fw-bold fs-5">Notification List</h3>
                    <a class="d-none" href="{{ url('/notification/create') }}">
                        <button type="button" class="btn btn-success" id="add_vehicle">Add Notification</button>
                    </a>
                </div>
                <div class="card mt-3">
                    <div class="card-body px-0 py-4">
                        <div class="table-responsive">
                            <table id="customer_tbl" class="table customer-tbl" style="width:100%">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="select-all-checkbox"></th>
                                    <th>Notification </th>
                                    <th class="all">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($notifications as $company)
                                    <tr>
                                        <td><input type="checkbox" class="select-checkbox"></td>
                                        <td>
                                           {{ $company->text }}
                                        </td>
                                        
                                        
                                        

                                       
                                        <td>
                                            <a href="{{route('edit_notification',['id' => $company->id])}}">
                                                <i class="bi bi-pencil-square me-2"></i>Edit
                                            </a>
                                            
                                        </td>


                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@push('scripts')

    <script>


        $(document).ready(function () {
            $('.select-all-checkbox').change(function () {
                $('.select-checkbox').prop('checked', $(this).prop('checked'));
            });

            $('.select-checkbox').change(function () {
                $('.select-checkbox').not(this).prop('checked', false);
                $('.select-all-checkbox').prop('checked', false);
            });

            $('#customer_tbl').DataTable({
                responsive: true,
            });

        });
    </script>
@endpush