@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'api') }}" method="POST">
            @csrf
            
            <h5 class="fw-bold text-primary mb-4">Marketplace Access Control</h5>
            <div class="row g-4 mb-5">
                <div class="col-md-12">
                    <div class="form-check form-switch card p-3 border-light bg-light">
                        <input class="form-check-input ms-0 me-3" type="checkbox" name="api_enabled" id="apiOn" value="1" {{ setting_checked('api_enabled', true) }}>
                        <label class="form-check-label fw-bold h6 mb-0" for="apiOn">Public REST API Gateway</label>
                        <div class="form-text mt-2 ps-4">Enabling this allows mobile applications and authorized external services to sync with your catalog and orders.</div>
                    </div>
                </div>

                <div class="col-md-12">
                     <label class="form-label fw-bold small text-uppercase opacity-75">Project Master API Key</label>
                     <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-shield-lock text-primary"></i></span>
                        <input type="text" name="project_master_key" id="master_key" class="form-control border-start-0 ps-0 shadow-none font-monospace" value="{{ \App\Models\Setting::get('project_master_key', 'GLTR_'.\Illuminate\Support\Str::random(16)) }}" readonly>
                        <button class="btn btn-outline-secondary" type="button" onclick="navigator.clipboard.writeText(document.getElementById('master_key').value); alert('Key copied!')"><i class="bi bi-clipboard"></i></button>
                        <button class="btn btn-light border" type="button" onclick="if(confirm('Regenerate key? Old one will stop working.')) { window.location.reload(); }"><i class="bi bi-arrow-repeat"></i></button>
                     </div>
                     <div class="form-text">Used for secure server-to-server communication and webhook verification.</div>
                </div>
            </div>

            <hr class="my-5">

            <h5 class="fw-bold text-primary mb-4">Social Connectivity (Auth Keys)</h5>
            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <label class="form-label fw-bold small text-uppercase opacity-75">Google Client ID</label>
                    <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-google text-danger"></i></span>
                        <input type="text" name="google_client_id" class="form-control border-start-0 ps-0 shadow-none" value="{{ \App\Models\Setting::get('google_client_id') }}" placeholder="XXXXXXXX-XXXXXX.googleusercontent.com">
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold small text-uppercase opacity-75">Facebook App ID</label>
                    <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-facebook text-primary"></i></span>
                        <input type="text" name="facebook_app_id" class="form-control border-start-0 ps-0 shadow-none" value="{{ \App\Models\Setting::get('facebook_app_id') }}" placeholder="123456789012345">
                    </div>
                </div>
            </div>

            <hr class="my-5">

            <h5 class="fw-bold text-primary mb-4">Analytics & Visual Intelligence</h5>
            <div class="row g-4">
                <div class="col-md-6">
                    <label class="form-label fw-bold small text-uppercase opacity-75">Google Analytics (G-ID)</label>
                    <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-graph-up-arrow text-success"></i></span>
                        <input type="text" name="int_ga_id" class="form-control border-start-0 ps-0 shadow-none" placeholder="G-XXXXXXXXXX" value="{{ \App\Models\Setting::get('int_ga_id') }}">
                    </div>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold small text-uppercase opacity-75">Facebook Pixel ID</label>
                    <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-camera shadow-none text-primary"></i></span>
                        <input type="text" name="int_fb_pixel" class="form-control border-start-0 ps-0 shadow-none" placeholder="1234567890" value="{{ \App\Models\Setting::get('int_fb_pixel') }}">
                    </div>
                </div>

                <div class="col-md-12">
                    <label class="form-label fw-bold small text-uppercase opacity-75">Google Maps JavaScript Key</label>
                    <div class="input-group">
                        <span class="input-group-text bg-white border-end-0"><i class="bi bi-geo-alt text-danger"></i></span>
                        <input type="text" name="int_gmaps_key" class="form-control border-start-0 ps-0 shadow-none" value="{{ \App\Models\Setting::get('int_gmaps_key') }}" placeholder="AIzaSy...">
                    </div>
                </div>
            </div>

            <div class="mt-5 border-top pt-4 text-end">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm rounded-pill">
                    <i class="bi bi-save me-1"></i> Update API Core
                </button>
            </div>
        </form>
    </div>
</div>
@endsection