{{-- resources/views/settings/general.blade.php --}}
@extends('layouts.app')
@section('title', 'General Settings')
@section('page_title', 'General Settings')
@section('page_subtitle', 'Property information and branding')

@section('content')

@include('settings.partials.nav')

<form method="POST"
      action="{{ tenant_route('settings.general.update') }}"
      enctype="multipart/form-data">
@csrf @method('PUT')

<div class="row g-3">

    {{-- Property Info --}}
    <div class="col-xl-8">
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-building-gear me-2" style="color:var(--clay)"></i>
                    Property Information
                </span>
            </div>
            <div class="card-body">
                <div class="row g-3">

                    <div class="col-md-8">
                        <label class="form-label fw-semibold">
                            Property Name <span class="text-danger">*</span>
                        </label>
                        <input type="text" name="name"
                               class="form-control @error('name') is-invalid @enderror"
                               value="{{ old('name', $property->name) }}" required>
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Property Type</label>
                        <select name="type" class="form-select">
                            @foreach(config('kubhuka.general.property_types', []) as $type)
                                <option value="{{ $type }}"
                                        {{ old('type', $property->type) === $type ? 'selected' : '' }}>
                                    {{ ucfirst(str_replace('_', ' ', $type)) }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Email</label>
                        <input type="email" name="email"
                               class="form-control"
                               value="{{ old('email', $property->email) }}">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Phone</label>
                        <input type="tel" name="phone"
                               class="form-control"
                               value="{{ old('phone', $property->phone) }}"
                               placeholder="+263 77 123 4567">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">WhatsApp</label>
                        <input type="tel" name="whatsapp"
                               class="form-control"
                               value="{{ old('whatsapp', $property->whatsapp) }}"
                               placeholder="+263 77 123 4567">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Website</label>
                        <input type="url" name="website"
                               class="form-control"
                               value="{{ old('website', $property->website) }}"
                               placeholder="https://...">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Tax Number (ZIMRA)</label>
                        <input type="text" name="tax_number"
                               class="form-control"
                               value="{{ old('tax_number', $property->tax_number) }}">
                    </div>

                    <div class="col-12">
                        <label class="form-label fw-semibold">Description</label>
                        <textarea name="description" rows="2"
                                  class="form-control"
                                  placeholder="Brief description of your property...">{{ old('description', $property->description) }}</textarea>
                    </div>

                </div>
            </div>
        </div>

        {{-- Address --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-geo-alt me-2" style="color:var(--clay)"></i>
                    Address
                </span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-12">
                        <label class="form-label fw-semibold">Street Address</label>
                        <input type="text" name="address_line1"
                               class="form-control"
                               value="{{ old('address_line1', $property->address_line1) }}"
                               placeholder="Street and number">
                    </div>
                    <div class="col-12">
                        <input type="text" name="address_line2"
                               class="form-control"
                               value="{{ old('address_line2', $property->address_line2) }}"
                               placeholder="Apartment, suite, building (optional)">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">City</label>
                        <input type="text" name="city"
                               class="form-control"
                               value="{{ old('city', $property->city) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Province</label>
                        <input type="text" name="province"
                               class="form-control"
                               value="{{ old('province', $property->province) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Country</label>
                        <input type="text" name="country"
                               class="form-control"
                               value="{{ old('country', $property->country ?? 'ZWE') }}"
                               maxlength="3">
                    </div>
                </div>
            </div>
        </div>

        {{-- Operations --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-clock me-2" style="color:var(--clay)"></i>
                    Operations
                </span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">Check-in Time</label>
                        <input type="time" name="check_in_time"
                               class="form-control"
                               value="{{ old('check_in_time', $property->check_in_time ?? '14:00') }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">Check-out Time</label>
                        <input type="time" name="check_out_time"
                               class="form-control"
                               value="{{ old('check_out_time', $property->check_out_time ?? '11:00') }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Default Deposit %
                        </label>
                        <div class="input-group">
                            <input type="number" name="settings[default_deposit_pct]"
                                   class="form-control"
                                   value="{{ old('settings.default_deposit_pct', $settings['default_deposit_pct'] ?? 30) }}"
                                   min="0" max="100">
                            <span class="input-group-text">%</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">
                            Children Age Limit
                        </label>
                        <input type="number" name="settings[children_age_limit]"
                               class="form-control"
                               value="{{ old('settings.children_age_limit', $settings['children_age_limit'] ?? 12) }}"
                               min="0" max="18">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            Late Checkout Fee
                        </label>
                        <div class="input-group">
                            <span class="input-group-text" style="font-size:.8rem;">
                                {{ tenant()->baseCurrency?->code ?? 'USD' }}
                            </span>
                            <input type="number" name="settings[late_checkout_fee]"
                                   class="form-control"
                                   value="{{ old('settings.late_checkout_fee', $settings['late_checkout_fee'] ?? 0) }}"
                                   min="0" step="0.01">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">
                            Early Check-in Fee
                        </label>
                        <div class="input-group">
                            <span class="input-group-text" style="font-size:.8rem;">
                                {{ tenant()->baseCurrency?->code ?? 'USD' }}
                            </span>
                            <input type="number" name="settings[early_checkin_fee]"
                                   class="form-control"
                                   value="{{ old('settings.early_checkin_fee', $settings['early_checkin_fee'] ?? 0) }}"
                                   min="0" step="0.01">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Invoice/Receipt Footer --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-receipt me-2" style="color:var(--clay)"></i>
                    Documents
                </span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-12">
                        <label class="form-label fw-semibold">Invoice Footer</label>
                        <textarea name="settings[invoice_footer]" rows="2"
                                  class="form-control"
                                  placeholder="Text appearing at the bottom of invoices (bank details, thank you message etc.)">{{ old('settings.invoice_footer', $settings['invoice_footer'] ?? '') }}</textarea>
                    </div>
                    <div class="col-12">
                        <label class="form-label fw-semibold">Receipt Footer</label>
                        <textarea name="settings[receipt_footer]" rows="2"
                                  class="form-control"
                                  placeholder="Text appearing at the bottom of receipts">{{ old('settings.receipt_footer', $settings['receipt_footer'] ?? '') }}</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Right — Logo --}}
    <div class="col-xl-4">
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-image me-2" style="color:var(--clay)"></i>
                    Logo
                </span>
            </div>
            <div class="card-body text-center">
                @if($property->logo)
                    <div style="margin-bottom:16px;">
                        <img src="{{ asset('storage/' . $property->logo) }}"
                             alt="Property Logo"
                             style="max-height:100px;max-width:200px;
                                    object-fit:contain;">
                    </div>
                @else
                    <div style="width:100px;height:100px;border-radius:12px;
                                background:var(--bg);display:flex;
                                align-items:center;justify-content:center;
                                margin:0 auto 16px;border:2px dashed var(--border);">
                        <i class="bi bi-image"
                           style="font-size:2rem;color:var(--border)"></i>
                    </div>
                @endif

                <label class="form-label fw-semibold d-block">Upload Logo</label>
                <input type="file" name="logo"
                       class="form-control form-control-sm"
                       accept="image/*">
                <div style="font-size:.68rem;color:var(--muted);margin-top:4px;">
                    JPG, PNG or WebP. Max 2MB.
                </div>
            </div>
        </div>

        {{-- Slug info --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">Dashboard URL</span>
            </div>
            <div class="card-body">
                <div style="font-size:.75rem;color:var(--muted);margin-bottom:6px;">
                    Your dashboard is accessible at:
                </div>
                <div style="background:var(--bg);border-radius:6px;
                             padding:8px 10px;font-size:.75rem;
                             font-family:monospace;word-break:break-all;
                             color:var(--clay);">
                    {{ url('/' . $property->slug . '/dashboard') }}
                </div>
                <div style="font-size:.68rem;color:var(--muted);margin-top:6px;">
                    Property slug: <strong>{{ $property->slug }}</strong>
                </div>
            </div>
        </div>

        {{-- Save --}}
        <button type="submit" class="btn btn-primary w-100">
            <i class="bi bi-check-lg me-1"></i>Save Settings
        </button>
    </div>

</div>

</form>

@endsection