@extends('layouts.admin')

@section('title', 'Store Settings')
@section('page_title', 'Store Settings')

@section('content')
<div class="row mb-3">
    <div class="col-md-12 text-end">
        <a href="{{ route('admin.settings.home-sections') }}" class="btn btn-outline-primary">
            <i class="bi bi-layout-text-window"></i> Manage Home Sections
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h5 class="mb-0">Store Configuration</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.update') }}" method="POST">
                    @csrf @method('PUT')

                    <!-- General Settings -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">General Settings</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="store_name" class="form-label">Store Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('store_name') is-invalid @enderror" id="store_name" name="store_name" value="{{ old('store_name', $settings->get('store_name', 'My Store')) }}" required placeholder="Enter store name">
                                @error('store_name')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="store_email" class="form-label">Store Email <span class="text-danger">*</span></label>
                                <input type="email" class="form-control @error('store_email') is-invalid @enderror" id="store_email" name="store_email" value="{{ old('store_email', $settings->get('store_email', '')) }}" required placeholder="contact@store.com">
                                @error('store_email')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="store_description" class="form-label">Store Description</label>
                            <textarea class="form-control @error('store_description') is-invalid @enderror" id="store_description" name="store_description" rows="3" placeholder="Enter store description">{{ old('store_description', $settings->get('store_description', '')) }}</textarea>
                            @error('store_description')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Contact Information -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Contact Information</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="phone" class="form-label">Phone Number</label>
                                <input type="tel" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone" value="{{ old('phone', $settings->get('phone', '')) }}" placeholder="+1 (555) 123-4567">
                                @error('phone')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="support_email" class="form-label">Support Email</label>
                                <input type="email" class="form-control @error('support_email') is-invalid @enderror" id="support_email" name="support_email" value="{{ old('support_email', $settings->get('support_email', '')) }}" placeholder="support@store.com">
                                @error('support_email')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <!-- Address Information -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Store Address</h6>
                        
                        <div class="mb-3">
                            <label for="street_address" class="form-label">Street Address</label>
                            <input type="text" class="form-control @error('street_address') is-invalid @enderror" id="street_address" name="street_address" value="{{ old('street_address', $settings->get('street_address', '')) }}" placeholder="123 Main Street">
                            @error('street_address')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="city" class="form-label">City</label>
                                <input type="text" class="form-control @error('city') is-invalid @enderror" id="city" name="city" value="{{ old('city', $settings->get('city', '')) }}" placeholder="City">
                                @error('city')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="state" class="form-label">State/Province</label>
                                <input type="text" class="form-control @error('state') is-invalid @enderror" id="state" name="state" value="{{ old('state', $settings->get('state', '')) }}" placeholder="State">
                                @error('state')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="zip" class="form-label">ZIP/Postal Code</label>
                                <input type="text" class="form-control @error('zip') is-invalid @enderror" id="zip" name="zip" value="{{ old('zip', $settings->get('zip', '')) }}" placeholder="ZIP Code">
                                @error('zip')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="country" class="form-label">Country</label>
                            <input type="text" class="form-control @error('country') is-invalid @enderror" id="country" name="country" value="{{ old('country', $settings->get('country', '')) }}" placeholder="Country">
                            @error('country')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Social Media Links -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Social Media</h6>
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="facebook" class="form-label">Facebook URL</label>
                                <input type="url" class="form-control" id="facebook" name="facebook" value="{{ old('facebook', $settings->get('facebook', '')) }}" placeholder="https://facebook.com/yourstore">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="twitter" class="form-label">Twitter URL</label>
                                <input type="url" class="form-control" id="twitter" name="twitter" value="{{ old('twitter', $settings->get('twitter', '')) }}" placeholder="https://twitter.com/yourstore">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="instagram" class="form-label">Instagram URL</label>
                                <input type="url" class="form-control" id="instagram" name="instagram" value="{{ old('instagram', $settings->get('instagram', '')) }}" placeholder="https://instagram.com/yourstore">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="linkedin" class="form-label">LinkedIn URL</label>
                                <input type="url" class="form-control" id="linkedin" name="linkedin" value="{{ old('linkedin', $settings->get('linkedin', '')) }}" placeholder="https://linkedin.com/company/yourstore">
                            </div>
                        </div>
                    </div>

                    <!-- Policies -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Policies & Information</h6>
                        
                        <div class="mb-3">
                            <label for="about_us" class="form-label">About Us</label>
                            <textarea class="form-control" id="about_us" name="about_us" rows="4" placeholder="Tell customers about your store">{{ old('about_us', $settings->get('about_us', '')) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label for="shipping_policy" class="form-label">Shipping Policy</label>
                            <textarea class="form-control" id="shipping_policy" name="shipping_policy" rows="4" placeholder="Enter your shipping policy">{{ old('shipping_policy', $settings->get('shipping_policy', '')) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label for="return_policy" class="form-label">Return Policy</label>
                            <textarea class="form-control" id="return_policy" name="return_policy" rows="4" placeholder="Enter your return policy">{{ old('return_policy', $settings->get('return_policy', '')) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label for="privacy_policy" class="form-label">Privacy Policy</label>
                            <textarea class="form-control" id="privacy_policy" name="privacy_policy" rows="4" placeholder="Enter your privacy policy">{{ old('privacy_policy', $settings->get('privacy_policy', '')) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label for="terms_and_conditions" class="form-label">Terms & Conditions</label>
                            <textarea class="form-control" id="terms_and_conditions" name="terms_and_conditions" rows="4" placeholder="Enter your terms and conditions">{{ old('terms_and_conditions', $settings->get('terms_and_conditions', '')) }}</textarea>
                        </div>
                    </div>

                    <!-- Shipping Settings -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Shipping Settings</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="standard_shipping_cost" class="form-label">Standard Shipping Cost</label>
                                <div class="input-group">
                                    <span class="input-group-text">{{ old('currency_symbol', $settings->get('currency_symbol', '$')) }}</span>
                                    <input type="number" step="0.01" class="form-control" id="standard_shipping_cost" name="standard_shipping_cost" value="{{ old('standard_shipping_cost', $settings->get('standard_shipping_cost', '0')) }}" placeholder="0.00">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for="free_shipping_threshold" class="form-label">Free Shipping Threshold</label>
                                <div class="input-group">
                                    <span class="input-group-text">{{ old('currency_symbol', $settings->get('currency_symbol', '$')) }}</span>
                                    <input type="number" step="0.01" class="form-control" id="free_shipping_threshold" name="free_shipping_threshold" value="{{ old('free_shipping_threshold', $settings->get('free_shipping_threshold', '0')) }}" placeholder="0.00">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Tax Settings -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Tax Settings</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="tax_rate" class="form-label">Tax Rate (%)</label>
                                <input type="number" step="0.01" class="form-control" id="tax_rate" name="tax_rate" value="{{ old('tax_rate', $settings->get('tax_rate', '0')) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-6">
                                <label for="currency_code" class="form-label">Currency Code</label>
                                <input type="text" class="form-control @error('currency_code') is-invalid @enderror" id="currency_code" name="currency_code" value="{{ old('currency_code', $settings->get('currency_code', 'USD')) }}" placeholder="USD" maxlength="3">
                                @error('currency_code')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="currency_symbol" class="form-label">Currency Symbol</label>
                                <input type="text" class="form-control @error('currency_symbol') is-invalid @enderror" id="currency_symbol" name="currency_symbol" value="{{ old('currency_symbol', $settings->get('currency_symbol', '$')) }}" placeholder="$" maxlength="8">
                                @error('currency_symbol')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <!-- Footer Settings -->
                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Footer Settings</h6>

                        <div class="mb-3">
                            <label for="footer_about" class="form-label">Footer About Text</label>
                            <textarea class="form-control @error('footer_about') is-invalid @enderror" id="footer_about" name="footer_about" rows="3" placeholder="Short description shown in the footer About column">{{ old('footer_about', $settings->footer_about ?? '') }}</textarea>
                            <div class="form-text">Displayed in the &ldquo;About&rdquo; column of the site footer.</div>
                            @error('footer_about')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="footer_copyright" class="form-label">Copyright Text</label>
                            <input type="text" class="form-control @error('footer_copyright') is-invalid @enderror" id="footer_copyright" name="footer_copyright"
                                   value="{{ old('footer_copyright', $settings->footer_copyright ?? '') }}"
                                   placeholder="e.g. All rights reserved.">
                            <div class="form-text">Shown at the bottom of the footer after &ldquo;&copy; 2026 Store Name&rdquo;. Leave blank for default.</div>
                            @error('footer_copyright')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> Save Settings
                        </button>
                        <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection