@extends('main')
@section('h_title', 'Sms  & Notification Configuration')
@section('body')
    <div class="row">
        <div class="col-xxl-4 col-lg-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">OTP Configuration</h5>
                    <div class="col-lg-12">
                        <div class="tab-content text-muted mt-3">
                            <div class="tab-pane fade active show" id="custom-v-pills-bank-gateway" role="tabpanel"
                                 aria-labelledby="custom-v-pills-bank-gateway-tab">

                                <form method="POST" action="{{ route('admin.sms-configuration.update') }}">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="col-lg-12">
                                                <div class="mb-3">
                                                    <label for="name" class="form-label">Service Name</label>
                                                    <input type="text" class="form-control"
                                                           value="{{ $apiSms->name }}"
                                                           placeholder="API URL" disabled>

                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-lg-12">
                                                <div class="mb-3">
                                                    <label for="slug" class="form-label">API KEY</label>
                                                    <input type="text" class="form-control" id="api_key" name="api_key"
                                                           placeholder="API KEY" value="{{ $apiSms->api_key }}">
                                                    @error('api_key')
                                                    <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-lg-12">
                                                <div class="mb-3">
                                                    <label for="ac_holder" class="form-label">Sender ID</label>
                                                    <input type="text" class="form-control" id="sender_id"
                                                           name="sender_id"
                                                           value="{{ $apiSms->sender_id }}"
                                                           placeholder="API username">
                                                    @error('sender_id')
                                                    <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-lg-12">
                                                <div class="hstack gap-2 justify-content-end">
                                                    <button type="submit" class="btn btn-primary">Update</button>
                                                    <button type="button" class="btn btn-soft-success">Cancel</button>
                                                </div>
                                            </div>
                                            <!--end col-->
                                        </div>

                                    </div>

                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xxl-4 col-lg-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Firebase Json File</h5>

                    @if ($fileExists)
                        <h6>Current Credentials:</h6>
                        <pre>{{ $fileContents }}</pre>
                    @else
                        <p>No credentials file found.</p>
                    @endif

                    <div class="col-lg-12">
                        <div class="tab-content text-muted mt-3">
                            <div class="tab-pane fade active show" id="custom-v-pills-bank-gateway" role="tabpanel"
                                 aria-labelledby="custom-v-pills-bank-gateway-tab">

                                <form method="POST" action="{{ route('admin.update.json') }}"
                                      enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="firebase_api_key" class="form-label">Firebase JSON </label>
                                                <input type="file" class="form-control" id="json_file" name="json_file"
                                                       accept=".json" required>
                                            </div>


                                            <div class="hstack gap-2 justify-content-end">
                                                <button type="submit" class="btn btn-primary">Upload</button>
                                                <button type="button" class="btn btn-soft-success">Cancel</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xxl-4 col-lg-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Notification Configuration</h5>
                    <div class="col-lg-12">
                        <div class="tab-content text-muted mt-3">
                            <div class="tab-pane fade active show" id="custom-v-pills-bank-gateway" role="tabpanel"
                                 aria-labelledby="custom-v-pills-bank-gateway-tab">

                                <form method="POST" action="{{ route('admin.update.firebase') }}">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="firebase_api_key" class="form-label">Firebase API
                                                    Key</label>
                                                <input type="text" class="form-control" name="firebase_api_key"
                                                       value="{{ old('firebase_api_key', $firebaseApiKey ) }}"
                                                       placeholder="FIREBASE API KEY">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_auth_domain" class="form-label">Firebase Auth
                                                    Domain</label>
                                                <input type="text" class="form-control" name="firebase_auth_domain"
                                                       value="{{ old('firebase_auth_domain', $firebaseAuthDomain ) }}"
                                                       placeholder="FIREBASE AUTH DOMAIN">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_project_id" class="form-label">Firebase Project
                                                    ID</label>
                                                <input type="text" class="form-control" name="firebase_project_id"
                                                       value="{{ old('firebase_project_id', $firebaseProjectId ) }}"
                                                       placeholder="FIREBASE PROJECT ID">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_messaging_sender_id" class="form-label">Firebase
                                                    Messaging Sender ID</label>
                                                <input type="text" class="form-control"
                                                       name="firebase_messaging_sender_id"
                                                       value="{{ old('firebase_messaging_sender_id', $firebaseMessagingSenderId ) }}"
                                                       placeholder="FIREBASE MESSAGING SENDER ID">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_app_id" class="form-label">Firebase App ID</label>
                                                <input type="text" class="form-control" name="firebase_app_id"
                                                       value="{{ old('firebase_app_id', $firebaseAppId ) }}"
                                                       placeholder="FIREBASE APP ID">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_measurement_id" class="form-label">Firebase
                                                    Measurement ID</label>
                                                <input type="text" class="form-control" name="firebase_measurement_id"
                                                       value="{{ old('firebase_measurement_id', $firebaseMeasurementId ) }}"
                                                       placeholder="FIREBASE MEASUREMENT ID">
                                            </div>

                                            <div class="mb-3">
                                                <label for="firebase_measurement_id" class="form-label">Web Push
                                                    Certificate Key</label>
                                                <input type="text" class="form-control" name="firebase_vapi_key"
                                                       value="{{ old('firebase_vapi_key', $firebase_vapi_key ) }}"
                                                       placeholder="Web Push certificate key">
                                            </div>

                                            <div class="hstack gap-2 justify-content-end">
                                                <button type="submit" class="btn btn-primary">Update</button>
                                                <button type="button" class="btn btn-soft-success">Cancel</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection