@extends('layouts.admin')

@section('title', 'Products')

@section('buttons')
    <a href="{{ route('admin.products.create') }}" class="btn btn-success">New</a>
@endsection

@section('content')
    <div class="card">
        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Image</th>
                    <th>Name</th>
                    <th>Price in USD</th>
                    <th>Crystals amount</th>
                    <th class="w-1"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                    <tr>
                        <td>{{ $product->id }}</td>
                        <td>
                            <a href="{{ $product->getFirstMediaUrl() }}" target="_blank">
                                <img src="{{ $product->getFirstMediaUrl() }}" style="max-width: 40px;">
                            </a>
                        </td>
                        <td>{{ $product->name }}</td>
                        <td>{{ $product->price_eur }}</td>
                        <td>{{ $product->crystals }}</td>
                        <td>
                            <a href="{{ route('admin.products.edit', $product->id) }}" class="btn btn-warning">Edit</a>
                            <form method="POST" action="{{ route('admin.products.destroy', $product->id) }}" style="display: inline-block;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection