@extends('backoffice.admin.layout')
@section('content')

<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">Ajouter un package</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <form action="{{route('admin.packages.features.store', $type)}}" method="POST">@csrf
                    <div class="form-group">
                        <label for="name">Nom de la fonctionnalité</label>
                        <input type="text" name="name" required class="form-control" id="name">
                    </div>
                    <button type="submit" class="btn w-50 btn-primary">Ajouter</button>
                    <a href="{{route('admin')}}" 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 ?? ""}}: {{$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', $type) as $package)
                        <tr>
                            <td>{{$package->name}}</td>
                            <td><a class="btn btn-sm btn-primary" href="{{route('admin.packages.features.edit', $package->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>
@endsection