@extends('layout')

@section('title', 'Crud Example List')

@section('content')
<div class="container mt-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="display-4 text-primary">Blade - Crud Example List</h1>
        <a href="/crudexample/create" class="btn btn-success btn-lg">Add New Item</a>
    </div>
    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead class="table-dark">
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Company</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($crudexample as $item)
                    <tr>
                        <td>{{ $item['id'] }}</td>
                        <td>{{ $item['name'] }}</td>
                        <td>{{ $item['company'] }}</td>
                        <td>
                            <div class="d-flex">
                                <a href="/crudexample/show/{{ $item['id'] }}" class="btn btn-info btn-sm mr-1">View</a>
                                <a href="/crudexample/edit/{{ $item['id'] }}" class="btn btn-warning btn-sm mr-1">Edit</a>
                                <form action="/crudexample/delete/{{ $item['id'] }}" method="POST" class="d-inline">
                                    {{ csrf() }}
                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection