@extends('layouts.admin')
@section('page-title', 'افزودن منبع تأمین')

@section('content')

    <div class="bg-white p-4 sm:p-6 rounded-lg shadow-sm max-w-2xl mx-auto">

        <h1 class="text-xl sm:text-2xl font-bold text-gray-800 mb-6 text-center sm:text-right">افزودن تأمین کننده جدید</h1>

        <form method="POST" action="{{ route('admin.suppliers.store') }}" class="space-y-5">
            @csrf

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1.5">نام تامین کننده</label>
                <input type="text" name="name" value="{{ old('name') }}" required
                       class="w-full px-3 py-2.5 border rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('name') border-red-500 @enderror"
                       placeholder="مثال: نیروگاه مبین، بورس انرژی">
                @error('name')
                <p class="text-red-500 text-xs mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1.5">توضیحات (اختیاری)</label>
                <textarea name="description" rows="4"
                          class="w-full px-3 py-2.5 border rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('description') border-red-500 @enderror"
                          placeholder="مثال: قرارداد دوجانبه ۱۰۰ مگاوات بار پایه تا پایان ۱۴۰۵">{{ old('description') }}</textarea>
                @error('description')
                <p class="text-red-500 text-xs mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div class="flex flex-col sm:flex-row justify-end gap-3 pt-4">
                <a href="{{ route('admin.suppliers.index') }}"
                   class="px-5 py-2.5 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition text-sm text-center sm:text-right">
                    انصراف
                </a>
                <button type="submit"
                        class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition text-sm font-medium shadow-sm">
                    ثبت تأمین کننده
                </button>
            </div>
        </form>

        <script>
            document.getElementById('supplier-form').addEventListener('submit', function(e){
                const btn = document.getElementById('submit-btn');
                btn.disabled = true;
                btn.innerText = 'در حال ثبت...';
            });
        </script>

    </div>
@endsection