@extends('layouts.admin')
@section('content-title')
	{{ __('testimonies.Testimonies managements') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.testimonies')}}
@endsection

@section('content')

<div class="card-box tilebox-one noradius">
	<section>
		<h2 class="page-header">{{ __('testimonies.List of Testimonies')}}</h2>
		

		@if(session()->has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{ session()->get('success') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		@if(session()->has('deleted'))
		<div class="alert alert-warning alert-dismissible fade show" role="alert">
			{{ session()->get('deleted') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		<table class="table table-responsive-xl table-bordered table-striped">
			<thead>
				<tr>
					<th scope="col" width="10">#</th>
					<th scope="col">{{ __('testimonies.Full_name') }}</th>
					<th scope="col">{{ __('testimonies.Function') }}</th>
					<th scope="col">{{ __('testimonies.Object') }}</th>
					<th scope="col">{{ __('testimonies.Validate') }}</th>
					
				</tr>
			</thead>
			<tbody>
				@if($testimonies->isEmpty())
				<h2>{{ __('testimonies.No testimonies to load') }}</h2>
				@endif

				@foreach($testimonies as $key =>$testimony)
				
				<tr id="viewModal{{ $testimonies->firstItem()+$key }}">
					
						<th scope="row">{{ $testimonies->firstItem()+$key }}</th>
						<td id='testimpny-modal'>
							{{strtoupper($testimony->first_name) }} {{ ucfirst($testimony->last_name) }}
						</td>
						<td id='testimpny-modal0'>{{ $testimony->function }}</td>
						<td>{{ str_limit($testimony->object,50) }}</td>
						<td id='testimpny-modal1' class="d-none">{{ $testimony->object }}</td>
						<td id='testimpny-modal2' class="d-none">
								{{ $testimony->testinony_text }}
						</td>
						<td>@if($testimony->validate ==1) 
								{{__('testimonies.Yes') }}  
								@else {{__('testimonies.No') }} 
							@endif
						</td>	
						<td class="testimony-actions" style="border:0;color:white;"> 
							{!!Form::open()->attrs(['style'=>'display:inline','class'=>'viewTestimony'])!!}
							{!!Form::hidden('id')->value($testimony->id)!!}
						
							{!!Form::button('<span class="fa fa-eye " ></span>')->attrs(['class' => "btn-sm thumbnail", 'type' => 'submit','aria-hidden' => "true"])->color('info')->id($testimonies->firstItem()+$key)!!}
							{!!Form::close()!!}

							{!!Form::open()->locale('')->post()->route('admin.testimony.update')->attrs(['style'=>'display:inline'])!!}
							{!!Form::hidden('id')->value($testimony->id)!!}
							
							{!!Form::hidden('validate')->value($testimony->validate)!!}
							@if($testimony->validate ==1) 
								{!!Form::submit('<span class="fa fa-close" ></span>')->attrs(['class' => 'btn-sm','data-toggle' => "tooltip",'data-placement' =>"top",'data-original-title' => (__('testimonies.Revoke Testimony'))])->color('warning')!!}
							@else   
								{!!Form::submit('<span class="fa fa-check" ></span>')->attrs(['class' => 'btn-sm','data-toggle' => "tooltip",'data-placement' =>"top",'data-original-title' => (__('testimonies.Validate Testimony'))])->color('success')!!}
							@endif
							{!!Form::close()!!}

							{!!Form::open()->post()->route('admin.testimony.delete')->attrs(['style'=>'display:inline','class'=>'deleteTestimony'])!!}
							{!!Form::hidden('id')->value($testimony->id)!!}
							{!!Form::submit('<span class="fa fa-trash" ></span>')->attrs(['class' => 'btn-sm'])->color('danger')!!}
							{!!Form::close()!!}

						</td>
					
				</tr>

				
				@endforeach
			</tbody>
		</table>
		{{ $testimonies->links() }}
	</section>
	<!-- Modal  -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header" style='background-color:#262d33;'>
		      	<h5 class="modal-title" id="myModalLabel" style="color:white;"></h4>
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:white;">×</button>
		        
		      </div>
		      <div class="modal-body">
		       	<p id="modal-view-testimony0" style="margin-bottom:0px;"></p>
		       	<p id="modal-view-testimony1"></p>
		       	<p id="modal-view-testimony2"></p>
		      </div>
		    </div>
		  </div>
		</div>
	<!-- /Modal -->
</div>


@endsection

@section('javascript')
<!-- auto close alert -->
	<script type="text/javascript">
		window.setTimeout(function() {
	    $(".alert").fadeTo(500, 0).slideUp(500, function(){
	        $(this).remove(); 
	    });
		}, 2000);
	</script>
	<!-- comfirm delete -->
	<script type="text/javascript">
	    $(".deleteTestimony").on("submit", function(){
	        return confirm("Do you want to delete this item?");
	    });
	</script>
	<!-- show tooltips -->
	<script>
		$(function(){
		    $('[data-toggle="tooltip"]').tooltip(); 
		});
	</script>
	<!-- modal view -->
	<script type="text/javascript">
		(function($) {
	    $('.thumbnail').on('click', function(){
	    	var testimony_labels=["{{ __('testimonies.Function') }}","{{ __('testimonies.Object') }}","{{ __('testimonies.Testinony_Text') }}"];
	       $('#myModal').find('#myModalLabel').html("{{ __('testimonies.Testimony') }}"+ '  '+$('#viewModal'+this.id).find('#testimpny-modal').html());	
			for(i=0;i<=2;i++)
			{
				$('#myModal').find('#modal-view-testimony'+i).html(testimony_labels[i]+ ' : '+$('#viewModal'+this.id).find('#testimpny-modal'+i).html());
			}

	        $('#myModal').modal('show');
	        return false;
	    });
		})(jQuery);
	</script>
@endsection