@extends('layouts.app')

@section('content')
    <div class="content">
        @php
            $tooltip = __('titles.the_equipment_is_functioning_normally');

            if ($machinery->status->value == 'faulty_defective') {
                $tooltip = __(
                    'titles.the_equipment_is_malfunctioning_but_not_yet_assessed',
                );
            } elseif ($machinery->status->value == 'under_maintenance') {
                $tooltip = __('titles.the_equipment_is_actively_being_serviced');
            } elseif ($machinery->status->value == 'not_in_use') {
                $tooltip = __(
                    'titles.the_equipment_cannot_be_repaired_and_is_written_off',
                );
            }

            $title = "<div class='flex items-center gap-2'>" . $machinery->name . ' <div data-toggle="tooltip" data-placement="top" title="'.$tooltip.'" class="w-fit">' . view('components.badge', ['status' => $machinery->status->value, 'translate_from_forms' => true]) . "</div></div>";
            $breadcrumbs = "<nav class='flex mb-4' aria-label='Breadcrumb'>
                    <ol class='inline-flex items-center gap-1 md:gap-2'>
                        <li class='inline-flex items-center'>
                            <a href='".route('machineries.index')."' class='text-gray-500 hover:text-gray-700'>
                                ".__('machineries.title')."
                            </a>
                        </li>
                        <li>
                            <div class='flex items-center'>
                                <svg class='w-6 h-6 text-gray-400' fill='currentColor' viewBox='0 0 20 20'>
                                    <path fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd'></path>
                                </svg>
                                <span class='ml-1 text-gray-500'>$machinery->name</span>
                            </div>
                        </li>
                    </ol>
                </nav>";

        @endphp
        <x-content.header :title="$title" :subTitle="$breadcrumbs">
            <x-slot:headerRight>

                @can('update', $machinery)
                    <a class="btn-secondary-sm gap-2 px-2 w-auto" href="{{ url('machineries/' . $machinery->id . '/edit') }}"
                        data-id="{{ $machinery->id }}">
                        <x-svg-icon icon="icon-edit" /> {{ trans('forms.lbl_edit') }}
                    </a>
                @endcan

                @can('update', $machinery)
                    <button
                        onclick="Livewire.dispatch('openStatusModal', { status: '{{ $machinery->status->value }}' })"
                        class="btn-primary-sm gap-0 px-2 w-auto"
                    >
                        <x-svg-icon icon="icon-rotate" />
                        {{ __('forms.lbl_change_status') }}
                    </button>
                @endcan

                @if($machinery->responsibleUsers()->contains('id', auth()->user()->id) )
                    <button type="button" class="btn-secondary-sm gap-0 px-2 w-auto"
                        onclick="Livewire.dispatch(
                            'openModal', {
                                component: 'machinery::maintenances.form-modal',
                                arguments: { title: '{{trans('title.create_new_maintenance')}}', machineryId: {{ $machinery->id }}}
                            })"
                        >
                        <x-svg-icon icon="plus" /> {{trans('title.create_new_maintenance')}}
                    </button>
                @endif
            </x-slot:headerRight>
        </x-content.header>

        <div class="w-full">
            <livewire:machinery::machinery-details :machinery="$machinery" />
        </div>
    </div>
@stop