@extends('backoffice.admin.layout')
@section('content')
@php
    $feat = features()->find($id);
@endphp
<div class="row">
    <div class="col-md-4">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">Mettre à jour un package</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <form action="{{route('admin.packages.features.update', $feat->id)}}" method="POST">@csrf
                    <div class="form-group">
                        <label for="name">Nom de la fonctionnalité</label>
                        <input type="text" name="name" value="{{$feat->name}}" required class="form-control" id="name">
                    </div>
                    <a href="{{route('admin.packages.features.delete', $feat->id)}}" data-toggle="modal" data-target="#deleteFeature" type="submit" class="btn bg-danger"><i class="fa fa-trash"></i></a>
                    <button type="submit" class="btn w-50 btn-primary">Mettre à jour</button>
                    <a href="{{route('admin.packages.features', $feat->type)}}" type="submit" class="btn w-25 iq-bg-danger">Annuler</a>
                </form>
            </div>
        </div>

    </div>
    <div class="col-md-8">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">{{$pagename ?? ""}}: {{$feat->type}}</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <div class="table-responsive">
                    <table id="datatable" class="table table-striped table-bordered">
                       <thead>
                          <tr>
                             <th>Nom de la fonctionnalité</th>
                             <th style="width: 2%">Action</th>
                          </tr>
                       </thead>
                       <tbody>

                        @foreach (features()->where('type', $feat->type) as $feature)
                        <tr>
                            <td>{{$feature->name}}</td>
                            <td><a class="btn btn-sm btn-primary" href="{{route('admin.packages.features.edit', $feature->id)}}">Modifier</a></td>
                         </tr>
                        @endforeach

                       </tbody>
                       <tfoot>
                        <tr>
                            <th>Nom de la fonctionnalité</th>
                            <th style="width: 2%">Action</th>
                         </tr>
                       </tfoot>
                    </table>
                 </div>
            </div>
        </div>

    </div>

</div>




    <!-- Modal -->
    <div class="modal fade" id="deleteFeature" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
       <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
             <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Confirmation de suppression</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                </button>
             </div>
             <div class="modal-body">
                <h5 class="text-center ">Vous êtes sur le point de supprimer la fonctionnalité: <br> <strong>{{$feat->name}}</strong> <br><small class="text-danger">Cet action est irreverssible !</small></h5>
             </div>
             <div class="modal-footer d-flex justify-content-between">
                <a href="{{route('admin.packages.features.delete', $feat->id)}}" type="button" class="btn btn-danger">Confirmer la suppression</a>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>

             </div>
          </div>
       </div>
    </div>
@endsection