@extends('admin.layouts.master')

@section('title', 'General Settings')
@section('parent_title', 'Dashboard')

@section('content')
    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title">
                <h2>General Website Settings</h2>
            </div>
        </div>
        <div class="card-body pt-5">
            @if(session('success'))
                <div class="alert alert-dismissible bg-success d-flex flex-column flex-sm-row p-5 mb-10">
                    <span class="svg-icon svg-icon-2hx svg-icon-light me-4 mb-5 mb-sm-0">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <path opacity="0.3"
                                d="M2 4V16C2 16.6 2.4 17 3 17H13L16.6 20.6C17.1 21.1 18 20.8 18 20V17H21C21.6 17 22 16.6 22 16V4C22 3.4 21.6 3 21 3H3C2.4 3 2 3.4 2 4Z"
                                fill="currentColor"></path>
                            <path
                                d="M18 9H6C5.4 9 5 8.6 5 8C5 7.4 5.4 7 6 7H18C18.6 7 19 7.4 19 8C19 8.6 18.6 9 18 9ZM16 12H6C5.4 12 5 11.6 5 11C5 10.4 5.4 10 6 10H16C16.6 10 17 10.4 17 11C17 11.6 16.6 12 16 12Z"
                                fill="currentColor"></path>
                        </svg>
                    </span>
                    <div class="d-flex flex-column text-white pe-0 pe-sm-10">
                        <h4 class="mb-1 text-white">Success</h4>
                        <span>{{ session('success') }}</span>
                    </div>
                    <button type="button"
                        class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                        data-bs-dismiss="alert">
                        <i class="bi bi-x fs-1 text-white"></i>
                    </button>
                </div>
            @endif

            <form id="kt_settings_form" action="{{ route('admin.setting.update') }}" method="POST"
                enctype="multipart/form-data">
                @csrf
                <div class="row g-9 mb-8">
                    <div class="col-md-6 fv-row">
                        <label class="required fs-6 fw-bold mb-2">Website Name</label>
                        <input type="text" name="site_name" class="form-control form-control-solid"
                            value="{{ $setting->site_name ?? '' }}" required />
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="required fs-6 fw-bold mb-2">Email Address</label>
                        <input type="email" name="email" class="form-control form-control-solid"
                            value="{{ $setting->email ?? '' }}" required />
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="fs-6 fw-bold mb-2">Phone Number</label>
                        <input type="text" name="phone" class="form-control form-control-solid"
                            value="{{ $setting->phone ?? '' }}" />
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="fs-6 fw-bold mb-2">Address</label>
                        <input type="text" name="address" class="form-control form-control-solid"
                            value="{{ $setting->address ?? '' }}" />
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="fs-6 fw-bold mb-2">Website Logo</label>
                        <input type="file" name="logo" class="form-control form-control-solid" accept="image/*" />
                        @if(isset($setting) && $setting->logo)
                            <div class="symbol symbol-100px mt-3">
                                <img src="{{ asset('uploads/settings/' . $setting->logo) }}" alt="Logo"
                                    class="border border-secondary" />
                            </div>
                        @endif
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="fs-6 fw-bold mb-2">Favicon</label>
                        <input type="file" name="favicon" class="form-control form-control-solid" accept="image/*" />
                        @if(isset($setting) && $setting->favicon)
                            <div class="symbol symbol-50px mt-3">
                                <img src="{{ asset('uploads/settings/' . $setting->favicon) }}" alt="Favicon" />
                            </div>
                        @endif
                    </div>

                    <div class="col-md-12 fv-row">
                        <label class="fs-6 fw-bold mb-2">Description</label>
                        <textarea name="discription" class="form-control form-control-solid"
                            rows="4">{{ $setting->discription ?? '' }}</textarea>
                    </div>
                </div>

                <div class="text-center">
                    <button type="button" class="btn btn-primary" onclick="confirmUpdateSettings()">
                        <span class="indicator-label">Update Settings</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
    @section('scripts')
        <script>
            function confirmUpdateSettings() {
                Swal.fire({
                    text: "Are you sure you want to update the general settings?",
                    icon: "question",
                    showCancelButton: true,
                    buttonsStyling: false,
                    confirmButtonText: "Yes, update it!",
                    cancelButtonText: "No, return",
                    customClass: {
                        confirmButton: "btn fw-bold btn-primary",
                        cancelButton: "btn fw-bold btn-active-light-primary"
                    }
                }).then(function (result) {
                    if (result.isConfirmed || result.value) {
                        document.getElementById('kt_settings_form').submit();
                    }
                });
            }
        </script>
    @endsection
@endsection