@extends('layouts.admin')

@section('title', 'Website Settings | Admin')

@section('content')

<div class="container py-5">

    <div class="mb-4">
        <h1 class="fw-bold mb-1">Website Settings</h1>
        <p class="text-muted mb-0">
            Manage your website information and social links.
        </p>
    </div>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Please fix the following:</strong>

            <ul class="mb-0 mt-2">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card border-0 shadow-sm">
        <div class="card-body p-4 p-lg-5">

            <form
    method="POST"
    action="{{ route('admin.settings.update') }}"
    enctype="multipart/form-data"
>
                @csrf
                @method('PUT')

                <h5 class="fw-bold mb-4">Basic Information</h5>

                <div class="row g-4">

                    <div class="col-md-6">
                        <label for="site_name" class="form-label">
                            Site Name
                        </label>

                        <input
                            type="text"
                            id="site_name"
                            name="site_name"
                            value="{{ old('site_name', $settings['site_name']) }}"
                            class="form-control"
                            required
                        >
                    </div>

                    <div class="col-md-6">
                        <label for="site_tagline" class="form-label">
                            Site Tagline
                        </label>

                        <input
                            type="text"
                            id="site_tagline"
                            name="site_tagline"
                            value="{{ old('site_tagline', $settings['site_tagline']) }}"
                            class="form-control"
                        >
                    </div>

                    <div class="col-md-6">
                        <label for="email" class="form-label">
                            Email
                        </label>

                        <input
                            type="email"
                            id="email"
                            name="email"
                            value="{{ old('email', $settings['email']) }}"
                            class="form-control"
                        >
                    </div>

                    <div class="col-md-6">
                        <label for="phone" class="form-label">
                            Phone
                        </label>

                        <input
                            type="text"
                            id="phone"
                            name="phone"
                            value="{{ old('phone', $settings['phone']) }}"
                            class="form-control"
                        >
                    </div>

                    <div class="col-12">
                        <label for="address" class="form-label">
                            Address
                        </label>

                        <textarea
                            id="address"
                            name="address"
                            rows="3"
                            class="form-control"
                        >{{ old('address', $settings['address']) }}</textarea>
                    </div>

                </div>

                <hr class="my-5">

                <h5 class="fw-bold mb-4">Social Media</h5>

                <div class="row g-4">

                    <div class="col-md-4">
                        <label for="facebook_url" class="form-label">
                            Facebook URL
                        </label>

                        <input
                            type="url"
                            id="facebook_url"
                            name="facebook_url"
                            value="{{ old('facebook_url', $settings['facebook_url']) }}"
                            class="form-control"
                            placeholder="https://facebook.com/..."
                        >
                    </div>

                    <div class="col-md-4">
                        <label for="instagram_url" class="form-label">
                            Instagram URL
                        </label>

                        <input
                            type="url"
                            id="instagram_url"
                            name="instagram_url"
                            value="{{ old('instagram_url', $settings['instagram_url']) }}"
                            class="form-control"
                            placeholder="https://instagram.com/..."
                        >
                    </div>

                    <div class="col-md-4">
                        <label for="youtube_url" class="form-label">
                            YouTube URL
                        </label>

                        <input
                            type="url"
                            id="youtube_url"
                            name="youtube_url"
                            value="{{ old('youtube_url', $settings['youtube_url']) }}"
                            class="form-control"
                            placeholder="https://youtube.com/..."
                        >
                    </div>

                 <div class="col-md-6">

    <label for="logo" class="form-label">
        Website Logo
    </label>

    @if (!empty($settings['logo']))
        <div class="mb-3">

            <div
                class="border rounded-3 p-3 bg-light d-inline-block"
            >
                <img
                    src="{{ asset('storage/' . $settings['logo']) }}"
                    alt="Website Logo"
                    style="
                        max-width: 220px;
                        max-height: 100px;
                        object-fit: contain;
                    "
                >
            </div>

        </div>
    @endif

    <input
        type="file"
        id="logo"
        name="logo"
        class="form-control"
        accept="image/jpeg,image/png,image/webp"
    >

    <div class="form-text">
        Upload JPG, PNG or WebP logo. Maximum 5 MB.
    </div>

    @error('logo')
        <div class="text-danger small mt-1">
            {{ $message }}
        </div>
    @enderror

</div>

                </div>

                <hr class="my-5">

                <h5 class="fw-bold mb-2">Razorpay Payment Gateway</h5>
                <p class="text-muted mb-4">
                    Add Test Mode keys first. Replace them with Live Mode keys only
                    after completing a successful test payment.
                </p>

                <div class="row g-4">
                    <div class="col-md-6">
                        <label for="razorpay_key_id" class="form-label">
                            Razorpay Key ID
                        </label>
                        <input
                            type="text"
                            id="razorpay_key_id"
                            name="razorpay_key_id"
                            value="{{ old('razorpay_key_id', $settings['razorpay_key_id']) }}"
                            class="form-control"
                            placeholder="rzp_test_..."
                            autocomplete="off"
                        >
                    </div>

                    <div class="col-md-6">
                        <label for="razorpay_key_secret" class="form-label">
                            Razorpay Key Secret
                        </label>
                        <input
                            type="password"
                            id="razorpay_key_secret"
                            name="razorpay_key_secret"
                            class="form-control"
                            placeholder="{{ $razorpaySecretConfigured ? 'Secret configured - leave blank to keep it' : 'Enter key secret' }}"
                            autocomplete="new-password"
                        >
                        <div class="form-text">
                            {{ $razorpaySecretConfigured ? 'A secret is already configured. Enter a value only to replace it.' : 'The secret will be encrypted before storage.' }}
                        </div>
                    </div>
                </div>

                <hr class="my-5">

                <button type="submit" class="btn btn-primary px-4">
                    Save Settings
                </button>

            </form>

        </div>
    </div>

</div>

@endsection