@extends('backend.app')

@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
                <h4 class="mb-sm-0">System Settings</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Settings</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Update System Settings</h4>
                </div><!-- end card header -->

                <form action="{{ route('admin.system-settings.update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="row gy-4">

                            {{-- Logo --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="logo" class="form-label">Logo</label>
                                    <input type="file" name="logo" id="logo" class="form-control dropify" data-allowed-file-extensions="jpg jpeg png svg"
                                        data-default-file="{{ $setting && $setting->logo ? asset($setting->logo) : '' }}">
                                    <input type="hidden" name="remove_logo" id="remove_logo_hidden" value="0">
                                    @error('logo')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Favicon --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="favicon" class="form-label">Favicon</label>
                                    <input type="file" name="favicon" id="favicon" class="form-control dropify" data-allowed-file-extensions="jpg jpeg png svg ico"
                                        data-default-file="{{ $setting && $setting->favicon ? asset($setting->favicon) : '' }}">
                                    <input type="hidden" name="remove_favicon" id="remove_favicon_hidden" value="0">
                                    @error('favicon')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Company Name --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="company_name" class="form-label">Company Name</label>
                                    <input type="text" name="company_name" id="company_name" class="form-control" placeholder="Enter company name"
                                        value="{{ old('company_name', $setting->company_name ?? '') }}">
                                    @error('company_name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Tag Line --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="tag_line" class="form-label">Tag Line</label>
                                    <input type="text" name="tag_line" id="tag_line" class="form-control" placeholder="Enter tag line" value="{{ old('tag_line', $setting->tag_line ?? '') }}">
                                    @error('tag_line')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Phone Number --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="phone_number" class="form-label">Phone Number</label>
                                    <input type="text" name="phone_number" id="phone_number" class="form-control" placeholder="Enter phone number"
                                        value="{{ old('phone_number', $setting->phone_number ?? '') }}">
                                    @error('phone_number')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- WhatsApp Number --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="whatsapp_number" class="form-label">WhatsApp Number</label>
                                    <input type="text" name="whatsapp_number" id="whatsapp_number" class="form-control" placeholder="Enter WhatsApp number"
                                        value="{{ old('whatsapp_number', $setting->whatsapp_number ?? '') }}">
                                    @error('whatsapp_number')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Email --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="email" class="form-label">Email</label>
                                    <input type="email" name="email" id="email" class="form-control" placeholder="Enter email address" value="{{ old('email', $setting->email ?? '') }}">
                                    @error('email')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                             {{-- Tax Percentage --}}
                            <div class="col-xxl-6 col-md-6">
                                <div>
                                    <label for="tax_percentage" class="form-label">Tax Percentage (%)</label>
                                    <input type="number" name="tax_percentage" id="tax_percentage" class="form-control" placeholder="e.g., 10.50" step="0.01" min="0" max="100"
                                        value="{{ old('tax_percentage', $setting->tax_percentage ?? '') }}">
                                    @error('tax_percentage')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Company Address --}}
                            <div class="col-xxl-12 col-md-12">
                                <div>
                                    <label for="company_address" class="form-label">Company Address</label>
                                    <textarea name="company_address" id="company_address" class="form-control" placeholder="Enter company address" rows="3">{{ old('company_address', $setting->company_address ?? '') }}</textarea>
                                    @error('company_address')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Copyright Text --}}
                            <div class="col-xxl-12 col-md-12">
                                <div>
                                    <label for="copyright_text" class="form-label">Copyright Text</label>
                                    <input type="text" name="copyright_text" id="copyright_text" class="form-control" placeholder="Enter copyright text"
                                        value="{{ old('copyright_text', $setting->copyright_text ?? '') }}">
                                    @error('copyright_text')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            {{-- Submit Button --}}
                            <div class="col-xxl-12 col-md-12">
                                <button type="submit" class="btn btn-primary">Update Settings</button>
                            </div>

                        </div>
                    </div>
                </form>

            </div>
        </div>
        <!--end col-->
    </div>
    <!--end row-->
@endsection

{{-- Push the script --}}
@push('scripts')
    <script>
        $(document).ready(function() {
            // Initialize Dropify
            $('.dropify').dropify({
                messages: {
                    'default': 'Drag or click',
                    'replace': 'Drag to replace',
                    'remove': 'Remove',
                    'error': 'Something went wrong.'
                }
            });

            // Detect Dropify remove
            $('.dropify').on('dropify.beforeClear', function(event, element) {
                let name = $(this).attr('name'); // logo, mini_logo, favicon
                $('#remove_' + name + '_hidden').val(1);
            });
        });
    </script>
@endpush