@php
    $baseUrl = asset('backend')."/";
@endphp
@extends('layouts.admin-app')

@section('title','Admin | Notes')
@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="">Temp</a></li>
                        <li class="breadcrumb-item active">Note list</li>
                    </ol>
                </div>
                <h4 class="page-title">Note list</h4>
            </div>
        </div>
    </div>
    <style>
        .table-responsive {
            overflow: auto;
        }
        #note_datatable td {
            max-width: 400px; /* Adjust the max-width as needed */
            word-wrap: break-word;
            white-space: normal;
        }
    </style>
    <span id="success"></span>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="tab-content">
                        <div class="tab-pane show active" id="basic-datatable-preview">
                            <div class="table-responsive">
                                <table id="note_datatable" class="table w-100">
                                    <thead>
                                        <tr>
                                            <td colspan="6"><button id="delete-selected-notes" class="btn btn-danger">Delete Selected</button></td>
                                        </tr>
                                        <tr>
                                            <th width="10%">Id</th>
                                            <th><input type="checkbox" id="select-all-notes"></th>
                                            <th width="10%">Email</th>
                                            <th width="35%">Notes</th>
                                            <th width="35%">Message</th>
                                            <th width="10%"><center>Action</center></th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div> <!-- end preview-->
                    </div> <!-- end tab-content-->
                </div> <!-- end card body-->
            </div> <!-- end card -->
        </div><!-- end col-->
    </div>
    <!-- end row-->
</div>
@endsection

@section('js')
<script>
    var deleteMultipleNotesUrl = "{{ route('admin.multiple-notes.delete') }}";
</script>
<script src="{{$baseUrl}}js/custom.js"></script>
@endsection