@extends('master-admin')

@section('content')
<section class="py-8">
    <div class="max-w-5xl mx-auto px-4">
        @if(session('success'))
            <div class="mb-4 p-4 rounded bg-green-100 text-green-800 border border-green-200">{{ session('success') }}</div>
        @endif
        <div class="bg-white rounded-xl shadow p-6">
            <h1 class="text-2xl font-bold mb-6 text-gray-800">Settings</h1>
            <form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data" class="space-y-8">
                @csrf
                <!-- Tax Settings -->
                <div>
                    <h2 class="text-lg font-semibold text-gray-700 mb-4">Tax Settings</h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label class="inline-flex items-center cursor-pointer">
                                <input type="checkbox" name="enable_tax" value="1" class="form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500" {{ old('enable_tax', $config->enable_tax) ? 'checked' : '' }}>
                                <span class="ml-2 text-gray-700 font-medium">Enable Tax</span>
                            </label>
                            @error('enable_tax')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="activePaymentGateway" class="block text-gray-700 font-medium mb-1">Active Payment Gateway</label>
                            <select id="activePaymentGateway" name="active_payment_gateway" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                                <option value="" {{ old('active_payment_gateway', $config->active_payment_gateway) == null ? 'selected' : '' }}>None</option>
                                <option value="PhonePe" {{ old('active_payment_gateway', $config->active_payment_gateway) == 'PhonePe' ? 'selected' : '' }}>PhonePe</option>
                                <option value="Paytm" {{ old('active_payment_gateway', $config->active_payment_gateway) == 'Paytm' ? 'selected' : '' }}>Paytm</option>
                                <option value="RazorPay" {{ old('active_payment_gateway', $config->active_payment_gateway) == 'RazorPay' ? 'selected' : '' }}>RazorPay</option>
                                <option value="Paypal" {{ old('active_payment_gateway', $config->active_payment_gateway) == 'Paypal' ? 'selected' : '' }}>Paypal</option>
                                <option value="Stripe" {{ old('active_payment_gateway', $config->active_payment_gateway) == 'Stripe' ? 'selected' : '' }}>Stripe</option>
                            </select>
                            @error('active_payment_gateway')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="igstRate" class="block text-gray-700 font-medium mb-1">IGST Rate (%)</label>
                            <input type="number" step="0.01" id="igstRate" name="igst_rate" value="{{ old('igst_rate', $config->igst_rate) }}" required placeholder="Enter IGST Rate" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('igst_rate')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="cgstRate" class="block text-gray-700 font-medium mb-1">CGST Rate (%)</label>
                            <input type="number" step="0.01" id="cgstRate" name="cgst_rate" value="{{ old('cgst_rate', $config->cgst_rate) }}" required placeholder="Enter CGST Rate" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('cgst_rate')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="sgstRate" class="block text-gray-700 font-medium mb-1">SGST Rate (%)</label>
                            <input type="number" step="0.01" id="sgstRate" name="sgst_rate" value="{{ old('sgst_rate', $config->sgst_rate) }}" required placeholder="Enter SGST Rate" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('sgst_rate')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <hr class="my-8">
                <!-- Business Address -->
                <div>
                    <h2 class="text-lg font-semibold text-gray-700 mb-4">Business Address</h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="business_name" class="block text-gray-700 font-medium mb-1">Business Name</label>
                            <input type="text" id="business_name" name="business_name" value="{{ old('business_name', $config->business_name) }}" placeholder="Enter Business Name" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('business_name')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="address1" class="block text-gray-700 font-medium mb-1">Address Line 1</label>
                            <input type="text" id="address1" name="address_1" value="{{ old('address_1', $config->address_1) }}" placeholder="Enter Address Line 1" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('address_1')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="address2" class="block text-gray-700 font-medium mb-1">Address Line 2</label>
                            <input type="text" id="address2" name="address_2" value="{{ old('address_2', $config->address_2) }}" placeholder="Enter Address Line 2" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('address_2')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="locality" class="block text-gray-700 font-medium mb-1">Locality</label>
                            <input type="text" id="locality" name="locality" value="{{ old('locality', $config->locality) }}" placeholder="Enter Locality" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('locality')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="landmark" class="block text-gray-700 font-medium mb-1">Landmark</label>
                            <input type="text" id="landmark" name="landmark" value="{{ old('landmark', $config->landmark) }}" placeholder="Enter Landmark" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('landmark')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="city" class="block text-gray-700 font-medium mb-1">City</label>
                            <input type="text" id="city" name="city" value="{{ old('city', $config->city) }}" placeholder="Enter City" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('city')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="state" class="block text-gray-700 font-medium mb-1">State</label>
                            <input type="text" id="state" name="state" value="{{ old('state', $config->state) }}" placeholder="Enter State" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('state')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="country" class="block text-gray-700 font-medium mb-1">Country</label>
                            <input type="text" id="country" name="country" value="{{ old('country', $config->country) }}" placeholder="Enter Country" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('country')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="pincode" class="block text-gray-700 font-medium mb-1">Pincode</label>
                            <input type="text" id="pincode" name="pincode" value="{{ old('pincode', $config->pincode) }}" placeholder="Enter Pincode" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('pincode')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <hr class="my-8">
                <!-- Business Contact -->
                <div>
                    <h2 class="text-lg font-semibold text-gray-700 mb-4">Business Contact</h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="businessEmail" class="block text-gray-700 font-medium mb-1">Business Email</label>
                            <input type="email" id="businessEmail" name="business_email" value="{{ old('business_email', $config->business_email) }}" placeholder="Enter Business Email" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('business_email')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="businessPhone" class="block text-gray-700 font-medium mb-1">Business Phone</label>
                            <input type="text" id="businessPhone" name="business_phone" value="{{ old('business_phone', $config->business_phone) }}" placeholder="Enter Business Phone" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('business_phone')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <hr class="my-8">
                <!-- Business Meta -->
                <div>
                    <h2 class="text-lg font-semibold text-gray-700 mb-4">Business Meta</h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="businessGST" class="block text-gray-700 font-medium mb-1">Business GST Number</label>
                            <input type="text" id="businessGST" name="gst_number" value="{{ old('gst_number', $config->gst_number) }}" placeholder="Enter Business GST Number" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('gst_number')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="businessLogo" class="block text-gray-700 font-medium mb-1">Business Logo</label>
                            <input type="file" id="businessLogo" name="business_logo" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100">
                            @error('business_logo')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div>
                            <label for="businessWebsite" class="block text-gray-700 font-medium mb-1">Business Website</label>
                            <input type="url" id="businessWebsite" name="business_website" value="{{ old('business_website', $config->business_website) }}" placeholder="Enter Business Website" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">
                            @error('business_website')
                            <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="mt-8">
                    <label for="termsConditions" class="block text-gray-700 font-medium mb-1">Terms and Conditions <span class="text-sm font-normal text-gray-500">(For Invoice)</span></label>
                    <textarea id="termsConditions" name="terms_and_conditions" rows="4" placeholder="Enter Terms and Conditions" class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white text-gray-900 px-3 py-2">{{ old('terms_and_conditions', $config->terms_and_conditions) }}</textarea>
                    @error('terms_and_conditions')
                    <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mt-8">
                    <button type="submit" class="w-full md:w-auto px-6 py-3 bg-indigo-600 text-white rounded-lg font-semibold shadow hover:bg-indigo-700 transition">Update Configurations</button>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection