@extends('layouts.app')
@section('title','সকল সার্কেল')
@section('content')
<div class="col-md-12 ui-sortable">
	<div class="panel panel-inverse">
	    <div class="panel-heading">
	    	<div class="panel-heading-btn">	        	
	            <a href="javascript:;" class="btn btn-xs btn-icon btn-active" data-click="panel-expand"><i class="fa fa-expand"></i></a>
	        </div>
	        <h4 class="panel-title">
	        	@yield('title')
	        </h4>
	    </div>
	    <div class="panel-body">
			<a href="{{ route('circle.create') }}" class="btn btn-xs btn-success" title="সার্কেল যোগ">সার্কেল যোগ</a>
	        <table class="table table-bordered" width="100%" id="data-table">
		        <thead>
					<tr>
						<th width="3%">ক্রমিক</th>
						<th>সার্কেলের নাম</th>
						<th width="15%">সার্কেল নং</th>
						<th>স্ট্যাটাস</th>
						<th width="20%">অ্যাকশন</th>
					</tr>
				</thead>
				<tbody>
 				@foreach ($circles as $key => $circle)
				
				<tr id="">
					<td>{{ convertNumber($key + 1) }}</td>
					<td>{{ $circle->name }}</td>
					<td>{{ convertNumber($circle->circle_no) }}</td>
					<td>
						@if($circle->status===1)
						<span class="badge badge-info">সক্রিয়</span>
						@elseif($circle->status===0)
						<span class="badge badge-warning">নিষ্ক্রিয়</span>
						@endif
					</td>
					<td class="btn-action">
						<a href="{{ route('circle.edit',$circle->id) }}" class="btn btn-xs btn-success" title="সম্পাদনা">সম্পাদনা</a> |			
						<a href="javascript:void(0)" id="delete" class="btn btn-xs btn-danger" title="মুছুন" disabled="disabled">মুছুন </a> |
						 
						<a href="javascript:void(0)" id="#" class="btn btn-xs btn-info" title="" disabled>সক্রিয়</a>
						 
					</td>
				</tr>
 				 @endforeach
				</tbody>				
			</table>
	    </div>
	     
	</div>
</div>
@include('datatable.datatable')
<script>
	$(function(){
		$('.addNewButton').on('click',function(){
			window.location.href = "{{ route('circle.create') }}"
		})
	})
	
</script>
@endsection