@extends('admin.master')
@section('admin-content')
<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title">الأحرف</h3>
				<div class="box-tools">
					<div class="input-group input-group-sm" style="width: 150px;">
						<input type="text" id="search" name="table_search" class="form-control pull-right" placeholder="إبحث">

						<div class="input-group-btn">
							<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
						</div>
					</div>
				</div>
			</div>

			<a id="addLetter" href="/admin-panel/add-letter" class="btn btn-default" style="margin:10px;">
				أضف حرف <span class="fa fa-plus"></span>
			</a>  

			<a id="delete-letter" class="btn btn-default disabled" style="margin:10px;">
				إحذف <span class="fa fa-trash-o"></span>
			</a>
			<a id="refresh" class="btn btn-default" style="margin:10px;">
				تنشيط <span class="fa fa-refresh"></span>
			</a>


			@if($letters)

			<!-- /.box-header -->
			<div class="box-body table-responsive no-padding">
				<table class="table table-hover">
					<tr>
						<th>
							<button type="button" id="checkall_letters" class="btn btn-default btn-sm checkbox-toggle">
								<i class="fa fa-square-o"></i>
            				</button>  حدد الكل
						</th>
						<th>الحرف</th>
						
						<th>عدل</th>
					</tr>
					@foreach($letters as $letter)
					<tr>
						<td><input type="checkbox" class="check" value="{{$letter->id}}"/></td>
						<td><a href="/admin-panel/letter-books/{{$letter->id}}"><h3>{{$letter->letter}}</h3></a></td>
						
						<td>
							<a href="/admin-panel/edit-letter/{{$letter->id}}" letter-id="{{$letter->id}}" class="btn btn-default edit-letter" >
								عدل <span class="fa fa-edit"></span>
							</a>
						</td>
					</tr>
					@endforeach
				</table>
				{{ $letters_count }} أحرف &nbsp;/ &nbsp;&nbsp;&nbsp; {{ $letters->currentPage() }} - {{ $letters->perPage()}}
				{!! $letters->render() !!}
				@else
            	<div class="alert alert-danger no-margin">عفوا ... لا يوجد أحرف</div>
				@endif
			</div>
			<!-- /.box-body -->
		</div>
		<!-- /.box -->
	</div>
</div>
@endsection