@extends('app')
@section('content')
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger.css')}}" rel="stylesheet" type="text/css" media="screen"/>
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger-theme-flat.css')}}" rel="stylesheet" type="text/css" media="screen"/>
<!-- Custom style for datatables pages info and control on top of table. We just need it here -->
<style type="text/css">
    #datatable-example_wrapper .top #datatable-example_paginate, #datatable-example_wrapper .top #datatable-example_info {
        margin-top: 8px !important;
    }
</style>
@if(Session::has('flash_message'))
<div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
    <button class="close" data-dismiss="alert"></button>
    {!! Session::get('flash_message') !!}
</div>
@endif
{!! Breadcrumbs::render('admin.daleels.index') !!}
<!-- <div class="page-title"> <a href="{{ URL::previous() }}"><i class="icon-custom-left"></i></a>
    <h2><span class="semi-bold">Daleel</span></h2>
</div>
 -->
<div class="row form-group">
    <div class="col-sm-12 col-md-12">
        <div class="grid simple vertical">
            <!-- <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</h4> -->
            <!-- <div class="grid-title">
                <h4 class="tools" style="float: none; text-align: left;width: 20%; overflow: visible; margin-left: 80%"><a href="javascript:;" style="color: #505458;background: none;" onclick="toggleIcon()" class="expand">Advance Search <img id="advance_search_collapse_icon" src="{{asset('assets/img/daleel/collapse-icon.png')}}"></a></h4>

                <div class="tools"> 
                    <a class="expand" href="javascript:;" style="display: none;"></a> 
                </div>
            </div> -->
            <div class="grid-body" >
                {!! Form::model($filters, ['method' => 'GET' ,'id'=>'advance_search_form', 'novalidate'=>"novalidate"]) !!}
                    <div class="form-group " style="width: 100%;">
                        <div class="daleel-inline-filter">
                            <!-- <label>ID</label> -->
                            {!! Form::text('nodeID',null,['class'=>'form-control','placeholder'=>'الهوية']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>First Name</label> -->
                            {!! Form::text('name',null,['class'=>'form-control','placeholder'=>'الإسم الأول']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Father Name</label> -->
                            {!! Form::text('father_name',null,['class'=>'form-control','placeholder'=>'الأب']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Father 2 Name</label> -->
                            {!! Form::text('grand_father_name',null,['class'=>'form-control','placeholder'=>'الجد ١']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Father 3 Name</label> -->
                            {!! Form::text('g_grand_father_name',null,['class'=>'form-control','placeholder'=>'الجد ٢']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Father 4 Name</label> -->
                            {!! Form::text('next_g_grand_father_one',null,['class'=>'form-control','placeholder'=>'الجد ٣']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Father 5 Name</label> -->
                            {!! Form::text('next_g_grand_father_two',null,['class'=>'form-control','placeholder'=>'الجد ٤']) !!}
                        </div>
                    </div>
                    <div class="">
                        <div class="daleel-inline-filter" style="vertical-align: top;">
                            <!-- <label>Mobile</label> -->
                            {!! Form::text('mobile',null,['class'=>'form-control','placeholder'=>'الهاتف المتحرك']) !!}
                        </div>
                        <div class="daleel-inline-filter" style="vertical-align: top;">
                            <!-- <label>Generation</label> -->

                            {!! Form::input('number','generation',null,['class'=>'form-control','placeholder'=>'الجيل', 'min'=>0,'onkeypress'=>'return event.charCode >= 48 && event.charCode <= 57']) !!}

                        </div>
                        <div class="daleel-inline-filter" style="display: none">
                            <!-- <label>Modified</label> -->

                            {!! Form::select('modified_flag',[''=>'','الكل'=>'الكل',0=>'لا',1=>'نعم'],null,['class'=>'','style'=>'width: 100%;','id'=>'modified_flag']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Country</label> -->
                            {!! Form::select('country', [''=>'','الكل'=>'الكل'] + $countries, null, ['class' => '','style'=>'width:100%','id'=>'country_select']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>City</label> -->
                            {!! Form::select('city', [''=>'','الكل'=>'الكل'] + $cities, null, ['class' => '','style'=>'width:100%','id'=>'city_select']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Alive?</label> -->
                            {!! Form::select('alive', [''=>'','الكل'=>'الكل','Yes'=>'نعم', 'No'=>'لا'], null, ['class' => '','style'=>'width:100%','id'=>'alive_select']) !!}
                        </div>
                        <div class="daleel-inline-filter">
                            <!-- <label>Alive?</label> -->
                            {!! Form::select('credentials_issued', [''=>'','الكل'=>'الكل','1'=>'نعم', '0'=>'لا'], null, ['class' => '','style'=>'width:100%','id'=>'registered_select']) !!}
                        </div>
                    </div>
                    <div class="form-group row">
                        
                        <!-- <div class="col-md-2">
                            <label>Reference ID</label>
                            {!! Form::text('ref_id',null,['class'=>'form-control']) !!}
                        </div> -->
                    </div>
                    <!-- Toggleable controls for position -->
                    {!! Form::hidden('gender',null,['id'=>'gender_input'])!!}
                    {!! Form::hidden('in_commitee',null,['id'=>'in_commitee_input'])!!}
                    {!! Form::hidden('is_celebrity',null,['id'=>'is_celebrity_input'])!!}
                    {!! Form::hidden('scholar',null,['id'=>'scholar_input'])!!}
                    {!! Form::hidden('governer',null,['id'=>'governer_input'])!!}
                    {!! Form::hidden('judge',null,['id'=>'judge_input'])!!}
                    {!! Form::hidden('poet',null,['id'=>'poet_input'])!!}

                    <div class="hidden">
                         <img src="{{ asset('assets/img/daleel/filters/FilterFemaleSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterMaleSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterCommitteeSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterWorthySelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterScholarSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterGovernerSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterQaziSelected.png')}}">
                         <img src="{{ asset('assets/img/daleel/filters/FilterPoetSelected.png')}}">
                    </div>
                    
                    <div class="row daleel-detail-icon-container" style="position: relative;">
                        <div class="col-md-4 col-sm-12" style="position: absolute; bottom: 0;left: 10px">
                            {!! Form::submit('بحث',['class'=>'btn btn-primary btn-cons']) !!}
                            <a href="javascript:void(0)" class="btn btn-info btn-cons" id="clear_filters">مسح</a>
                        </div>
                        <div class="col-md-1 col-md-offset-4 col-sm-3 ">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['gender']) && $filters['gender']=='0' ? 'active' : ''}}" onclick="toggleDaleelGender($(this))" id="icon-male" data-filter="Male">
                                    <img src="{{ isset($filters['gender']) && $filters['gender']=='0' ? asset('assets/img/daleel/filters/FilterMaleSelected.png') : asset('assets/img/daleel/filters/FilterMale.png')}}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3 border-right">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['gender']) && $filters['gender']=='F' ? 'active' : ''}}" onclick="toggleDaleelGender($(this))" id="icon-female"  data-filter="Female">
                                    <img src="{{ isset($filters['gender']) && $filters['gender']=='F' ? asset('assets/img/daleel/filters/FilterFemaleSelected.png') : asset('assets/img/daleel/filters/FilterFemale.png')}}"> 
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['in_commitee']) && $filters['in_commitee']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="in_commitee" data-filter="Committee">
                                    <img src="{{ isset($filters['in_commitee']) && $filters['in_commitee']==1 ? asset('assets/img/daleel/filters/FilterCommitteeSelected.png') : asset('assets/img/daleel/filters/FilterCommittee.png')}}">    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3 border-right">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['is_celebrity']) && $filters['is_celebrity']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="is_celebrity" data-filter="Worthy">
                                    <img src="{{ isset($filters['is_celebrity']) && $filters['is_celebrity']==1 ? asset('assets/img/daleel/filters/FilterWorthySelected.png') : asset('assets/img/daleel/filters/FilterWorthy.png') }}">    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['scholar']) && $filters['scholar']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="scholar" data-filter="Scholar">
                                    <img src="{{ isset($filters['scholar']) && $filters['scholar']==1 ? asset('assets/img/daleel/filters/FilterScholarSelected.png') : asset('assets/img/daleel/filters/FilterScholar.png') }}">    
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['governer']) && $filters['governer']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="governer" data-filter="Governer">
                                    <img src="{{ isset($filters['governer']) && $filters['governer']==1 ? asset('assets/img/daleel/filters/FilterGovernerSelected.png') : asset('assets/img/daleel/filters/FilterGoverner.png') }}">  
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{ isset($filters['judge']) && $filters['judge']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="judge" data-filter="Qazi">
                                    <img src="{{ isset($filters['judge']) && $filters['judge']==1 ? asset('assets/img/daleel/filters/FilterQaziSelected.png') : asset('assets/img/daleel/filters/FilterQazi.png') }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3">
                            <div class="daleel-icon-box">    
                                <div class="icon-round {{isset($filters['poet']) && $filters['poet']==1 ? 'active' : ''}}" onclick="toggleDaleelPosition($(this))" id="poet"  data-filter="Poet">
                                    <img src="{{ isset($filters['poet']) && $filters['poet']==1 ? asset('assets/img/daleel/filters/FilterPoetSelected.png') : asset('assets/img/daleel/filters/FilterPoet.png') }}"> 
                                </div>
                            </div>
                        </div>

                    </div>
                    
                {!! Form::close() !!}
                <!-- <br> -->
                <hr>
                <div class="row" style="margin-top: 50px ; margin-bottom: 60px">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="col-lg-6 col-lg-push-3 col-md-6 col-md-push-3 col-sm-6 col-sm-push-3 col-xs-6 col-xs-push-3" style="font-size: 16px ; text-align: center">
                            @foreach($data as $key => $value)
                                <div class="col-lg-3 col-md-3 col-sm-3 sol-xs-3">
                                    <p style="color: saddlebrown;font-weight: bold;font-size: 18px">{{'فرع' .' '.$key}}</p>
                                    <span style="font-weight: bold;color: #282828;display: block;margin-top: -10px;font-size: 22px">{{$value}}</span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <table class="table table-hover table-bordered" id="datatable-example" >
                    <thead>
                        <tr>
                            <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                            <th>Id</th>
                            <th>المعلومات</th>
                            <th>اخر تعديل	</th>
                            <th></th>
                        </tr>
                    </thead>
                </table>
            </div>

        </div>
    </div>
</div>

<!-- <div class="grid simple vertical mobile-scroll">
    
    <div class="grid-body no-border">
        
    </div>
</div> -->
{!! Form::open([
'method' => 'POST',
'class' => 'inline',
'id'=> 'bulkaction'
]) !!}
<input type="hidden" value="" name="ids" id="ids" />
{!! Form::close() !!} 

<!-- Load listing actions content and js -->