@extends('physician.layouts.master')
@section('content')
      @if (\Session::has('error'))
        <div class="alert alert-danger">
            {!! \Session::get('error') !!}
        </div>
    @endif
    @if (\Session::has('success'))
     
        <div class="alert alert-success">
            {!! \Session::get('success') !!}
        </div>
    @endif
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <h5 class="font-strong mb-4">{{__('Chief Complains')}}</h5>
              <div class="row">

                    <div class="col-md-12">                          
                        <form class="form-info form-inline1 form-search" action="javascript:;">
                            <div class="ibox-body">
                                <div class="row">
                                    <div class="col-sm-3 form-group mb-4">
                                        <label>Search</label>
                                        <input class="form-control text-search" type="text" placeholder="">
                                    </div>
                                            <div class="col-sm-3 form-group">
                                        <label>Status</label>

                                        <div class="row last-row">

                                            <div class="col-sm-6 form-group element-1" >

                                                    <select class="form-control status-search" name="status" >
                                                            <option value="">- Any -</option>
                                                            <option value="1">Active</option>
                                                            <option value="0">Inactive</option>
                                                    </select>

                                            </div>

                                            <div class="col-sm-6 form-group element-2" >
                                                <button class="btn btn-info button-search" type="button">Search</button>
                                            </div>
                                        </div>
                                         
                                    </div>
                                </div>                                          
                            </div>
                        </form>
                    </div>

               </div>
                <table
                    class="table table-bordered table-hover" 
                    id="chiefComplains" 
                    data-source = "{{ route('chief_complains_ajax') }}"
                    data-cols = ",,,,"
                    data-search = "false"
                    >
                    <thead class="thead-default thead-lg">
                         <tr>
                            <th width="20%">Title</th>
                            <th width="25%">Image</th>
                            <!--<th width="25%">Back Image</th>-->
                            <th width="10%">Sort Order</th>
                            <th width="10%">Status</th>
                            <th width="10%">Actions</th>
                        </tr>
                    </thead>
                </table>
        </div>
    </div>
</div>

        <!-- END PAGE CONTENT-->
@endsection

@section('scripts')
<script>
    DataTable.initDataTable('#chiefComplains');
    $('.button-search').click(function()
    {   
        DataTable.reDraw(); 
    });
</script>
@endsection