@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Articles") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Articles") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Liste") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')	
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')

		<div class="row">
			<div class="col-md-12">
				<div class="card card-info">
		 			<div class="card-body p-100">
						<div class="table-responsive">
							<table id="results" class="table table-striped table-compact table-advance table-hover"  width="100%" cellspacing="0" >
								<thead class="thead-dark">
									<tr>
										<th style="width: 1005px;">{{ __("Nom") }}</th>
										<th style="width: 203px;">{{ __("Actif") }}</th>
										<th class="action">{{ __("Actions") }}</th>						
									</tr>
								</thead>
								<tbody>
									@foreach ($articles as $article)
										<tr>
											<td><strong>{!! $article->art_nameFr !!}</strong></td>
											<td> 
												@if ($article->art_active == 1)
												  <i class="fas fa-check"></i>
												@endif
											</td>
											<td class="action">							
												<button type="button"
                                                class='btn btn-sm btn-success btn-edit btn-circle' 
                                                data-toggle="tooltip"
                                                title="Modifier"
                                                id="btn_edit_{{ $article->art_id }}" data-id="{{ $article->art_id }}">
                                                {{ __("Modifier") }}
                                                </button> 

												<button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $article->art_id }}" data-id="{{ $article->art_id }}">
												{{ __("Supprimer") }}
												</button>
											</td>
										</tr>
									@endforeach  
								</tbody>
							</table>
						</div>
					</div>
				</div>
		  </div>
	</div>

@endsection

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

@section('modale')
<!-- Modale AJOUT -->
<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
        <form method="post" class="" id="form_modaleajout" name="form_modaleajout" action="{{ route('create_article') }}" enctype="multipart/form-data"> 
          
        @csrf    
        {{ csrf_field() }}    
          <div class="modal-content">
			  <div class="modal-header bg-danger">				  
				<h4 class="modal-title text-center">{{ __("Article") }}</h4>
				<span id="mod_header_desc">{{ __("Modification") }}</span>
			  </div>

              <div class="modal-body">
               
				<div class="row">
					<div class="col-md-12">
                        <input type="hidden" name="art_id" id="art_id">  
                        <input type="hidden" name="type_maj" id="type_maj">                  

                        @component('components.cb_ouinon',['title' => 'Actif',
                        'name' => 'art_active',
                        'value' => '1']);
                        @endcomponent
                        
                        <div class="form-group">
                            <label>{{ __("Nom") }}</label>
                            <input class="form-control" name="art_nameFr" id="art_nameFr" type="text" value="">
                        </div>
					</div>
				</div>			
				
              </div>
              <div class="modal-footer">
                  <center>                      
					  <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA"  data-dismiss="modal" class="btn btn-abort">{{ __("Annuler") }}</button>
					  <button type="submit" class="btn btn-save">{{ __("Enregistrer") }}</button>
                  </center>
              </div>
 
              </form>
          </div>
    </div>
   </div>

   @include('modales.delete_standard') 	

@endsection