@extends('layouts.admin')
@section('content')

 <script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/select2.min.js') }}"></script>

  <link href="{{ URL::asset('assets/admin/base/plugins/zebra-dialog/css/default/zebra_dialog.min.css') }}" media="all" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/zebra-dialog/js/zebra_dialog.min.js') }}"></script>


<div class="row">	
	<div class="col-md-12 ">
<!-- Nav tabs -->
<div class="pageheader">
<div class="media">
 
	<div class="media-body">
    <div class="btn-group btn-breadcrumb">
			<a href="{{url('admin/dashboard')}}" class="btn btn-primary">	
			<i class="glyphicon glyphicon-home"></i> Admin
			</a>
			<a href="{{url('admin/users')}}" class="btn btn-primary">
			Security
			</a>
			<a href="javascript:;" class="btn btn-primary">Add new security</a>
			</div>
	</div>
</div><!-- media -->

</div><!-- pageheader -->
<div class="contentpanel">
    <div class="buttons_block pull-right">
        <div class="btn-group mr5">
            <a class="btn btn-primary tip" href="{{url('admin/settings/security_questions/create')}}" title="Add New" style="margin-bottom: 10px;"><i class="fa fa-plus"> </i> Add New</a>
        </div>
    </div>

     <table id="questions" class="table table-striped table-bordered responsive">
        <thead>
            <tr class="headings">
                <th>@lang('messages.ID')</th> 
                <th>@lang('messages.Question')</th>
                <th style="text-align: center;">@lang('messages.Status')</th> 
                <th>@lang('messages.Created')</th>
                <th>@lang('messages.Updated')</th> 
                <th style="text-align: center;">@lang('messages.Action')</th> 
            </tr>
        </thead>
        
        @if (count($questions) > 0 )
            <tbody>
      
                @foreach($questions as $key => $value)
                    <tr>
                        <td>{{$value->id}}</td>
                        <td>{!! str_limit($value->text,80,'<br>') !!}</td>
                        <td style="text-align: center;">
                            @if($value->status == 1)
                            <span class="label label-success">Active</span>
                            @elseif($value->status == 0)
                            <span class="label label-warning">Inactive</span>
                            @else
                            <span class="label label-danger">Deleted</span>
                            @endif
                        </td>
                        <td>{{ date('d M Y', strtotime($value->created_at)) }}</td>
                        <td>{{ date('d M Y', strtotime($value->updated_at)) }}</td>

                        
                        <td style="text-align: center;">
                        @if($value->status == 1)
                        	<div class="btn-group">
	                        	<a class="btn btn-xs btn-white" href="{{url('admin/settings/security_questions/edit/'. $value->id)}}">
		                        	<i class="fa fa-edit"></i>
		                        	Edit
	                        	</a>
	                        	<button type="button" class="btn btn-xs btn-white dropdown-toggle" data-toggle="dropdown">
		                        	<span class="caret"></span>
		                        	<span class="sr-only">Toggle Dropdown</span>
	                        	</button>
	                        	<ul class="dropdown-menu xs pull-right" role="menu">
		                        	<li>
		                        		<a href="{{url('admin/settings/security_questions/delete/'.$value->id)}}" class="delete-{{$value->id}}" ><i class="fa fa-trash-o"></i>Delete</a>
		                        	</li>
	                        	</ul>
	                        </div>
	                        <script type="text/javascript">
                                $( document ).ready(function() {
                                    $(".delete-{{$value->id}}").on("click", function(e){
                                        
                                        e.preventDefault();

                                        $.Zebra_Dialog("<strong>Are you sure?</strong>", {
                                            type: "question",
                                            title: "Delete?",
                                            buttons: [
                                                {caption: "Yes", callback: function() { window.location = "{{url('admin/settings/security_questions/delete/'.$value->id)}}"; }},
                                                {caption: "No", callback: function() {   }},
                                            ],
                                            width: 280
                                        });

                                    });
                                });

							</script>
                        @else
                                <div class="btn-group" style="visibility: hidden;">
                                    <a class="btn btn-xs btn-white" href="void;">
                                        <i class="glyphicon glyphicon-minus"></i>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    </a>

                                </div>
 
                        @endif
                        </td>
                        
 
                    </tr>
          
                @endforeach
            </tbody>
        @else
            <tbody>
                <tr>
                    <td class="empty-text" colspan="10" style="background-color: #fff!important;">
                        <div class="list-empty-text"> @lang('messages.No questions found.') </div>
                    </td>
                </tr>
            </tbody>
        @endif 
    </table>