@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</th>
                    <th>categorie</th>
                    <th>Prix</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%">{{ $c->categorie->name }}</td>
                        <td  style="width: 30%">{{ $c->prix }}</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 ('destroy',$c->id)}} " style="display:none;">
                                @csrf
                                {{ method_field('delete') }}
                            </form>
                            <button class="btn btn-danger" onclick="if(confirm('vous etes sure pour supprimer ce produit ?'))
                                    {
                                    event.preventDefault();
                                    document.getElementById('delete-from-{{ $c->id}}').submit();
                                    }
                                    else
                                    { event.preventDefault(); }">
                                supprimer
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>

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


@endsection