@extends('admin.layout')
@section('content')
    @if (session('successMsg'))
        <div  class="alert alert-success" role="alert">
            {{(session('successMsg'))}}
        </div>
    @endif
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">DataTable with default features</h3>
        </div>
        <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr  >
                    <th>ID</th>
                    <th>Nom de la catégorie</th>
                    <th>active</th>
                    <th>Action</th>

                </tr>
                </thead>
                <tbody>
                @foreach($data as $c)
                    <tr>
                        <td style="width: 10%">{{ $c->id }}</td>
                        <td  style="width: 30%">{{ $c->name }}</td>
                        <td  style="width: 30%" id="enable_{{$c->id}}" >
                            @if($c->active==1)
                                <i  onclick="enable('{{$c->id}}','1')" class="icon fas fa-check"></i>
                            @else
                                <i  onclick="enable('{{$c->id}}','0')" class="icon fas fa-ban"></i>
                                @endif
                            </td>
                        <td  style="width: 15%">
                            <a type="button" href="{{route ('edit',$c->id)}}" class="btn btn-info">
                                edit </a>
                            <form method="POST" id="delete-from-{{ $c->id}}" action="{{route ('delete',$c->id)}} " style="display:none;">
                                {{ csrf_field() }}
                                {{ method_field('delete') }}
                            </form>
                            <button class="btn btn-danger" onclick="if(confirm('vous etes sure pour supprimer cet categorie ?'))
                                    {
                                    event.preventDefault();
                                    document.getElementById('delete-from-{{ $c->id}}').submit();
                                    }
                                    else
                                    { event.preventDefault(); }">
                                supprimer
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <th>ID</th>
                    <th>Nom de la catégorie</th>

                    <th>Action</th>

                </tr>
                </tfoot>
                </table>
            </div>
        </div>


@endsection