@push('style')
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" rel="stylesheet">

<link href="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.css" rel="stylesheet">
@endpush
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md">
            <div class="card">
                <!-- div class="card-header">{{ __('Filter') }}</div -->

                <div class="card-body">   <form method="POST" action="{{ route('comments.database' , ['token' => $token]) }}">
                    <div class="mb-0 row">
                      
                            @csrf
                            
                        <div class="col-sm">
                            <select name="socialmedia" class="selectpicker" data-style="btn-primary" data-width="fit">
                                <option value=""  >{{ __('Social Media') }}</option>
                                <option value="instagram" data-icon="fa-brands fa-instagram"></option>
                                <option value="facebook" data-icon="fa-brands fa-facebook" ></option>
                            </select>
                        </div>
                        <div class="col-sm">                    
                            <select name="status" class="selectpicker" data-style="btn-primary" data-width="fit"> 
                                <option value=""  >{{ __('Status') }}</option>
                                <option value="Broadcast"  > Broadcast</option>
                                <option value="Video"  >Video</option>
                            </select>
                        </div>
                        <div class="col-md input-group date" id='datetimepicker5'>
                            <!-- label for="join" class="col-md-4 col-form-label text-md-end">{{ __('Date') }}</label -->
                            
                                <input type="text" class="form-control date-input">
                                <span class="input-group-addon btn-primary"><i class="fa fa-calendar"></i></span>
                                         
                        </div>
                        <div class="col-sm">
                            <button type="submit" class="btn btn-primary">
                            <span class="text-white px-0"><i class="fa fa-search"></i>{{ __('Filter') }}</span>
                            </button>
                        </div>       
                        
                        
                    </div></form>
                </div>
            </div>
        </div>
    </div>
</div>
@push('scripts')

<script src="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.21.2/dist/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>
<script>
  $(function() {
    $('#table').bootstrapTable()
  })
  $('.input-group.date').datepicker({});
    
</script>
@endpush