@extends('layouts.app')

@section('title','Add Lead')
@section('page_title','Add Lead')

@section('content')

<form method="POST" action="{{ route('leads.store') }}">
    @csrf

    <div style="background:#fff;padding:24px;border-radius:8px;">

        <h3 style="font-size:18px;font-weight:bold;margin-bottom:15px;">Company Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div>
                <label>Company Name *</label>
                <input type="text" name="company_name" value="{{ old('company_name') }}" required style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Business Type</label>
                <input type="text" name="business_type" value="{{ old('business_type') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Business Size</label>
                <select name="business_size" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="">Select</option>
                    @foreach(['Small','Medium','Large','Enterprise'] as $size)
                        <option value="{{ $size }}" @selected(old('business_size') == $size)>{{ $size }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Website</label>
                <input type="text" name="website" value="{{ old('website') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>LinkedIn</label>
                <input type="text" name="linkedin" value="{{ old('linkedin') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>
        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Contact Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div>
                <label>Contact Person *</label>
                <input type="text" name="contact_person" value="{{ old('contact_person') }}" required style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Mobile *</label>
                <input type="text" name="mobile" value="{{ old('mobile') }}" required style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Alternate Mobile</label>
                <input type="text" name="alternate_mobile" value="{{ old('alternate_mobile') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>WhatsApp</label>
                <input type="text" name="whatsapp" value="{{ old('whatsapp') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Email *</label>
                <input type="email" name="email" value="{{ old('email') }}" required style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>
        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Address Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div style="grid-column:1 / 3;">
                <label>Address</label>
                <textarea name="address" rows="3" style="width:100%;padding:10px;border:1px solid #ccc;">{{ old('address') }}</textarea>
            </div>

            <div>
                <label>City</label>
                <input type="text" name="city" value="{{ old('city') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>State</label>
                <input type="text" name="state" value="{{ old('state') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Country</label>
                <input type="text" name="country" value="{{ old('country') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Pincode</label>
                <input type="text" name="pincode" value="{{ old('pincode') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>
        </div>

        <h3 style="font-size:18px;font-weight:bold;margin:25px 0 15px;">Lead Details</h3>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div>
                <label>Lead Source *</label>
                <select name="lead_source" required style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="">Select</option>
                    @foreach(['Google','Website','Facebook','Instagram','LinkedIn','Referral','Cold Call','Email Campaign','Other'] as $source)
                        <option value="{{ $source }}" @selected(old('lead_source') == $source)>{{ $source }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Status *</label>
                <select name="status" required style="width:100%;padding:10px;border:1px solid #ccc;">
                    @foreach(['new','contacted','interested','not_interested','interested_future','technical_discussion','project_created'] as $status)
                        <option value="{{ $status }}" @selected(old('status','new') == $status)>
                            {{ ucwords(str_replace('_',' ', $status)) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Priority</label>
                <select name="priority" style="width:100%;padding:10px;border:1px solid #ccc;">
                    <option value="">Select</option>
                    @foreach(['Low','Medium','High','Urgent'] as $priority)
                        <option value="{{ $priority }}" @selected(old('priority') == $priority)>{{ $priority }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Estimated Budget</label>
                <input type="text" name="estimated_budget" value="{{ old('estimated_budget') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div>
                <label>Next Follow-up Date</label>
                <input type="date" name="next_followup_date" value="{{ old('next_followup_date') }}" style="width:100%;padding:10px;border:1px solid #ccc;">
            </div>

            <div style="grid-column:1 / 3;">
                <label>Requirement</label>
                <textarea name="requirement" rows="4" style="width:100%;padding:10px;border:1px solid #ccc;">{{ old('requirement') }}</textarea>
            </div>

            <div style="grid-column:1 / 3;">
                <label>Notes</label>
                <textarea name="notes" rows="3" style="width:100%;padding:10px;border:1px solid #ccc;">{{ old('notes') }}</textarea>
            </div>
        </div>

        <div style="margin-top:25px;">
            <button type="submit" style="background:#16a34a;color:white;padding:10px 18px;border-radius:6px;border:0;">
                Save Lead
            </button>

            <a href="{{ route('leads.index') }}" style="margin-left:10px;color:#2563eb;">
                Back
            </a>
        </div>

    </div>
</form>

@endsection