@extends('layouts.master')

@section('title')
Rubrique 1
@endsection

@section('content')
<div class="container-fluid">

<!-- Bouton ajouter -->
<div class="d-sm-flex align-items-center justify-content-end mb-4">
<a href="#collapseAssign" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"
data-toggle="collapse" role="button">
<i class="fas fa-plus fa-sm text-white-50"></i> Ajouter une rubrique 1
</a>
</div>


<div class="row">
<div class="col-lg-6 mx-auto">

<div class="card shadow mb-4 collapse" id="collapseAssign">
<div class="card-body">

<form method="POST" action="{{ route('rubrique1s.store') }}">
@csrf

<!-- Libellé -->
<div class="row mb-3">
<div class="col-12">
<label class="form-label">Libellé</label>

<input type="text"
class="form-control @error('libelle') is-invalid @enderror"
name="libelle"
value="{{ old('libelle') }}"
placeholder="Saisir le libellé">

@error('libelle')
<div class="invalid-feedback">{{ $message }}</div>
@enderror

</div>
</div>

<!-- Bouton -->
<div class="row mt-3">
<div class="col-md-6 mx-auto">

<button type="submit" class="btn btn-primary w-100">
Enregistrer
</button>

</div>
</div>

</form>

</div>
</div>
</div>
</div>



<!-- Tableau -->

<div class="card shadow mb-4">

<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">
Liste des rubriques 1
</h6>
</div>

<div class="card-body">

<div class="table-responsive">

<table class="table table-bordered table-striped" id="dataTable"
width="100%" cellspacing="0" style="font-size:0.8em;">

<thead class="thead-dark">

<tr>
<th>Libellé</th>
<th>Enregistré(e) le...</th>
<th>Editer</th>
</tr>

</thead>

<tbody>

@foreach ($rubrique1s as $rubrique)

<tr>

<td>{{ $rubrique->libelle }}</td>

<td>{{ $rubrique->created_at->format('d/m/Y') }}</td>

<td class="text-right">

<a href="{{ route('rubrique1s.edit',$rubrique->id) }}"
class="btn btn-warning btn-circle btn-sm">
<i class="fas fa-edit"></i>
</a>

<a href="#"
class="btn btn-danger btn-circle btn-sm"
onclick="if(confirm('Voulez-vous supprimer cette rubrique ?')){document.getElementById('form-{{$rubrique->id}}').submit()}">
<i class="fas fa-trash"></i>
</a>

<form id="form-{{$rubrique->id}}"
action="{{ route('rubrique1s.destroy',$rubrique->id) }}"
method="POST">

@csrf
@method('DELETE')

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>
</div>
</div>

</div>
@endsection