@extends('admin.preferences._layout')

@php
    $extraOpen = $showExtraPanel
        || $company->bank_ad_code || $company->bank_swift;
@endphp

@section('preferences_content')
<div class="card billing-form-card border-0 shadow-sm">
    <div class="card-header bg-transparent border-bottom">
        <h5 class="mb-0 fw-semibold">Profile</h5>
        <p class="text-muted small mb-0 mt-1">Your company details appear on invoices, quotes, and other documents.</p>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.preferences.profile.update') }}" enctype="multipart/form-data" id="company-profile-form">
            @csrf
            @method('PUT')

            {{-- Logo --}}
            <div class="row g-4 mb-4">
                <div class="col-md-5">
                    <label class="form-label">Your logo</label>
                    <div class="billing-file-drop-wrap">
                        @if($company->logo_path)
                            <img src="{{ asset('storage/'.$company->logo_path) }}" alt="Logo" class="billing-file-drop__preview-square mb-2" id="logo-preview-existing">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_logo" value="1" id="remove_logo">
                                <label class="form-check-label small" for="remove_logo">Remove current logo</label>
                            </div>
                        @endif
                        <div class="billing-signature-upload__zone billing-file-drop billing-file-drop--logo"
                            id="logo-drop-zone"
                            data-file-drop
                            data-input="company_logo"
                            data-preview-new="logo-preview-new"
                            data-remove-checkbox="remove_logo"
                            role="button" tabindex="0">
                            <input type="file" name="company_logo" id="company_logo" class="billing-signature-upload__input" accept="image/jpeg,image/png,image/gif,image/webp">
                            <div data-placeholder id="logo-placeholder">
                                <i class="ri-upload-cloud-2-line fs-24 text-primary"></i>
                                <span class="small d-block mt-1">Drag here or click to upload a file</span>
                                <span class="small text-muted d-block" data-file-name id="logo-file-name"></span>
                            </div>
                            <img src="" alt="" class="billing-file-drop__preview-square d-none" id="logo-preview-new">
                        </div>
                    </div>
                </div>
                <div class="col-md-7 d-flex align-items-center">
                    <p class="text-muted small mb-0">
                        This logo will appear on documents (invoices, quotes, etc.).
                        Preferred image size: <strong>240px × 240px</strong> at 72 DPI.
                    </p>
                </div>
            </div>

            <hr class="my-4">

            {{-- Company information (Sleek Bill field order) --}}
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Company name <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $company->name) }}" required>
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">Default currency</label>
                    <select name="currency" class="form-select">
                        @foreach(config('company.currencies', []) as $cur)
                            <option value="{{ $cur }}" @selected(old('currency', $company->currency) === $cur)>{{ $cur }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Country</label>
                    <select name="country" class="form-select">
                        @foreach(config('company.countries', []) as $c)
                            <option value="{{ $c }}" @selected(old('country', $company->country) === $c)>{{ $c }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">State</label>
                    <select name="state" class="form-select">
                        <option value="">Select state</option>
                        @foreach(config('company.indian_states', []) as $st)
                            <option value="{{ $st }}" @selected(old('state', $company->state) === $st)>{{ $st }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">City</label>
                    <input type="text" name="city" class="form-control" value="{{ old('city', $company->city) }}" placeholder="Enter city">
                </div>
                <div class="col-md-6">
                    <label class="form-label">PIN / ZIP code</label>
                    <input type="text" name="pincode" class="form-control" value="{{ old('pincode', $company->pincode) }}" placeholder="Enter PIN or ZIP">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Address line 1</label>
                    <textarea name="address_line1" class="form-control" rows="2" placeholder="Street, building, area">{{ old('address_line1', $company->address_line1) }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Address line 2</label>
                    <textarea name="address_line2" class="form-control" rows="2" placeholder="Landmark, suite (optional)">{{ old('address_line2', $company->address_line2) }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Email</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email', $company->email) }}" placeholder="company@example.com">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Website</label>
                    <input type="text" name="website" class="form-control" value="{{ old('website', $company->website) }}" placeholder="https://example.com">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Phone</label>
                    <input type="text" name="phone" class="form-control" value="{{ old('phone', $company->phone) }}" placeholder="+91 99999 99999">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Taxation type</label>
                    <select name="taxation_type" class="form-select">
                        <option value="">Select taxation type</option>
                        @foreach(config('company.taxation_types', []) as $key => $label)
                            <option value="{{ $key }}" @selected(old('taxation_type', $company->taxation_type) === $key)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Service tax no.</label>
                    <input type="text" name="service_tax_no" class="form-control" value="{{ old('service_tax_no', $company->service_tax_no) }}" placeholder="Enter service tax number">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Contact name</label>
                    <input type="text" name="contact_name" class="form-control" value="{{ old('contact_name', $company->contact_name) }}" placeholder="Primary contact person">
                </div>
                <div class="col-md-6">
                    <label class="form-label d-block">Tax inclusive rates</label>
                    <div class="form-check form-switch mt-2">
                        <input type="hidden" name="tax_inclusive_rates" value="0">
                        <input class="form-check-input billing-pref-switch" type="checkbox" name="tax_inclusive_rates" value="1" id="tax_inclusive_rates" @checked(old('tax_inclusive_rates', $company->tax_inclusive_rates))>
                        <label class="form-check-label" for="tax_inclusive_rates" id="tax_inclusive_rates_label">{{ old('tax_inclusive_rates', $company->tax_inclusive_rates) ? 'ON' : 'OFF' }}</label>
                    </div>
                    <small class="text-muted">When ON, item rates on documents include tax.</small>
                </div>
            </div>

            <hr class="my-4">

            {{-- Bank details (Sleek Bill order) --}}
            <h6 class="fw-semibold mb-3">Bank details</h6>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Bank name</label>
                    <input type="text" name="bank_name" class="form-control" value="{{ old('bank_name', $company->bank_name) }}" placeholder="Enter bank name">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Account number</label>
                    <input type="text" name="bank_account" class="form-control" value="{{ old('bank_account', $company->bank_account) }}" placeholder="Enter account number">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Branch name</label>
                    <input type="text" name="bank_branch" class="form-control" value="{{ old('bank_branch', $company->bank_branch) }}" placeholder="Enter branch name">
                </div>
                <div class="col-md-6">
                    <label class="form-label">IFSC code</label>
                    <input type="text" name="bank_ifsc" class="form-control" value="{{ old('bank_ifsc', $company->bank_ifsc) }}" placeholder="Enter IFSC code">
                </div>
                <div class="col-md-6">
                    <label class="form-label">AD code</label>
                    <input type="text" name="bank_ad_code" class="form-control" value="{{ old('bank_ad_code', $company->bank_ad_code) }}" placeholder="Enter AD code">
                </div>
                <div class="col-md-6">
                    <label class="form-label">SWIFT code</label>
                    <input type="text" name="bank_swift" class="form-control" value="{{ old('bank_swift', $company->bank_swift) }}" placeholder="Enter SWIFT code">
                </div>
                <div class="col-md-6">
                    <label class="form-label">UPI ID</label>
                    <input type="text" name="upi_id" class="form-control" value="{{ old('upi_id', $company->upi_id) }}" placeholder="name@upi">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Account holder name</label>
                    <input type="text" name="account_holder_name" class="form-control" value="{{ old('account_holder_name', $company->account_holder_name) }}" placeholder="Enter account holder name">
                </div>

                <div class="col-md-6">
                    <label class="form-label" for="bank_iban">IBAN</label>
                    <input type="text" name="bank_iban" id="bank_iban" class="form-control" value="{{ old('bank_iban', $company->bank_iban) }}" placeholder="Enter IBAN">
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="bank_sort_code">SORT Code</label>
                    <input type="text" name="bank_sort_code" id="bank_sort_code" class="form-control" value="{{ old('bank_sort_code', $company->bank_sort_code) }}" placeholder="Enter SORT code">
                </div>
            </div>

            {{-- Extra registration / tax fields --}}
            <div class="billing-profile-extra mt-4">
                <button type="button"
                    class="btn btn-light btn-sm border billing-profile-extra__toggle"
                    id="btn-toggle-extra-fields"
                    aria-expanded="{{ $extraOpen ? 'true' : 'false' }}"
                    aria-controls="profile-extra-fields-panel">
                    <i class="ri-arrow-down-s-line billing-profile-extra__chevron {{ $extraOpen ? 'is-open' : '' }}" aria-hidden="true"></i>
                    <span data-toggle-label>{{ $extraOpen ? 'Hide extra field options' : 'Show extra field options' }}</span>
                </button>

                <div id="profile-extra-fields-panel"
                    class="billing-profile-extra__panel {{ $extraOpen ? '' : 'd-none' }}">
                    <p class="text-muted small mt-3 mb-2">
                        Optional tax and registration numbers for your documents.
                    </p>
                    <div class="row g-3">
                        @foreach($extraFields as $field)
                            @php
                                $key = $field['key'];
                                $val = old("extra_fields.{$key}", $field['value']);
                            @endphp
                            @include('admin.preferences.partials.profile-labeled-field', [
                                'label' => $field['label'],
                                'name' => "extra_fields[{$key}]",
                                'value' => $val,
                                'placeholder' => $field['placeholder'] ?? 'Enter value',
                                'maxlength' => $field['maxlength'] ?? null,
                                'inputId' => "extra_field_{$key}",
                            ])
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="billing-preferences__footer mt-4 pt-3 border-top">
                <button type="submit" class="btn btn-success px-4">
                    <i class="ri-check-line me-1"></i> Save
                </button>
                <a href="{{ route('admin.dashboard') }}" class="btn btn-light ms-2">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('js/file-drop-upload.js') }}"></script>
<script src="{{ asset('js/company-profile.js') }}"></script>
@endpush