@extends('admin.preferences._layout')

@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">General</h5>
        <p class="text-muted small mb-0 mt-1">Configure formatting, documents, inventory, and display options for your company.</p>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.preferences.general.update') }}" enctype="multipart/form-data" id="preferences-form">
            @csrf
            @method('PUT')

            <div class="row g-4">
                <div class="col-md-6">
                    <label class="form-label">Date format</label>
                    <select name="date_format" class="form-select">
                        @foreach(config('preferences.date_formats') as $value => $label)
                            <option value="{{ $value }}" @selected(old('date_format', $settings['date_format']) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Decimal places</label>
                    <select name="decimal_places" class="form-select">
                        @foreach(config('preferences.decimal_places') as $dp)
                            <option value="{{ $dp }}" @selected((int) old('decimal_places', $settings['decimal_places']) === $dp)>{{ $dp }}</option>
                        @endforeach
                    </select>
                    <small class="text-muted">ex: ₹ {{ number_format(12.345, (int) $settings['decimal_places']) }}</small>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Decimal places for quantity</label>
                    <select name="quantity_decimal_places" class="form-select">
                        @foreach(config('preferences.quantity_decimal_places') as $dp)
                            <option value="{{ $dp }}" @selected((int) old('quantity_decimal_places', $settings['quantity_decimal_places']) === $dp)>{{ $dp }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Document prefix separator</label>
                    <select name="document_prefix_separator" class="form-select">
                        @foreach(config('preferences.prefix_separators') as $value => $label)
                            <option value="{{ $value }}" @selected(old('document_prefix_separator', $settings['document_prefix_separator']) === (string) $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <hr class="my-4">

            <div class="billing-preferences__toggles">
                @foreach(config('preferences.toggles') as $toggle)
                    @php $on = (bool) old($toggle['key'], $settings[$toggle['key']] ?? $toggle['default']); @endphp
                    <div class="billing-pref-toggle">
                        <div class="billing-pref-toggle__text">
                            <span class="billing-pref-toggle__label">{{ $toggle['label'] }}</span>
                            @if(!empty($toggle['hint']))
                                <small class="text-muted d-block">{{ $toggle['hint'] }}</small>
                            @endif
                        </div>
                        <div class="form-check form-switch mb-0">
                            <input type="hidden" name="{{ $toggle['key'] }}" value="0">
                            <input class="form-check-input billing-pref-switch" type="checkbox"
                                name="{{ $toggle['key'] }}" value="1" id="pref_{{ $toggle['key'] }}"
                                @checked($on)>
                        </div>
                    </div>
                @endforeach
            </div>

            <hr class="my-4">

            <h6 class="fw-semibold mb-3">Signatures</h6>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label">Primary signature</label>
                    <input type="text" name="primary_signature_label" class="form-control"
                        value="{{ old('primary_signature_label', $settings['primary_signature_label']) }}"
                        placeholder="Provider Signature">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Secondary signature</label>
                    <input type="text" name="secondary_signature_label" class="form-control"
                        value="{{ old('secondary_signature_label', $settings['secondary_signature_label']) }}"
                        placeholder="Receiver Signature">
                </div>
            </div>

            <div class="row g-3 align-items-start">
                <div class="col-md-5">
                    <label class="form-label">Your signature</label>
                    <div class="billing-signature-upload">
                        @if($company->signature_image_path)
                            <img src="{{ asset('storage/'.$company->signature_image_path) }}" alt="Signature" class="billing-signature-upload__preview mb-2" id="signature-preview-existing">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_signature" value="1" id="remove_signature">
                                <label class="form-check-label small" for="remove_signature">Remove current signature</label>
                            </div>
                        @endif
                        <div class="billing-signature-upload__zone billing-file-drop" id="signature-drop-zone"
                            data-file-drop
                            data-input="signature_image"
                            data-preview-new="signature-preview-new"
                            data-remove-checkbox="remove_signature"
                            role="button" tabindex="0" aria-label="Upload signature image">
                            <input type="file" name="signature_image" id="signature_image" class="billing-signature-upload__input" accept="image/jpeg,image/png,image/gif,image/webp">
                            <div data-placeholder id="signature-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="signature-file-name"></span>
                            </div>
                            <img src="" alt="" class="billing-signature-upload__preview d-none" id="signature-preview-new">
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <p class="text-muted small mb-0">
                        This signature will appear on documents (invoices, quotes, etc.).
                        Preferred image size: <strong>240px × 80px</strong> at 72 DPI.
                    </p>
                </div>
            </div>

            <hr class="my-4">

            <div class="row g-3 align-items-end">
                <div class="col-md-6">
                    <label class="form-label">End financial year on</label>
                    <input type="date" name="financial_year_end" class="form-control"
                        value="{{ old('financial_year_end', $company->financial_year_end?->format('Y-m-d')) }}">
                    <small class="text-muted">Resets fiscal year tracking and document numbering when changed.</small>
                </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>
@endpush