@extends('admin.layouts.default') 
@section('content')
<div class="content-i">
    <div class="content-box">
        <div class="element-wrapper">
            <div class="element-box">
                <h5 class="form-header">
                    Les offres
                </h5>
                <table  class="table table-striped table-lightfont">
                    <thead>
                        <tr>
                            <th>Libellé</th>
                            <th width="150" class="text-center">Essentiel</th>
                            <th width="150" class="text-center">Incontournable</th>
                            <th width="150" class="text-center">Fantastique</th>
                            <th width="20" class="text-center"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach( $offres as $offre)
                        <tr>
                            <td>{{$offre->libelle}}</td>
                            <td class="text-center">{{$offre->valeur_1}}</td>
                            <td class="text-center">{{$offre->valeur_2}}</td>
                            <td class="text-center">{{$offre->valeur_3}}</td>
                            <td align="right">
                                <a  href="" class="btn btn-sm btn-primary" data-target="#modal-{{$offre->id}}" data-toggle="modal" ><i class="fa fa-pencil"></i></a>
                                @include('admin.partials.modals.offre', $offre)
                            </td>
                        </tr>
                        @endforeach
                        <form method="post" action="{{route('admin.addOffre')}}">
                            {{csrf_field()}}
                            <tr>
                                <td>
                                    <input type="text" required="" name="libelle" class="form-control" placeholder="Ajouter libelle"> </td>
                                <td>
                                    <input type="text" required="" name="valeur_1" class="form-control" placeholder="Valeur">
                                </td>
                                <td>
                                    <input type="text" required="" name="valeur_2" class="form-control" placeholder="Valeur">
                                </td>
                                <td>
                                    <input type="text" required="" name="valeur_3" class="form-control" placeholder="Valeur">
                                </td>
                                <td>
                                    <button class="btn btn-primary" type="submit"> Ajouter</button>
                                </td>
                            </tr>
                        </form>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection