@php
    $counties = ['Baringo','Bomet','Bungoma','Busia','Elgeyo-Marakwet','Embu','Garissa','Homa Bay','Isiolo','Kajiado',
        'Kakamega','Kericho','Kiambu','Kilifi','Kirinyaga','Kisii','Kisumu','Kitui','Kwale','Laikipia','Lamu','Machakos',
        'Makueni','Mandera','Marsabit','Meru','Migori','Mombasa',"Murang'a",'Nairobi','Nakuru','Nandi','Narok','Nyamira',
        'Nyandarua','Nyeri','Samburu','Siaya','Taita-Taveta','Tana River','Tharaka-Nithi','Trans-Nzoia','Turkana',
        'Uasin Gishu','Vihiga','Wajir','West Pokot'];
    $types = [
        'product' => ['Products', 'Goods you stock and sell'],
        'service' => ['Services', 'Work or expertise you offer'],
        'both'    => ['Both', 'Products and services'],
    ];
@endphp

<div class="card">
    <h2>Business details</h2>
    <div class="field">
        <label for="business_name">Business name</label>
        <input type="text" id="business_name" name="business_name" value="{{ old('business_name', $business->business_name) }}" required>
        @error('business_name')<div class="error">{{ $message }}</div>@enderror
    </div>

    <div class="field">
        <label>What does your business sell?</label>
        <div class="type-options">
            @foreach ($types as $value => $info)
                <label class="type-option">
                    <input type="radio" name="business_type" value="{{ $value }}" @checked(old('business_type', $business->business_type) === $value) required>
                    <strong>{{ $info[0] }}</strong><br><span class="muted">{{ $info[1] }}</span>
                </label>
            @endforeach
        </div>
        @error('business_type')<div class="error">{{ $message }}</div>@enderror
    </div>

    <div class="grid">
        <div class="field">
            <label for="kra_pin">KRA PIN</label>
            <input type="text" id="kra_pin" name="kra_pin" value="{{ old('kra_pin', $business->kra_pin) }}" placeholder="A012345678Z" maxlength="11" style="text-transform:uppercase;" required>
            @error('kra_pin')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label>&nbsp;</label>
            <label style="font-weight:400;padding-top:10px;">
                <input type="hidden" name="vat_registered" value="0">
                <input type="checkbox" name="vat_registered" value="1" @checked(old('vat_registered', $business->vat_registered))> Registered for VAT
            </label>
        </div>
    </div>

    <div class="field">
        <label for="logo">Business logo</label>
        @if ($business->logoUrl())
            <img src="{{ $business->logoUrl() }}" alt="Current logo" class="logo-preview"><br>
            <label style="font-weight:400;"><input type="checkbox" name="remove_logo" value="1"> Remove current logo</label>
        @endif
        <input type="file" id="logo" name="logo" accept="image/png,image/jpeg,image/webp">
        <div class="muted">PNG, JPG or WEBP, up to 2 MB. Appears on your invoices and quotations.</div>
        @error('logo')<div class="error">{{ $message }}</div>@enderror
    </div>
</div>

<div class="card">
    <h2>Contact and location</h2>
    <div class="grid">
        <div class="field">
            <label for="email">Business email</label>
            <input type="email" id="email" name="email" value="{{ old('email', $business->email) }}" required>
            @error('email')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label for="phone">Business phone</label>
            <input type="tel" id="phone" name="phone" value="{{ old('phone', \App\Support\Phone::display($business->phone)) }}" placeholder="0712345678" required>
            @error('phone')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label for="whatsapp_number">WhatsApp number <span class="muted">(optional)</span></label>
            <input type="tel" id="whatsapp_number" name="whatsapp_number" value="{{ old('whatsapp_number', \App\Support\Phone::display($business->whatsapp_number)) }}">
            @error('whatsapp_number')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label for="website">Website <span class="muted">(optional)</span></label>
            <input type="url" id="website" name="website" value="{{ old('website', $business->website) }}" placeholder="https://">
            @error('website')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label for="physical_address">Physical address</label>
            <input type="text" id="physical_address" name="physical_address" value="{{ old('physical_address', $business->physical_address) }}" placeholder="Building, street">
        </div>
        <div class="field">
            <label for="postal_address">Postal address <span class="muted">(optional)</span></label>
            <input type="text" id="postal_address" name="postal_address" value="{{ old('postal_address', $business->postal_address) }}" placeholder="P.O. Box 123-30100">
        </div>
        <div class="field">
            <label for="town">Town</label>
            <input type="text" id="town" name="town" value="{{ old('town', $business->town) }}">
        </div>
        <div class="field">
            <label for="county">County</label>
            <select id="county" name="county">
                <option value="">Select county</option>
                @foreach ($counties as $county)
                    <option value="{{ $county }}" @selected(old('county', $business->county) === $county)>{{ $county }}</option>
                @endforeach
            </select>
        </div>
    </div>
</div>

<div class="card">
    <h2>Payment details shown on invoices</h2>
    <div class="grid">
        <div class="field">
            <label for="mpesa_paybill">M-Pesa Paybill</label>
            <input type="text" id="mpesa_paybill" name="mpesa_paybill" value="{{ old('mpesa_paybill', $business->mpesa_paybill) }}" inputmode="numeric">
            @error('mpesa_paybill')<div class="error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
            <label for="mpesa_account_ref">Paybill account number</label>
            <input type="text" id="mpesa_account_ref" name="mpesa_account_ref" value="{{ old('mpesa_account_ref', $business->mpesa_account_ref) }}" placeholder="e.g. invoice number">
        </div>
        <div class="field">
            <label for="mpesa_till">M-Pesa Till (Buy Goods)</label>
            <input type="text" id="mpesa_till" name="mpesa_till" value="{{ old('mpesa_till', $business->mpesa_till) }}" inputmode="numeric">
            @error('mpesa_till')<div class="error">{{ $message }}</div>@enderror
        </div>
    </div>
    <div class="field">
        <label for="bank_details">Bank details <span class="muted">(optional)</span></label>
        <textarea id="bank_details" name="bank_details" rows="3" placeholder="Bank, branch, account name and number">{{ old('bank_details', $business->bank_details) }}</textarea>
    </div>
    <div class="field">
        <label for="default_terms">Default terms on invoices <span class="muted">(optional)</span></label>
        <textarea id="default_terms" name="default_terms" rows="3" placeholder="e.g. Payment due within 14 days.">{{ old('default_terms', $business->default_terms) }}</textarea>
    </div>
    @if ($business->exists)
        <div class="grid">
            <div class="field">
                <label for="invoice_prefix">Invoice number prefix</label>
                <input type="text" id="invoice_prefix" name="invoice_prefix" value="{{ old('invoice_prefix', $business->invoice_prefix) }}">
                @error('invoice_prefix')<div class="error">{{ $message }}</div>@enderror
            </div>
            <div class="field">
                <label for="quotation_prefix">Quotation number prefix</label>
                <input type="text" id="quotation_prefix" name="quotation_prefix" value="{{ old('quotation_prefix', $business->quotation_prefix) }}">
                @error('quotation_prefix')<div class="error">{{ $message }}</div>@enderror
            </div>
        </div>
    @endif
</div>