@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
 
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Catégories") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Catégories") }}
@endsection

<!-- ************************************** -->
@section('titre_page')
{{ __("Liste") }}
@endsection

<!-- ************************************** -->
@section('panel_boutons')	
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'route', 'btn_imprim'=> true, 'btn_export'=> true])
@endsection

<!-- ************************************** -->
@section('contenu')

<!-- Main content -->
<div class="panel">

<section class="content">
	<div class="row">

	  <!-- /.col -->
	
	  <div class="col-md-12">
		<div class="card card-info">
		 
		  <!-- /.card-header -->
		  <div class="card-body p-100">
			
			<div class="table-responsive mailbox-messages">
				<table id="results" class="table table-compact table-hover table-striped" data-order='[[ 2, "asc" ]]'>
				 <thead class="thead-dark">
				
					<tr>
						<th>#</th>	
						<th>{{ __("Code") }}</th>						
						<th>{{ __("Libelle") }}</th>						
						<th>{{ __("Actif") }}</th>
						<th class="text-right">{{ __("Actions") }}</th>						
						
					</tr>
				</thead>
				<tbody>
				
				@foreach ($categories as $element)

				<tr>
				  <td> {{ $element->genCosCat_id }}</td>
				  
				  <td> {{ $element->genCosCat_code }}</td>	
				  <td><b> {{ $element->genCosCat_nameFr }} </b></td>
				  <td> @if ($element->genCosCat_active == 1)
						<i class="fas fa-check"></i>
						@endif
				  </td>
				
				  <td class="text-right">
					<a href="/categories/{{ $element->genCosCat_id }}/editCategory">
						<button class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier">{{ __("Modifier") }}</button>
					</a>
					<button type="button"
						class='btn btn-sm btn-danger btn-delete btn-circle' 
						data-toggle="tooltip"
						title="Supprimer"
						id="btn_suppr_{{ $element->genCosCat_id }}" data-id="{{ $element->genCosCat_id }}">
						{{ __("Supprimer") }}
						</button>
				  </td>
				  
				</tr>
				@endForeach
				
				</tbody>
			  </table>
			  <!-- /.table -->
			</div>
			<!-- /.mail-box-messages -->
		  </div>
		  <!-- /.card-body -->
		 
		</div>
		<!-- /.card -->
	  </div>
	  <!-- /.col -->


	</div>
	<!-- /.row -->
  </section>
  <!-- /.content -->
</div>

@endsection

@section('js_footer')
	<script src="{{ asset('js/categories/list.js')}}"></script>
@endsection

@section('modale')

   @include('modales.delete_standard') 	

@endsection