@extends('admin/layouts/admin')
@section('title',  __($translatePrefix . '.show.title', ['name' => $item->name]))
@section('content')
    <div class="container mx-auto">

    <div class="mx-auto">
        @include('admin/shared/alerts')
        <form method="POST" class="card" action="{{ route($routePath . '.update', ['department' => $item]) }}">
            <div class="card-heading">
                <div>
                    <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">
                        {{ __($translatePrefix . '.show.title', ['name' => $item->name]) }}
                    </h2>
                    <p class="text-sm text-gray-600 dark:text-gray-400">
                        {{ __($translatePrefix. '.show.subheading', ['date' => $item->created_at == null ? 'None' : $item->created_at->format('d/m/y')]) }}
                    </p>
                </div>

                <div class="mt-4 flex items-center space-x-4 sm:mt-0">
                    <button class="btn btn-primary">
                        {{ __('admin.updatedetails') }}
                    </button>
                </div>
            </div>
            @method('PUT')
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">

                <div class="flex flex-col">
                    @include('admin/shared/input', ['name' => 'name', 'label' => __('global.name'), 'value' => old('name', $item->name),  'translatable' => true])
                </div>
                <div class="flex flex-col">
                    @include('admin/shared/input', ['name' => 'icon','help' => __('personalization.icon_help'), 'label' => __('personalization.icon'), 'value' => old('icon', $item->icon)])
                </div>

                <div class="flex flex-col">
                    @include('admin/shared/textarea', ['name' => 'description', 'label' => __('global.description'), 'value' => old('description', $item->description), 'translatable' => true])
                </div>
            </div>

            <h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400 mt-6 mb-2">{{ __($translatePrefix . '.sla_settings') }}</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div class="flex flex-col">
                    @include('admin/shared/input', [
                        'name' => 'sla_first_response_minutes',
                        'label' => __($translatePrefix . '.sla_first_response_minutes'),
                        'value' => old('sla_first_response_minutes', $item->sla_first_response_minutes),
                        'type' => 'number',
                        'min' => 0,
                        'help' => __($translatePrefix . '.sla_first_response_minutes_help')
                    ])
                </div>
                <div class="flex flex-col">
                    @include('admin/shared/input', [
                        'name' => 'sla_resolution_minutes',
                        'label' => __($translatePrefix . '.sla_resolution_minutes'),
                        'value' => old('sla_resolution_minutes', $item->sla_resolution_minutes),
                        'type' => 'number',
                        'min' => 0,
                        'help' => __($translatePrefix . '.sla_resolution_minutes_help')
                    ])
                </div>
            </div>
            <input type="hidden" name="id" value="{{ $item->id }}">
        </form>
    </div>
</div>
    @include('admin/translations/overlay', ['item' => $item])

@endsection