@extends('layouts.app')
@section('title', 'New lead')

@section('content')
    <div class="page-head">
        <div><h1>Capture a lead</h1><p>Enquiry from the coverage checker, website or walk-in.</p></div>
        <a href="{{ route('leads.index') }}" class="btn secondary">&larr; Back to leads</a>
    </div>

    <form method="POST" action="{{ route('leads.store') }}">
        @csrf
        <div class="card">
            <div class="card-head"><h3>Contact details</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field"><label>First name <span class="req">*</span></label>
                        <input type="text" name="first_name" required value="{{ old('first_name') }}"></div>
                    <div class="field"><label>Last name</label>
                        <input type="text" name="last_name" value="{{ old('last_name') }}"></div>
                    <div class="field"><label>Company</label>
                        <input type="text" name="company_name" value="{{ old('company_name') }}"></div>
                    <div class="field"><label>Phone <span class="req">*</span></label>
                        <input type="tel" name="phone" required value="{{ old('phone') }}"></div>
                    <div class="field"><label>Email</label>
                        <input type="email" name="email" value="{{ old('email') }}"></div>
                    <div class="field"><label>Source <span class="req">*</span></label>
                        <select name="source" required>
                            @foreach (['website','referral','walk_in','phone','social','campaign','coverage_request','partner'] as $s)
                                <option value="{{ $s }}" @selected(old('source', 'walk_in') === $s)>{{ title_case_words($s) }}</option>
                            @endforeach
                        </select></div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Service requirement</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field"><label>Service type <span class="req">*</span></label>
                        <select name="service_type_id" required>
                            <option value="">Select…</option>
                            @foreach ($serviceTypes as $type)
                                <option value="{{ $type->id }}" @selected(old('service_type_id') == $type->id)>
                                    {{ $type->name }} ({{ $type->technology }})
                                </option>
                            @endforeach
                        </select></div>
                    <div class="field"><label>Plan of interest</label>
                        <select name="plan_id">
                            <option value="">Not decided</option>
                            @foreach ($plans as $plan)
                                <option value="{{ $plan->id }}" @selected(old('plan_id') == $plan->id)>
                                    {{ $plan->name }} — {{ money($plan->price) }}
                                </option>
                            @endforeach
                        </select></div>
                    <div class="field span-2"><label>Installation address <span class="req">*</span></label>
                        <input type="text" name="address" required value="{{ old('address') }}"></div>
                    <div class="field"><label>City</label>
                        <input type="text" name="city" value="{{ old('city') }}"></div>
                    <div class="field"><label>Region</label>
                        <input type="text" name="region" value="{{ old('region') }}"></div>
                    <div class="field"><label>Latitude</label>
                        <input type="number" name="latitude" step="any" min="-90" max="90" value="{{ old('latitude') }}"></div>
                    <div class="field"><label>Longitude</label>
                        <input type="number" name="longitude" step="any" min="-180" max="180" value="{{ old('longitude') }}"></div>
                    <div class="field"><label>Estimated monthly value</label>
                        <input type="number" name="estimated_value" step="0.01" min="0" value="{{ old('estimated_value') }}"></div>
                    <div class="field"><label>Assign to</label>
                        <select name="assigned_to">
                            <option value="">Unassigned (queue)</option>
                            @foreach ($owners as $owner)
                                <option value="{{ $owner->id }}" @selected(old('assigned_to') == $owner->id)>{{ $owner->name }}</option>
                            @endforeach
                        </select></div>
                    <div class="field full"><label>Notes</label>
                        <textarea name="notes" rows="3" placeholder="What did the prospect ask for?">{{ old('notes') }}</textarea></div>
                </div>
            </div>
            <div class="card-foot flex-between">
                <span class="small muted">Coverage is checked automatically if coordinates are supplied.</span>
                <div class="btn-group">
                    <a href="{{ route('leads.index') }}" class="btn secondary">Cancel</a>
                    <button type="submit" class="btn">Create lead</button>
                </div>
            </div>
        </div>
    </form>
@endsection