@extends('layouts.app')

@section('content')
<div class="container py-5">
    {{-- <h1 class="mb-4">Settings</h1> --}}

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



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

        <div class="">
         
            {{-- Integration --}}
            <div class="tab-pane" id="integration">

                <h1 class="mb-4 mt-5">
                    <img src="/{{ 'uploads/zapier-logo.png' }}" alt="zapier" style="max-height: 80px;">
                </h1>

                @php
                    // Generate API Key (static or dynamic)
                    function vform_generate_api_key() {
                        return 'hn6D09^siR&Z@Q^B*QdkMxeg@SfJPSUnxO3';
                    }

                    $api_key = vform_generate_api_key();

                    // Get site URL
                    $siteUrl = url('/');
                @endphp

                <div class="tab-zapier">
                    <div class="mb-3">
                        <label class="form-label">API Key</label>
                        <input type="text" class="form-control" disabled value="{{ $api_key }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Site Key</label>
                        <input type="text" class="form-control" disabled value="{{ $siteUrl }}">
                    </div>
                </div>


            </div>

        </div>

      
    </form>


</div>
@endsection