@extends('admin.layouts.app')

@section('title', 'Шинэ харилцагч')
@section('page_title', 'Шинэ харилцагч нэмэх')

@section('content')

<form action="{{ route('admin.clients.store') }}" method="POST" class="max-w-3xl bg-white rounded-2xl border border-gray-100 p-6 lg:p-8 space-y-5">
    @csrf

    <div class="grid md:grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-semibold mb-1">Нэр <span class="text-nsma-red">*</span></label>
            <input type="text" name="name" value="{{ old('name') }}" required class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
        <div>
            <label class="block text-sm font-semibold mb-1">Байгууллага</label>
            <input type="text" name="company_name" value="{{ old('company_name') }}" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
    </div>

    <div class="grid md:grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-semibold mb-1">И-мэйл <span class="text-nsma-red">*</span></label>
            <input type="email" name="email" value="{{ old('email') }}" required class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
        <div>
            <label class="block text-sm font-semibold mb-1">Утас <span class="text-nsma-red">*</span></label>
            <input type="tel" name="phone" value="{{ old('phone') }}" required class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
    </div>

    <div class="grid md:grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-semibold mb-1">Албан тушаал</label>
            <input type="text" name="position" value="{{ old('position') }}" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
        <div>
            <label class="block text-sm font-semibold mb-1">Салбар</label>
            <input type="text" name="industry" value="{{ old('industry') }}" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        </div>
    </div>

    <div>
        <label class="block text-sm font-semibold mb-1">Вэбсайт</label>
        <input type="url" name="website" value="{{ old('website') }}" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
    </div>

    <div>
        <label class="block text-sm font-semibold mb-1">Хаяг</label>
        <textarea name="address" rows="2" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">{{ old('address') }}</textarea>
    </div>

    <div class="grid md:grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-semibold mb-1">Төлөв <span class="text-nsma-red">*</span></label>
            <select name="status" required class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
                <option value="lead" selected>Lead</option>
                <option value="prospect">Prospect</option>
                <option value="active">Идэвхтэй</option>
                <option value="inactive">Идэвхгүй</option>
            </select>
        </div>
        <div>
            <label class="block text-sm font-semibold mb-1">Эх үүсвэр <span class="text-nsma-red">*</span></label>
            <select name="source" required class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
                <option value="cold_outreach" selected>Cold outreach</option>
                <option value="referral">Танилцуулга</option>
                <option value="website">Вэбсайт</option>
                <option value="social">Сошиал</option>
                <option value="event">Эвэнт</option>
                <option value="other">Бусад</option>
            </select>
        </div>
    </div>

    <div>
        <label class="block text-sm font-semibold mb-1">Дотоод тэмдэглэл</label>
        <textarea name="notes" rows="3" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">{{ old('notes') }}</textarea>
    </div>

    <div class="border-t pt-5">
        <label class="block text-sm font-semibold mb-1">Нууц үг (харилцагчид нэвтрэх эрх өгөх бол)</label>
        <input type="password" name="password" class="w-full px-4 py-3 border border-gray-200 rounded-lg outline-none">
        <p class="text-xs text-gray-500 mt-1">Хоосон үлдээвэл харилцагч нэвтрэх боломжгүй болно.</p>
    </div>

    <div class="flex gap-3 pt-4 border-t">
        <button class="bg-nsma-red text-white font-semibold px-6 py-3 rounded-lg">Хадгалах</button>
        <a href="{{ route('admin.clients.index') }}" class="text-gray-600 self-center">Цуцлах</a>
    </div>
</form>

@endsection