@extends('admin.layouts.app')
@section('content')
<style>
#data-table th {
    width: 50% !important;
}
</style>
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-3 mb-4">
                                <label class="form-control-label">Created From Date</label>
                                <input type="text" class="form-control clsManualDatePicker" name="created_from" id="created_from">
                            </div>
                            <div class="col-sm-3 mb-4">
                                <label class="form-control-label">Created To Date</label>
                                <input type="text" class="form-control clsManualDatePicker" name="created_to" id="created_to">
                            </div>
                            <div class="col-sm-1 mb-4">
                                <label class="form-control-label">&nbsp;</label>
                                <button type="button" class="btn btn-primary mb-1" style="display:block" onclick="javascript:refreshTable()">Filter</button>
                            </div>
                            <div class="col-sm-1 mb-4">
                                <label class="form-control-label">&nbsp;</label>
                                <button type="button" class="btn btn-secondary mb-4 admin-top btnClear" style="display:block">Clear</button>
                            </div>
                            <div class="col-sm-3 mb-4">
                                <label class="form-control-label">&nbsp;</label>
                                <button type="button" class="btn btn-info mb-1" style="display:block" onclick="javascript:exportExcel()">Export Excel</button>
                            </div>
                        </div>
                        <table class="table text-center" id="data-table">
                            <thead>
                                <th>Phone</th>
                                <th>Created At</th>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@section('js')
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}"></script>
@stop
@endsection