@section('page_content')
<div class="row mt-3">
    <div class="col-lg-3">
        <form id="search_form" action="#" method="POST">
            @csrf
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Search Filter</h4>
                </div>
                <div class="card-body">
                    <div class="row mt-3">
                        <div class="col-12">
                            <label>Filter By Contact Name</label>
                            <input type="text" class="form-control" id="contact_name" name="contact_name" value="{{ (isset($form_data['contact_name'])) ? $form_data['contact_name'] : '' }}" placeholder="Enter Deal Name">
                        </div>
                    </div>   
                    <div class="row mt-3">
                        <div class="col-12">
                            <label>Filter By Phone</label>
                            <input type="text" class="form-control" id="deal_name" name="deal_name" value="{{ (isset($form_data['deal_name'])) ? $form_data['deal_name'] : '' }}" placeholder="Enter Deal Name">
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            <label>Filter By Email</label>
                            <input type="text" class="form-control" id="account_name" name="account_name" value="{{ (isset($form_data['account_name'])) ? $form_data['account_name'] : '' }}" placeholder="Enter Deal Name">
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12">
                            <button type="submit" name="btnSearch" class="btn btn-primary btn-block" id="search">Search Now</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>              
    </div>
    <div class="col-lg-9">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ $page_title }}</h4>
            </div>
            <div class="card-body minH-400">
                <div class="table-responsive">
                    <table class="table table-responsive-sm">
                        <thead>
                            <tr>
                                <th width="60"><input type="checkbox" name="chk_all[]" value="#" /></th>
                                <th>Contact Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Status</th>
                                <th>Created Date</th>
                                <th class="text-right">Action</th>
                            </tr>
                        </thead>
                        <tbody id="list_wrapper">  
                            @if($contacts->count() > 0)
                                @foreach($contacts as $contact)
                                    
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="chk_all[]" value="{{ $contact->id }}" />
                                        </td>
                                        <td>{{ $contact->name }}</td>
                                        <td>
                                            {{ $contact->email }}
                                        </td>
                                        <td>{{ $contact->phone }}</td>
                                        <td>
                                            <span class="badge badge-{{ $contact->status == 1 ? 'success':'danger' }}">{{ $contact->status == 1 ? 'Active':'Inactive' }}</span>
                                        </td>
                                        <td>
                                            {{ $contact->created_at->format('Y-m-d') }}
                                        </td>
                                        <td width="160" class="text-right" valign="top">
                                            <a href="javascript:void(0);" class="btn btn-sm btn-danger"><i class="la la-trash-o"></i></a>
                                            <a href="" class="btn btn-sm btn-primary"><i class="la la-eye"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else 
                                <tr>
                                    <td class="text-center" colspan="7">Currently no contacts exists in the database.</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                    
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop