@extends('layouts.master') @section('title') api keys @endsection
@section('css')
@endsection
@section('content') 
{{-- @component('components.breadcrumb') @slot('li_1') Settings @endslot @slot('title') Maps @endslot @endcomponent  --}}
<div class="row">
   <div class="col-12">
      <div class="page-title-box d-sm-flex align-items-center justify-content-between">
         <h4 class="mb-sm-0 font-size-18">Api Keys</h4>
      </div>
   </div>
</div>
<div class="row justify-content-center">
   <div class="col-lg-8">
      @if (session('status'))
      <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show" role="alert">
         <i class="ri-check-double-line label-icon"></i><strong>Success</strong> - {{session('status')}}
         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      @endif @if (session('error'))
      <div class="alert alert-danger alert-dismissible alert-label-icon label-arrow fade show mb-xl-0" role="alert">
         <i class="ri-error-warning-line label-icon"></i><strong>Failed</strong>
         - {{session('error')}}
         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      <br />
      @endif
      <form class="form-margin" action="{{ route('settings.general_save') }}" method="POST">
         @csrf

         <!-- Google Map API Key -->
         <div class="card mb-4">
            <div class="card-header border-bottom-dashed bg-soft-warning">
                  <h5 class="card-title mb-0 flex-grow-1 text-muted">Google Map API Key</h5>
            </div>
            <div class="card-body">
                  <div class="mb-3">
                     <input type="text" name="google_map_api_key" value="{{ setting('google_map_api_key') }}" class="form-control" placeholder="Google Map API Key">
                  </div>
            </div>
         </div>

         <!-- SmartOLT Section -->
         @if (setting('smartolt_enabled') === 'enabled')
         <div class="card">
            <div class="card-header border-bottom-dashed bg-soft-info">
               <h5 class="card-title mb-0 flex-grow-1 text-muted">SmartOLT Configuration</h5>
            </div>
            <div class="card-body">
               {{-- Basic Settings --}}
               <div class="row">
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_subdomain" class="form-label">SmartOLT Subdomain</label>
                        <input type="text" name="smartolt_subdomain" value="{{ setting('smartolt_subdomain') }}" class="form-control" placeholder="e.g., mycompany">
                     </div>

                     <div class="col-md-6 mb-3">
                        <label for="smartolt_api_key" class="form-label">SmartOLT API Key</label>
                        <input type="text" name="smartolt_api_key" value="{{ setting('smartolt_api_key') }}" class="form-control" placeholder="Enter your SmartOLT API key">
                     </div>
               </div>

               {{-- Profiles and VLANs --}}
               <div class="row">
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_tr069_profile_name" class="form-label">TR069 Profile Name</label>
                        <input type="text" name="smartolt_tr069_profile_name" value="{{ setting('smartolt_tr069_profile_name', 'Default-TR069') }}" class="form-control" placeholder="e.g., Default-TR069">
                     </div>

                     <div class="col-md-6 mb-3">
                        <label for="smartolt_pppoe_vlan" class="form-label">Default PPPoE VLAN</label>
                        <input type="number" name="smartolt_pppoe_vlan" value="{{ setting('smartolt_pppoe_vlan') }}" class="form-control" placeholder="e.g., 100">
                     </div>
               </div>

               <div class="row">
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_mgmt_vlan" class="form-label">Management VLAN</label>
                        <input type="number" name="smartolt_mgmt_vlan" value="{{ setting('smartolt_mgmt_vlan') }}" class="form-control" placeholder="e.g., 11">
                     </div>
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_hotspot_vlan" class="form-label">Hotspot VLAN</label>
                        <input type="number" name="smartolt_hotspot_vlan" value="{{ setting('smartolt_hotspot_vlan') }}" class="form-control" placeholder="e.g., 200">
                     </div>
               </div>

               <!-- Extra Hotspot Setting  -->
               <div class="row">
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_hotspot_devices_vlan" class="form-label">Hotspot Devices VLAN</label>
                        <input type="number" name="smartolt_hotspot_devices_vlan" value="{{ setting('smartolt_hotspot_devices_vlan') }}" class="form-control" placeholder="e.g., 201">
                     </div>
                     <div class="col-md-6 mb-3">
                        <label for="smartolt_hotspot_wifi_name" class="form-label">Hotspot Wifi Name</label>
                        <input type="text" name="smartolt_hotspot_wifi_name" value="{{ setting('smartolt_hotspot_wifi_name') }}" class="form-control" placeholder="e.g., Spotnet-Hotspot">
                     </div>
               </div>
            </div>
         </div>
         @endif       

         <!-- Submit Button -->
         <div class="text-end mt-3">
            <button type="submit" class="btn btn-soft-success"><i class="las la-save"></i> Save</button>
         </div>
      </form>

   </div>
</div>
@endsection
@section('script')
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
@endsection