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

        <div class="mx-auto">
            @include('admin/shared/alerts')
                <form method="POST" class="card" action="{{ route($routePath . '.store') }}">
                    <div class="card-heading">
                        <div>
                            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">
                                {{ __($translatePrefix . '.create.title') }}
                            </h2>
                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                {{ __($translatePrefix. '.create.subheading') }}
                            </p>
                        </div>

                        <div class="mt-4 flex items-center space-x-4 sm:mt-0">
                            <button class="btn btn-primary">
                                {{ __('admin.create') }}
                            </button>
                        </div>
                    </div>
                    @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)])
                        </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)])
                        </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>

@endsection