@extends('layouts.app')

@section('content')

<div class="container">

    <div class="d-flex justify-content-between mb-3">

        <h4>Package List</h4>

        <a href="{{ route('packages.create') }}"
           class="btn btn-success">

            Add Package

        </a>

    </div>

    <table class="table table-bordered">

        <thead>

        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Speed</th>
            <th>Price</th>
            <th>MikroTik Profile</th>
        </tr>

        </thead>

        <tbody>

        @foreach($packages as $package)

        <tr>

            <td>{{ $package->id }}</td>

            <td>{{ $package->package_name }}</td>

            <td>{{ $package->speed }}</td>

            <td>{{ $package->price }}</td>

            <td>{{ $package->mikrotik_profile }}</td>

            <td>

    <a href="{{ route('packages.edit',$package->id) }}"
       class="btn btn-primary btn-sm">
        Edit
    </a>

    <form action="{{ route('packages.destroy',$package->id) }}"
          method="POST"
          style="display:inline;">

        @csrf
        @method('DELETE')

        <button type="submit"
                class="btn btn-danger btn-sm"
                onclick="return confirm('Delete this package?')">
            Delete
        </button>

    </form>

</td>

        </tr>

        @endforeach

        </tbody>

    </table>

</div>

@endsection