@extends('layouts.template')
@section('content')
<div class="page-header">
  <h1 class="page-title font_lato"> {{ trans('app.membership')}} {{ trans('app.view_all')}} </h1>
  <div class="page-header-actions">
	<ol class="breadcrumb">
		<li><a href="{{URL::to('/dashboard')}}"> {{ trans('app.home')}} </a></li>
	
		<li class="active"> {{ trans('app.membership')}} </li>
	</ol>
  </div>
</div>
 
<div class="page-content" ng-app="">	
<div class="panel">
<div class="panel-body container-fluid">
<!------------------------start insert, update, delete message ---------------->
<!------------------------start insert, update, delete message ---------------->
<div class="row">
@if(session('msg_success'))
	<div class="alert dark alert-icon alert-success alert-dismissible alertDismissible" role="alert">
	  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	  </button>
	  <i class="icon wb-check" aria-hidden="true"></i> 
	  {{session('msg_success')}}
	</div>
@endif
@if(session('msg_update'))
	<div class="alert dark alert-icon alert-info alert-dismissible alertDismissible" role="alert">
	  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	  </button>
	  <i class="icon wb-check" aria-hidden="true"></i> 
	  {{session('msg_update')}}
	</div>
@endif
@if(session('msg_delete'))
	<div class="alert dark alert-icon alert-danger alert-dismissible alertDismissible" role="alert">
	  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	  </button>
	  <i class="icon wb-check" aria-hidden="true"></i> 
	  {{session('msg_delete')}}
	</div>
@endif
</div>
 <div class="bs-example" data-example-id="single-button-dropdown" style="float:right; ">		
<div class="btn-group">
<a href="{{URL::to('addmember')}}" class="btn btn-outline btn-default" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.membership')}}"><i class="icon fa-plus" aria-hidden="true"></i>{{ trans('app.add')}} {{ trans('app.membership')}}</a>			
</div>
<div class="btn-group">
<a href="{{URL::to('usersprint')}}" class="btn btn-outline btn-default" target="_blank" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.print')}}"> <i class="icon fa-print" aria-hidden="true"></i> {{ trans('app.print')}}</a>			
</div>
<div class="btn-group">
<a href="{{URL::to('import')}}" class="btn btn-outline btn-default" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.import')}}"><span class="glyphicon glyphicon-import" aria-hidden="true"></span> {{ trans('app.import')}}</a>			
</div>
<div class="btn-group">
<a href="{{URL::to('pdf')}}" class="btn btn-outline btn-default" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.pdf')}}"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> {{ trans('app.pdf')}}</a>			
</div>
<div class="btn-group">
<a href="{{URL::to('export')}}" class="btn btn-outline btn-default" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.export')}}"><span class="glyphicon glyphicon-export" aria-hidden="true"></span> {{ trans('app.export')}}</a>			
</div>

<div class="btn-group">
	<form class="form-inline ng-pristine ng-valid" action="{{URL::to('memberlist')}}" method="get"> 
		<div class="form-group">  
			<input type="text" name="search" class="form-control" id="search" placeholder="{{ trans('app.search_for_action')}}" value="{{Request::get('search')}}"> 
		
		<button type="submit" class="btn btn-outline btn-default"><i class="icon fa-search" aria-hidden="true"></i></button>
		 
		@if (Request::get('search') != '')
	   <a href="{{URL::to('memberlist')}}" class="btn btn-outline btn-danger" type="button">
		  <i class="icon fa-remove" aria-hidden="true"></i>
		</a>
	@endif
	</div>	
</form>
</div>
</div>
<div style="clear:both;"></div><br/>
<div class="row">
	  <table class="tablesaw table table-striped table-bordered table-responsive table-hover ">
            <thead>
            <th style="width: 4%">SL</th>
                <th>Member ID</th>
                <th>Name</th>
                <th style="width: 20%">E-mail</th>
                <th>Phone</th>
                
                <th style="width: 16%">Actions</th>
            </thead>
                        @foreach($members as $value)
            <tr>
                <td>{{ $sl++ }}</td>
                <td>{{ $value->memberid }}</td>
                <td>{{ $value->first_name }}</td>
                <td>{{ $value->email }}</td>
                <td>{{ $value->phone }}</td>
               
          
            
               
                <td>
                     <a title="{{ trans('app.user_details')}}" data-toggle="tooltip" data-placement="top" data-original-title="View details" class="btn btn-icon btn-primary btn-outline btn-round " href="{{URL::to('show',$value->id)}}"><i class="icon fa-eye" aria-hidden="true"></i></a> 
		 
			  <a title="{{ trans('app.edit')}}" data-toggle="tooltip" data-placement="top" data-original-title="{{ trans('app.edit')}}" class="btn btn-icon btn-info btn-outline btn-round" href="{{URL::to('edit',$value->id)}}"><i class="icon wb-pencil" aria-hidden="true"></i> </a> 
				
				<button data-placement="top" data-toggle="modal" rel="tooltip" title="{{ trans('app.delete')}}"  data-original-title="{{ trans('app.delete')}}"  class="btn btn-icon btn-danger btn-outline btn-round" data-target=".exampleNiftyFlipVertical"  type="button" data-href="{{URL::to('destroy',$value->id)}}"><i class="icon fa-remove" aria-hidden="true"></i></button>
				
				
                    
                   
                </td>
            </tr>
            @endforeach
        </table>

<nav>
{{ $members->links()}}
</nav>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Member Information</h4>
      </div>
      <div class="modal-body">


<div class="col-md-12">
<script>
$(document).ready(function(){
       $(".ftsmodal").click(function(){
       var getvalue=$(this).attr('value');
       var data=getvalue.split('&');
       var nickname=data[0];

$('#nickname').html(nickname);
$('#fullname').html(data[1]);
$('#gender').html(data[2]);
$('#cellphone').html(data[3]);
$('#email').html(data[4]);
$('#presadd').html(data[5]);
$('#joiningdate').html(data[6]);
$('#planid').html(data[7]);
$('#nid').html(data[8]);
$('#passport').html(data[9]);
$('#regid').html(data[10]);
    });
});
</script>
<table class="table table-bordered">
<tr>
    <td>Nick Name</td>
      <td id="nickname"></td>
</tr>
<tr>
    <td>Full Name</td>
      <td id="fullname"></td>
</tr>
<tr>
    <td>Gender</td>
      <td id="gender"></td>
</tr>
<tr>
    <td>cellphone</td>
      <td id="cellphone"></td>
</tr>
<tr>
    <td>email</td>
      <td id="email"></td>
</tr>
<tr>
    <td>presadd</td>
      <td id="presadd"></td>
</tr>
<tr>
    <td>joiningdate</td>
      <td id="joiningdate"></td>
</tr>
<tr>
    <td>planid</td>
      <td id="planid"></td>
</tr>
<tr>
    <td>nid</td>
      <td id="nid"></td>
</tr>
<tr>
    <td>passport</td>
      <td id="passport"></td>
</tr>
<tr>
    <td>regid</td>
      <td id="regid"></td>
</tr>
</table>

</div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<!-- /.row -->
</div>
</div><br/>
@stop