@extends('backend.layouts.app')
@section('content')
    <style type="text/css">
        .table-responsive::-webkit-scrollbar {
            -webkit-appearance: none;
        }

        .table-responsive::-webkit-scrollbar:vertical {
            width: 15px;
        }

        .table-responsive::-webkit-scrollbar:horizontal {
            height: 15px;
        }

        .table-responsive::-webkit-scrollbar-thumb {
            background-color: #CCCCCC;
            border-radius: 5px;
            border: 2px solid #ffffff;
        }
    </style>
    <div class="container-fluid">
       
        <div class="row" style="margin-top: 2%;">
            <div class="col-12">
                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col-2">
                                <h3 class="mb-0">User Plan Lists |</h3>
                            </div>
                            <div class="col-10 d-flex justify-content-end align-items-center">
                                <label class="form-control-label col-form-label">First Name</label>
                                <div class="col-2">
                                    <input type="text" class="form-control form-control-sm" id="first_name">
                                </div>
                                <label class="form-control-label col-form-label">Last Name</label>
                                <div class="col-2">
                                    <input type="text" class="form-control form-control-sm" id="last_name">
                                </div>
                                <label class="form-control-label col-form-label">Email</label>
                                <div class="col-3">
                                    <input type="text" class="form-control form-control-sm" id="email">
                                </div>
                                
                                <button class="btn btn-sm btn-success" id="submit_filter">Submit</button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="data-lists overflow-auto">
                            @include('backend.admin-panel.paging')
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('backend.admin-panel.modal-edit')
    </div>

@endsection
@section('after-scripts')
    <script src="{{ asset('js/admin-panel/index.js') }}" type="text/javascript"></script>
@endsection