@extends('layouts.app')

@section('title')
    {{ __('List of Tools') }}
@endsection

@section('content')
    <h1 class="mb-5 mt-3">{{ __('Tools') }}</h1>
    <a href="{{ route('tool.create') }}"><button class="btn btn-primary">{{ __('New Tool') }}</button></a>

    <div class="mt-3">

        <table class="table col-sm-3 col-xl-3">
            <thead>
                <tr>
                    <th scope="col">{{ __('Tool name') }}</th>
                    <th scope="col">{{ __('Production Number') }}</th>
                    <th scope="col">{{ __('Supervisor') }}</th>
                    <th scope="col">{{ __('Operator') }}</th>
                    <th scope="col">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>

                @foreach ($tools as $tool)
                    <tr>
                        <td scope="row">{{ $tool->name }}</td>
                        <td>{{ $tool->prod_number }}</td>
                        <td>
                            @foreach ($tool->users as $user)
                                @if ($user->isSupervisor() && $user->active)
                                    {{ $user->name }} <br />
                                @endif
                            @endforeach

                        </td>
                        <td>
                            @foreach ($tool->users as $user)
                                @if ($user->isOperator() && $user->active)
                                    {{ $user->name }} <br />
                                @endif
                            @endforeach

                        </td>
                        <td>
                            <a href="{{ route('tool.edit', $tool->id) }}"><button
                                    class="btn btn-sm btn-primary">{{ __('Edit') }}</button></a>
                            <a href="{{ route('tool.delete', $tool->id) }}"><button class="btn btn-sm btn-danger"
                                    onclick="return confirmAction()">{{ __('Delete') }}</button></a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <script>
        function confirmAction() {
            let answer = confirm("{{ __('Delete?') }}");

            return answer;
        }
    </script>
@endsection