@extends('app')
@section('content')
@include('layout.admin_sidebar')
<div class="stripe-credential-page px-3 pt-4 pt-lg-0 pb-xl-0 pb-2 d-flex flex-column flex-grow-1">
    <div class="title text-brown pb-4 d-flex justify-content-between">
        Stripe Credential
    </div>
    @include('pages.adminPanel.stripeTabs.stripeMenu')
    <div class="form-content p-3 mt-4">
        <div class="d-md-flex justify-content-center">
            <form action="" class="form-box">
                @foreach($stripeKeys as $key)
                    <div class="mb-3">
                        <label for="" class="form-label">Stripe Publishable Key <span class="text-danger">*</span></label>
                        <textarea id="publishable-key" class="form-control">{{$key->masked_publishable_key }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label for="" class="form-label">Stripe Secret Key <span class="text-danger">*</span></label>
                        <textarea id="secret-key" class="form-control">{{$key->masked_secret_key }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label for="" class="form-label">Stripe Currency Key <span class="text-danger">*</span></label>
                        <input type="text" id="currency-key" value="{{$key->stripe_currency_key}}" class="form-control">
                    </div>
                @endforeach
                <div class="text-center">
                    <button id="update-credential" class="btn btn-sm btn-success">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
@vite(['resources/js/pages/admin_dashboard.js'])
@vite(['resources/js/admin_panel/stripe_credential.js'])
@endsection