@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')

@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Ressources') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Ressources') }}
@endsection

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

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

	@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale'])

@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='[[ 0, "asc" ]]'>
				 <thead class="thead-dark">

					<tr>
						<th>{{ __('Nom') }}</th>
						<th>{{ __('Commentaire') }}</th>
						<th class="text-right">{{ __('Actions') }}</th>

					</tr>
				</thead>
				<tbody>

				@foreach ($resources as $element)

				<tr>
				  <td> {{ $element->res_name }}</td>

				  <td> {{ $element->res_comment }}</td>

				  <td class="text-right">
					<button id="btn_edit_{{ $element->res_id }}" data-id="{{ $element->res_id }}" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier">{{ __('Modifier') }}</button>
					<button type="button"
						class='btn btn-sm btn-danger btn-delete btn-circle'
						data-toggle="tooltip"
						title="Supprimer"
						id="btn_suppr_{{ $element->res_id }}" data-id="{{ $element->res_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/resources/list.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('CU_resource') }}" enctype="multipart/form-data">
			<input type="hidden" name="type_maj" id="type_maj" value="C">
			<input type="hidden" name="id_resource" id="id_resource" value="">
        @csrf
        {{ csrf_field() }}
          <div class="modal-content">
			  <div class="modal-header bg-info">
				<h4 class="modal-title text-center">{{ __('Type de ressource') }}</h4>
				<span id="mod_header_desc">{{ __('Modification') }}</span>
			  </div>

              <div class="modal-body">

				<div class="row">
					<div class="col-md-12">

							<div class="form-group">
								<label>{{ __('Nom') }}</label>
								<input class="form-control" name="res_name" id="res_name" type="text" value="" required>
							</div>
							<div class="form-group">
								<label>{{ __('Commentaire') }}</label>
								<input class="form-control" name="res_comment" id="res_comment" 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