@extends('backend.layouts.app')
@section('content')
<div class="row">
    <!-- Google Credentials -->
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Google Credential')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST">
                        @csrf
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('GOOGLE CLIENT ID')}}</label>
                                    <input type="hidden" name="types[]" value="GOOGLE_CLIENT_ID">
                                    <input type="text" class="form-control" name="GOOGLE_CLIENT_ID" placeholder="{{translate('Client Id')}}" value="{{env('GOOGLE_CLIENT_ID')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('GOOGLE CLIENT SECRET')}}</label>
                                    <input type="hidden" name="types[]" value="GOOGLE_CLIENT_SECRET">
                                    <input type="text" class="form-control" name="GOOGLE_CLIENT_SECRET" placeholder="{{translate('Client Secret')}}" value="{{env('GOOGLE_CLIENT_SECRET')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </from>
                </div>
            </div>
        </div>
    </div><!--end col-->
    <!-- FACEBOOK Credential  -->
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Facebook Credential')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST">
                        @csrf
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('FACEBOOK CLIENT ID')}}</label>
                                    <input type="hidden" name="types[]" value="FACEBOOK_CLIENT_ID">
                                    <input type="text" class="form-control" name="FACEBOOK_CLIENT_ID" placeholder="{{translate('Client Id')}}" value="{{env('FACEBOOK_CLIENT_ID')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('GOOGLE CLIENT SECRET')}}</label>
                                    <input type="hidden" name="types[]" value="FACEBOOK_CLIENT_SECRET">
                                    <input type="text" class="form-control" name="FACEBOOK_CLIENT_SECRET" placeholder="{{translate('Client Secret')}}" value="{{env('FACEBOOK_CLIENT_SECRET')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </from>
                </div>
            </div>
        </div>
    </div><!--end col-->
    <!-- Twitter Credentials  -->
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Facebook Credential')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST">
                        @csrf
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('TWITTER CLIENT ID')}}</label>
                                    <input type="hidden" name="types[]" value="TWITTER_CLIENT_ID">
                                    <input type="text" class="form-control" name="TWITTER_CLIENT_ID" placeholder="{{translate('Client Id')}}" value="{{env('TWITTER_CLIENT_ID')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('TWITTER CLIENT SECRET')}}</label>
                                    <input type="hidden" name="types[]" value="TWITTER_CLIENT_SECRET">
                                    <input type="text" class="form-control" name="TWITTER_CLIENT_SECRET" placeholder="{{translate('Client Secret')}}" value="{{env('TWITTER_CLIENT_SECRET')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </from>
                </div>
            </div>
        </div>
    </div><!--end col-->
    <!-- Apple credential  -->
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Apple Credential')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST">
                        @csrf
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('APPLE APP ID')}}</label>
                                    <input type="hidden" name="types[]" value="APPLE_APP_ID">
                                    <input type="text" class="form-control" name="APPLE_APP_ID" placeholder="{{translate('App Id')}}" value="{{env('APPLE_APP_ID')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('APPLE SERVICE ID')}}</label>
                                    <input type="hidden" name="types[]" value="APPLE_SERVICE_ID">
                                    <input type="text" class="form-control" name="APPLE_SERVICE_ID" placeholder="{{translate('Service Id')}}" value="{{env('APPLE_SERVICE_ID')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-10 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('APPLE PRIVATE KEY')}}</label>
                                    <input type="hidden" name="types[]" value="APPLE_PRIVATE_KEY">
                                    <input type="text" class="form-control" name="APPLE_PRIVATE_KEY" placeholder="{{translate('Private Key')}}" value="{{env('APPLE_PRIVATE_KEY')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </from>
                </div>
            </div>
        </div>
    </div><!--end col-->
</div>
@endsection