@extends('layouts.app')

@section('content')

        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-xl text-[#d4af37] leading-tight">إضافة ماركة جديدة</h2>
            <a href="{{ route('admin.brands.index') }}" class="bg-gray-800 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-gray-700 transition-colors">
                {{ app()->getLocale() == 'ar' ? 'عودة' : 'Back' }}
            </a>
        </div>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-[#111] border border-gray-800 rounded-2xl p-8 max-w-md mx-auto">
                <form action="{{ route('admin.brands.store') }}" method="POST" class="space-y-6">
                    @csrf
                    <div>
                        <label class="block text-sm text-gray-400 mb-2">اسم الماركة</label>
                        <input type="text" name="name" required class="w-full bg-black border-gray-800 rounded-lg px-4 py-2.5 text-white focus:border-[#d4af37] outline-none">
                        <x-input-error :messages="$errors->get('name')" class="mt-2" />
                    </div>
                    <button type="submit" class="w-full bg-[#d4af37] text-black py-2.5 rounded-lg font-bold">حفظ الماركة</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection