@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Check list de contrôle') }}
@endsection
@section('titre_page')
{{ __('Liste') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">

</small>
@endsection
<!-- ************************************** -->
@section('contenu')

<div class="row">
    <div class="col-md-4">
        <a class="btn btn-info btn-add-new" id="btn_ajout" href="checklists/create">
            {{ __('Ajouter') }} </a>
    </div>
    <div class="col-md-8">
    </div>
</div>

<!-- Main content -->

<div class="row">
    <div class="col-md-12">
        <div class="record-total-wrapper mt-3"></div>
        <table id="results" class="table table-compact table-hover table-striped nomargin">
            <thead class="">
                <tr>
                    <th>{{ __('#') }}</th>
                    <th>{{ __('Description') }}</th>
                    <th width="15%" class="action">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($checklists as $element)

                <tr>
                    <td> {{ $element->che_id }}</td>
                    <td><b> {{ $element->che_description }} </b></td>

                    <td class="text-right">
                        <a href="/checklists/{{ $element->che_id }}/edit">
                            <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->che_id }}" data-id="{{ $element->che_id }}">
                            {{ __('Supprimer') }}
                        </button>
                    </td>

                </tr>
                @endForeach
            </tbody>
        </table>


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

@endsection

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

@section('modale')
@include('modales.delete_standard')
@endsection