@extends('admin.layouts.app')

@section('title', t('admin.sizes.create_title'))
@section('page_title', t('admin.sizes.create_title'))

@section('content')
<form method="POST" action="{{ route('admin.sizes.store') }}" class="max-w-lg">
    @csrf

    <div class="bg-white rounded-lg shadow-sm p-6 space-y-4">
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">@t('admin.sizes.label') *</label>
            <input type="text" name="label" value="{{ old('label') }}" required placeholder="{{ t('admin.sizes.label_placeholder') }}"
                   class="w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
            @error('label') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">@t('admin.sizes.mm_value') *</label>
            <input type="number" name="mm_value" value="{{ old('mm_value') }}" required min="1"
                   class="w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
            @error('mm_value') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div class="flex justify-end gap-3 pt-2">
            <a href="{{ route('admin.sizes.index') }}" class="px-4 py-2 border border-gray-300 rounded-md text-sm text-gray-700 hover:bg-gray-50 transition-colors">
                @t('admin.sizes.cancel')
            </a>
            <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-md text-sm hover:bg-blue-700 transition-colors">
                @t('admin.sizes.save')
            </button>
        </div>
    </div>
</form>
@endsection