@extends('admin.layouts.app')

@section('content')
<div class="p-4 space-y-6 max-w-md mx-auto">

    <h2 class="text-2xl font-bold text-gray-700 mb-4">Add New Disease</h2>

    {{-- Individual Add Form --}}
    <form action="{{ route('admin.diseases.store') }}" method="POST" class="space-y-4">
        @csrf

        <div>
            <label for="name" class="block mb-1 font-semibold text-gray-700">Disease Name</label>
            <input type="text" name="name" id="name"
                   class="w-full border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-belseha-primary"
                   placeholder="Enter disease name" value="{{ old('name') }}">
            @error('name')
                <small class="text-red-600">{{ $message }}</small>
            @enderror
        </div>

        <div class="flex gap-4">
            <button type="submit"
                    class="bg-green-600 hover:bg-green-700 text-white font-semibold px-4 py-2 rounded shadow">
                Save
            </button>
            <a href="{{ route('admin.diseases.index') }}"
               class="bg-gray-500 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded shadow inline-block">
                Back
            </a>
        </div>
    </form>

    <hr class="my-6 border-gray-300">

    {{-- Excel Import Form --}}
    <div>
        <h3 class="text-lg font-semibold text-gray-700 mb-2">Import Diseases from Excel</h3>

        <form action="{{ route('admin.diseases.import') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
            @csrf
            <div>
                <input type="file" name="excel_file" accept=".xlsx,.xls"
                       class="w-full border border-gray-300 rounded px-3 py-2">
                @error('excel_file')
                    <small class="text-red-600">{{ $message }}</small>
                @enderror
            </div>

            <button type="submit"
                    class="bg-belseha-primary hover:bg-belseha-primary-dark text-white font-semibold px-4 py-2 rounded shadow">
                <i class="fas fa-file-import mr-1"></i> Import Excel
            </button>
        </form>
    </div>
</div>
@endsection