@extends('layouts.layout-2')

@section('content')
    <div class="card">
        <h6 class="card-header d-flex justify-content-between align-items-center">
            <span>{{ __('Produktionen') }}</span>
            <a href="{{ route('admin.inventory.productions.create') }}" class="btn btn-sm btn-primary">{{ __('Neue Produktion') }}</a>
        </h6>
        <div class="card-datatable table-responsive">
            <table class="datatables-style table table-striped table-bordered">
                <thead>
                <tr>
                    <th>{{ __('Datum') }}</th>
                    <th>{{ __('Produkt') }}</th>
                    <th>{{ __('Stück') }}</th>
                    <th>{{ __('Standort') }}</th>
                    <th>{{ __('MHD-Hinweis') }}</th>
                    <th style="max-width: 80px;"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($values as $row)
                    <tr>
                        <td data-sort="{{ $row->produced_at?->timestamp ?? 0 }}">{{ $row->produced_at?->format('d.m.Y') }}</td>
                        <td>{{ $row->product?->name ?? '—' }}</td>
                        <td>{{ $row->quantity }}</td>
                        <td>{{ $row->location?->name ?? '—' }}</td>
                        <td>
                            @if($row->mhd_warning)
                                <span class="badge badge-warning">{{ __('Ja') }}</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="text-nowrap">
                            <a href="{{ route('admin.inventory.productions.show', $row) }}" class="btn icon-btn btn-sm btn-primary" title="{{ __('Details') }}">
                                <span class="far fa-eye"></span>
                            </a>
                            <a href="{{ route('admin.inventory.productions.edit', $row) }}" class="btn icon-btn btn-sm btn-outline-primary" title="{{ __('Bearbeiten') }}">
                                <span class="far fa-edit"></span>
                            </a>
                            <a href="{{ route('admin.inventory.productions.copy', $row) }}" class="btn icon-btn btn-sm btn-outline-secondary" title="{{ __('Kopieren') }}">
                                <span class="far fa-copy"></span>
                            </a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('.datatables-style').dataTable({
                "bLengthChange": false,
                "iDisplayLength": 100,
                "order": [[0, "desc"]],
                "language": {"url": "/js/German.json"}
            });
        });
    </script>
@endsection