@extends('layouts.dashboard')

@section('content')
<div class="max-w-5xl mx-auto p-6 space-y-6">

    @if(session('success'))
        <div class="rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 px-5 py-4 shadow-sm">
            {{ session('success') }}
        </div>
    @endif

    <div>
        <h1 class="text-3xl font-black">Company Settings</h1>
        <p class="text-sm opacity-60 mt-1">
            Company information used in PDF catalogs and cover pages.
        </p>
    </div>

    <form method="POST"
          action="{{ route('company-settings.update') }}"
          enctype="multipart/form-data"
          class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        @csrf

        <div class="lg:col-span-1">
            <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6 space-y-4">

                <h2 class="text-xl font-black">Company Logo</h2>

                <div class="h-48 rounded-2xl bg-slate-50 border border-gray-100 flex items-center justify-center overflow-hidden">
                    @if($settings->logo)
                        <img src="{{ asset('storage/' . $settings->logo) }}"
                             class="max-h-44 max-w-full object-contain p-4">
                    @else
                        <div class="text-center opacity-50">
                            <div class="text-5xl">🖼</div>
                            <div class="text-sm font-bold mt-2">No Logo</div>
                        </div>
                    @endif
                </div>

                <input type="file"
                       name="logo"
                       accept="image/*"
                       class="file-input file-input-bordered w-full">

                @error('logo')
                    <div class="text-sm text-red-600">{{ $message }}</div>
                @enderror

            </div>
        </div>

        <div class="lg:col-span-2">
            <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6 space-y-5">

                <h2 class="text-xl font-black">Company Details</h2>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

                    <div>
                        <label class="label">
                            <span class="label-text font-bold">Company Name</span>
                        </label>
                        <input type="text"
                               name="company_name"
                               value="{{ old('company_name', $settings->company_name) }}"
                               class="input input-bordered w-full"
                               placeholder="Example: WIWU UAE">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text font-bold">Phone</span>
                        </label>
                        <input type="text"
                               name="phone"
                               value="{{ old('phone', $settings->phone) }}"
                               class="input input-bordered w-full"
                               placeholder="+971...">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text font-bold">WhatsApp</span>
                        </label>
                        <input type="text"
                               name="whatsapp"
                               value="{{ old('whatsapp', $settings->whatsapp) }}"
                               class="input input-bordered w-full"
                               placeholder="+971...">
                    </div>

                    <div>
                        <label class="label">
                            <span class="label-text font-bold">Email</span>
                        </label>
                        <input type="email"
                               name="email"
                               value="{{ old('email', $settings->email) }}"
                               class="input input-bordered w-full"
                               placeholder="info@example.com">
                    </div>

                    <div class="md:col-span-2">
                        <label class="label">
                            <span class="label-text font-bold">Website</span>
                        </label>
                        <input type="text"
                               name="website"
                               value="{{ old('website', $settings->website) }}"
                               class="input input-bordered w-full"
                               placeholder="https://example.com">
                    </div>

                    <div class="md:col-span-2 rounded-2xl border border-slate-200 bg-slate-50 p-5">
                        <h3 class="text-lg font-black text-slate-900">Invoice pricing</h3>
                        <p class="mt-1 text-sm text-slate-500">Authoritative settings used by Laravel and the mobile app.</p>
                        <div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
                            <label class="flex items-center gap-3 rounded-xl bg-white p-4"><input type="checkbox" name="cash_discount_enabled" value="1" class="toggle toggle-primary" @checked(old('cash_discount_enabled', $settings->cash_discount_enabled))><span class="font-bold">Enable cash discount</span></label>
                            <label class="flex items-center gap-3 rounded-xl bg-white p-4"><input type="checkbox" name="prices_include_vat" value="1" class="toggle toggle-primary" @checked(old('prices_include_vat', $settings->prices_include_vat))><span class="font-bold">Catalog prices include VAT</span></label>
                            <div><label class="label"><span class="label-text font-bold">Cash discount %</span></label><input class="input input-bordered w-full" type="number" step="0.01" min="0" max="100" name="cash_discount_percentage" value="{{ old('cash_discount_percentage', $settings->cash_discount_percentage ?? 5) }}"></div>
                            <div><label class="label"><span class="label-text font-bold">Effective date</span></label><input class="input input-bordered w-full" type="date" name="cash_discount_effective_date" value="{{ old('cash_discount_effective_date', $settings->cash_discount_effective_date?->format('Y-m-d')) }}"></div>
                            <div><label class="label"><span class="label-text font-bold">VAT rate %</span></label><input class="input input-bordered w-full" type="number" step="0.01" min="0" max="100" name="vat_rate" value="{{ old('vat_rate', $settings->vat_rate ?? 5) }}"></div>
                        </div>
                    </div>

                    @foreach([
                        'trn' => 'Tax Registration Number (TRN)',
                        'po_box' => 'P.O. Box',
                        'bank_account_name' => 'Bank Account Name',
                        'bank_name' => 'Bank Name',
                        'bank_account_number' => 'Bank Account Number',
                        'iban' => 'IBAN',
                        'swift_code' => 'SWIFT Code',
                        'bank_branch' => 'Bank Branch',
                    ] as $field => $label)
                        <div>
                            <label class="label"><span class="label-text font-bold">{{ $label }}</span></label>
                            <input type="text" name="{{ $field }}" value="{{ old($field, $settings->{$field}) }}" class="input input-bordered w-full">
                        </div>
                    @endforeach

                    <div class="md:col-span-2">
                        <label class="label">
                            <span class="label-text font-bold">Address</span>
                        </label>
                        <textarea name="address"
                                  class="textarea textarea-bordered w-full"
                                  rows="3"
                                  placeholder="Company address">{{ old('address', $settings->address) }}</textarea>
                    </div>

                    <div class="md:col-span-2">
                        <label class="label">
                            <span class="label-text font-bold">PDF Footer Note</span>
                        </label>
                        <textarea name="footer_note"
                                  class="textarea textarea-bordered w-full"
                                  rows="3"
                                  placeholder="Generated by Shipment Catalog Generator">{{ old('footer_note', $settings->footer_note) }}</textarea>
                    </div>

                </div>

                <div class="flex gap-2 pt-4">
                    <button class="btn btn-primary">
                        💾 Save Settings
                    </button>

                    <a href="{{ route('dashboard') }}" class="btn btn-ghost">
                        Cancel
                    </a>
                </div>

            </div>
        </div>

    </form>

</div>
@endsection