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

@section('content')
    <div class="page-head">
        <div><h1>New customer</h1><p>Create the account record, then attach a subscription.</p></div>
        <a href="{{ route('customers.index') }}" class="btn secondary">&larr; Back to customers</a>
    </div>

    <form method="POST" action="{{ route('customers.store') }}">
        @csrf
        <div class="card">
            <div class="card-head"><h3>Identity</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field">
                        <label>Account type <span class="req">*</span></label>
                        <select name="type" required>
                            <option value="individual" @selected(old('type') === 'individual')>Individual</option>
                            <option value="business" @selected(old('type') === 'business')>Business</option>
                            <option value="enterprise" @selected(old('type') === 'enterprise')>Enterprise</option>
                            <option value="reseller" @selected(old('type') === 'reseller')>Reseller</option>
                        </select>
                    </div>
                    <div class="field">
                        <label>First name <span class="req">*</span></label>
                        <input type="text" name="first_name" value="{{ old('first_name') }}" required>
                    </div>
                    <div class="field">
                        <label>Last name</label>
                        <input type="text" name="last_name" value="{{ old('last_name') }}">
                    </div>
                    <div class="field">
                        <label>Company name</label>
                        <input type="text" name="company_name" value="{{ old('company_name') }}">
                    </div>
                    <div class="field">
                        <label>Mobile number <span class="req">*</span></label>
                        <input type="tel" name="phone" value="{{ old('phone') }}" required placeholder="024 000 0000">
                    </div>
                    <div class="field">
                        <label>Alternate phone</label>
                        <input type="tel" name="alt_phone" value="{{ old('alt_phone') }}">
                    </div>
                    <div class="field">
                        <label>Email</label>
                        <input type="email" name="email" value="{{ old('email') }}">
                    </div>
                    <div class="field">
                        <label>ID type</label>
                        <select name="id_type">
                            <option value="">Not provided</option>
                            @foreach (['ghana_card' => 'Ghana Card', 'passport' => 'Passport', 'drivers_license' => "Driver's licence", 'tin' => 'TIN', 'brn' => 'Business registration'] as $k => $v)
                                <option value="{{ $k }}" @selected(old('id_type') === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>ID number</label>
                        <input type="text" name="id_number" value="{{ old('id_number') }}">
                        <span class="hint">Used for KYC and duplicate detection.</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Billing &amp; classification</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field">
                        <label>Segment <span class="req">*</span></label>
                        <select name="segment" required>
                            @foreach (['residential','sme','enterprise','wholesale'] as $s)
                                <option value="{{ $s }}" @selected(old('segment', 'residential') === $s)>{{ title_case_words($s) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Payment terms <span class="req">*</span></label>
                        <select name="payment_terms" required>
                            @foreach (['prepaid','postpaid','net7','net15','net30'] as $t)
                                <option value="{{ $t }}" @selected(old('payment_terms', 'prepaid') === $t)>{{ title_case_words($t) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Currency <span class="req">*</span></label>
                        <select name="currency" required>
                            @foreach (['GHS','NGN','KES','USD','EUR','GBP','ZAR'] as $c)
                                <option value="{{ $c }}" @selected(old('currency', config('nowills.billing.base_currency')) === $c)>{{ $c }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Credit limit</label>
                        <input type="number" name="credit_limit" value="{{ old('credit_limit', 0) }}" step="0.01" min="0">
                    </div>
                    <div class="field">
                        <label>Branch</label>
                        <select name="branch_id">
                            <option value="">Head office</option>
                            @foreach ($branches as $branch)
                                <option value="{{ $branch->id }}" @selected(old('branch_id') == $branch->id)>{{ $branch->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Source lead</label>
                        <select name="lead_id">
                            <option value="">None</option>
                            @foreach ($leads as $lead)
                                <option value="{{ $lead->id }}" @selected(old('lead_id') == $lead->id)>
                                    {{ $lead->lead_number }} — {{ $lead->full_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Billing address</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field">
                        <label>Billing email</label>
                        <input type="email" name="billing_email" value="{{ old('billing_email') }}">
                        <span class="hint">Invoices go here when set; otherwise the primary email.</span>
                    </div>
                    <div class="field span-2">
                        <label>Address</label>
                        <input type="text" name="billing_address" value="{{ old('billing_address') }}">
                    </div>
                    <div class="field">
                        <label>City / town</label>
                        <input type="text" name="city" value="{{ old('city') }}">
                    </div>
                    <div class="field">
                        <label>Region</label>
                        <input type="text" name="region" value="{{ old('region') }}" placeholder="Greater Accra">
                    </div>
                    <div class="field full">
                        <label>Notes</label>
                        <textarea name="notes" rows="3">{{ old('notes') }}</textarea>
                    </div>
                </div>
            </div>
            <div class="card-foot flex-between">
                <span class="small muted">The customer number and RADIUS-ready account are generated automatically.</span>
                <div class="btn-group">
                    <a href="{{ route('customers.index') }}" class="btn secondary">Cancel</a>
                    <button type="submit" class="btn">Create customer</button>
                </div>
            </div>
        </div>
    </form>
@endsection