@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;
        }

        .select2-results__option {
            text-align: right !important;
        }
        .brownbtn{
         background: #CF806B !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
    <!-- <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="page-title"> <a href="{{ URL('/admin/poll') }}"><i class="icon-custom-right"></i></a>
        <h3>المشاركين<span class="semi-bold"></span></h3>
    </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"]) !!}


                <!-- Toggleable controls for position -->
                    {!! Form::hidden('gender',null,['id'=>'gender_input'])!!}
                    {{--                    {!! Form::hidden('options',null,['id'=>'option_input'])!!}--}}
                    <div class="hidden">
                        <img src="{{ asset('assets/img/daleel/filters/FilterFemaleSelected.png')}}">
                        <img src="{{ asset('assets/img/daleel/filters/FilterMaleSelected.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: -4px;text-align: left">
                            {!! Form::submit('بحث',['class'=>'btn btn-primary btn-cons brownbtn']) !!}
                            <a href="javascript:void(0)" class="btn btn-info btn-cons" id="clear_filters">مسح</a>
                        </div>
                        <div class="col-md-4 col-md-offset-6  col-sm-3 " style="margin-top: 15px">
                            <div class="daleel-inline-filter" style="margin-right: unset;width: unset;display: unset">
                                <!-- <label>Country</label> -->

                                {!! Form::select('options', [''=>''] + $pollQuestionOptions, null, ['class' => '','style'=>'width:100%','id'=>'option_select']) !!}
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-3 ">
                            <div class="daleel-icon-box">
                                <div class="icon-round {{isset($filters['gender']) && $filters['gender']=='M' ? 'active' : ''}}"
                                     onclick="toggleDaleelGender($(this))" id="icon-male" data-filter="Male">
                                    <img src="{{ isset($filters['gender']) && $filters['gender']=='M' ? 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 ">
                            <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>

                    {!! Form::close() !!}

                    <!-- <br> -->
                    <hr>
                    <div class="row"  style="margin-bottom: 5px">
                        <div class="col-md-12 col-sm-12">
                            <div class='control'>
                                <div class="pull-right markaction">
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger"
                                       data-url="{{ URL::to('admin/poll/bulkdeleteAttendees') }}">حذف</a>
                                </div>
                                <div class="pull-right markaction" style="margin-left: 5px">

                                    <a href="{{ route('admin.poll.csvdownload', $pollId)}}" onclick="$('#progressbar').show();setTimeout(function() {$('#progressbar').hide();}, 900);" class="btn btn-info">تنزيل ملف CSV</a>
                                    {{--<form action="{{route('admin.poll.exceldownload', $pollId)}}" class="form-horizontal" method="get">--}}
                                        {{--<input name="filter" type="hidden" value={{isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : ''}}>--}}
                                    <a href="{{route('admin.poll.exceldownload', $pollId)}}" onclick="$('#progressbar').show();setTimeout(function() {$('#progressbar').hide();}, 900);" class="btn btn-info">تنزيل ملف Excel</a>
                                    {{--</form>--}}
                                </div>
                            </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>هوية شخصية</th>
                            <th>الاسم 1</th>
                            <th>الاسم 2</th>
                            <th>الاسم 3</th>
                            <th>الاسم 4</th>
                            <th>البلد</th>
                            <th>المدينة</th>
                            <th>الخيار المحدد</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 -->