@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 addlink">
                <button type="button" class="btn btn-primary mb-1" onclick="javascript:$('.divFilter').toggle();"><i class="fa fa-filter"></i> Filters <span id="filterCount"></span></button>
            </div>
            <div class="col-lg-12 divFilter" style="display:none">
                <div class="form-group row">
                    <div class="col-sm-3">
                        <label class="form-control-label">First Name</label>
                        <input type="text" name="first_name" id="first_name" class="form-control">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Last Name</label>
                        <input type="text" name="last_name" id="last_name" class="form-control">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Email</label>
                        <input type="text" name="email" id="email" class="form-control">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Phone</label>
                        <input type="text" name="phone" id="phone" class="form-control">
                    </div>

                    <div class="col-sm-3">
                        <label class="form-control-label">Gender</label>
                        <select name="gender" id="gender" class="form-control">
                            <option value="">Select</option>
                            @foreach(gender() as $gender)
                            <option value="{!! $gender !!}">{!! $gender !!}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Marital Status</label>
                        <select name="marital_status" id="marital_status" class="form-control">
                            <option value="">Select</option>
                            @foreach(maritalstatus() as $marital_status)
                            <option value="{!! $marital_status !!}">{!! $marital_status !!}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Profile Type</label>
                        <select name="profile_type" id="profile_type" class="form-control">
                            <option value="">Select</option>
                            @foreach(['Primary','Adult','Child'] as $profileType)
                            <option value="{!! $profileType !!}">{!! $profileType !!}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Relationship</label>
                        <select name="relationship" id="relationship" class="form-control">
                            <option value="">Select</option>
                            @foreach(relationships() as $relationships)
                            <option value="{!! $relationships->name !!}">{!! $relationships->name !!}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-sm-3">
                        <label class="form-control-label">Age Range : <span id="age"></span></label>
                        <div id="age-range" style="margin:0.8em;"></div>
                        <input type="hidden" name="age_from" id="age_from" class="form-control">
                        <input type="hidden" name="age_to" id="age_to" class="form-control">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Baptized From</label>
                        <input type="text" name="baptized_from" id="baptized_from" class="form-control clsManualDatePicker">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Baptized To</label>
                        <input type="text" name="baptized_to" id="baptized_to" class="form-control clsManualDatePicker">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Baptized at Meck?</label>
                        <select name="baptized_here" id="baptized_here" class="form-control">
                            <option value="">Select</option>
                            @foreach(["Yes","No"] as $baptized_here)
                            <option value="{!! $baptized_here !!}">{!! $baptized_here !!}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-sm-3">
                        <label class="form-control-label">Registration Source</label>
                        <select name="elexio_group_id" id="elexio_group_id" class="form-control">
                            <option value="">Select</option>
                            @foreach(config('constants.REGISTRATION_SOURCE') as $k=>$v)
                            <option value="{!! $v !!}">{!! ucwords(str_replace("_"," ",$k)) !!}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-sm-3">
                        <label class="form-control-label">Created From</label>
                        <input type="text" name="created_from" id="created_from" class="form-control clsManualDatePicker">
                    </div>
                    <div class="col-sm-3">
                        <label class="form-control-label">Created To</label>
                        <input type="text" name="created_to" id="created_to" class="form-control clsManualDatePicker">
                    </div>
                </div>
                <div class="col-lg-12 text-md-center">
                    <button onclick="javascript:refreshTable()" class="btn btn-primary mb-1"><i class="fa fa-search"></i> Search</button>
                    <button onclick="javascript:window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}'" class="btn btn-info mb-1"><i class="fa fa-close"></i> Reset</button>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <table class="table text-center" id="data-table">
                            <thead>
                                <tr>
                                    <th>Avatar</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Email</th>
                                    <th>Profile Type</th>
                                    <!-- <th>Phone Code</th>
                                    <th>Phone</th> -->
                                    <th>Is Active?</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@section('js')
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}"></script>
@stop
@endsection