@extends('admin.layouts.app')

@section('panel')
@php $pageTitle = 'General Settings'; @endphp

@push('breadcrumb-plugins')
  <a href="{{ url()->previous() }}" class="btn btn-outline--primary btn-sm">
    <i class="las la-arrow-left"></i> @lang('Back')
  </a>
@endpush

<div class="row">
  <div class="col-lg-12">
    <div class="card">

      <form method="POST" action="{{ route('admin.general_settings.update') }}" enctype="multipart/form-data">
        @csrf

        <div class="card-body">

          @if($errors->any())
            <div class="alert alert--danger mb-3">
              <ul class="mb-0">
                @foreach($errors->all() as $e)
                  <li>{{ $e }}</li>
                @endforeach
              </ul>
            </div>
          @endif

          <div class="list-group gset-list">

            <div class="list-group-item gset-item">
              <div class="gset-title">Activation</div>
              <div class="row g-3 mt-1">
                <div class="col-md-6">
                  <label class="fw-bold">Activation Fee</label>
                  <input name="activation_fee" value="{{ old('activation_fee',$activation_fee) }}" class="form-control" required>
                  @error('activation_fee') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center">
                <div>
                  <div class="gset-title">Activation Commissions</div>
                  <div class="gset-sub">JSON map: { "1":80, "2":40, ... }</div>
                </div>
                <button type="button" class="btn btn--primary btn-sm" onclick="setDefaultCommJson()">Default 10-Level</button>
              </div>

              <div class="mt-2">
                <label class="fw-bold">activation_commissions (JSON)</label>
                <textarea name="activation_commissions"
                          rows="10"
                          class="form-control font-monospace"
                          required>{{ old('activation_commissions', json_encode($activation_commissions, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES)) }}</textarea>
                @error('activation_commissions') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="gset-title">Add Money Limits</div>
              <div class="row g-3 mt-1">
                <div class="col-md-6">
                  <label class="fw-bold">Minimum</label>
                  <input name="add_money_min" value="{{ old('add_money_min',$add_money_min) }}" class="form-control" required>
                  @error('add_money_min') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
                <div class="col-md-6">
                  <label class="fw-bold">Maximum</label>
                  <input name="add_money_max" value="{{ old('add_money_max',$add_money_max) }}" class="form-control" required>
                  @error('add_money_max') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="gset-title">UI Assets</div>

              <div class="row g-3 mt-2">
                <div class="col-md-6">
                  <label class="fw-bold">Logo</label>
                  <input type="file" name="ui_assets[logo]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['logo']))
                    <div class="mt-2"><img src="{{ $ui_assets['logo'] }}" style="height:48px"></div>
                  @endif
                  @error('ui_assets.logo') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-6">
                  <label class="fw-bold">Favicon</label>
                  <input type="file" name="ui_assets[favicon]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['favicon']))
                    <div class="mt-2"><img src="{{ $ui_assets['favicon'] }}" style="height:48px"></div>
                  @endif
                  @error('ui_assets.favicon') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-6">
                  <label class="fw-bold">Dashboard Banner (Active)</label>
                  <input type="file" name="ui_assets[banner_active]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['banner_active']))
                    <div class="mt-2"><img src="{{ $ui_assets['banner_active'] }}" style="height:64px"></div>
                  @endif
                  @error('ui_assets.banner_active') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-6">
                  <label class="fw-bold">Dashboard Banner (Inactive)</label>
                  <input type="file" name="ui_assets[banner_inactive]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['banner_inactive']))
                    <div class="mt-2"><img src="{{ $ui_assets['banner_inactive'] }}" style="height:64px"></div>
                  @endif
                  @error('ui_assets.banner_inactive') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-4">
                  <label class="fw-bold">Slider 1</label>
                  <input type="file" name="ui_assets[slider_1]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['slider_1']))
                    <div class="mt-2"><img src="{{ $ui_assets['slider_1'] }}" style="height:64px"></div>
                  @endif
                  @error('ui_assets.slider_1') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-4">
                  <label class="fw-bold">Slider 2</label>
                  <input type="file" name="ui_assets[slider_2]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['slider_2']))
                    <div class="mt-2"><img src="{{ $ui_assets['slider_2'] }}" style="height:64px"></div>
                  @endif
                  @error('ui_assets.slider_2') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-4">
                  <label class="fw-bold">Slider 3</label>
                  <input type="file" name="ui_assets[slider_3]" class="form-control" accept="image/*">
                  @if(!empty($ui_assets['slider_3']))
                    <div class="mt-2"><img src="{{ $ui_assets['slider_3'] }}" style="height:64px"></div>
                  @endif
                  @error('ui_assets.slider_3') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="gset-title">Social Links</div>

              <div class="row g-3 mt-2">
                <div class="col-md-6">
                  <label class="fw-bold">Facebook</label>
                  <input name="social_links[facebook]" value="{{ old('social_links.facebook', $social_links['facebook'] ?? '') }}" class="form-control">
                  @error('social_links.facebook') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
                <div class="col-md-6">
                  <label class="fw-bold">Youtube</label>
                  <input name="social_links[youtube]" value="{{ old('social_links.youtube', $social_links['youtube'] ?? '') }}" class="form-control">
                  @error('social_links.youtube') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
                <div class="col-md-6">
                  <label class="fw-bold">Telegram</label>
                  <input name="social_links[telegram]" value="{{ old('social_links.telegram', $social_links['telegram'] ?? '') }}" class="form-control">
                  @error('social_links.telegram') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
                <div class="col-md-6">
                  <label class="fw-bold">WhatsApp</label>
                  <input name="social_links[whatsapp]" value="{{ old('social_links.whatsapp', $social_links['whatsapp'] ?? '') }}" class="form-control">
                  @error('social_links.whatsapp') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="gset-title">Gateway Enable/Disable</div>
              <div class="gset-sub">Activation + Add Money separate control</div>

              <div class="row g-3 mt-2">
                <div class="col-md-6">
                  <div class="fw-bold mb-2">Activation</div>
                  <label class="switch-item">
                    <input type="checkbox" name="gateway_activation_enabled[bondhonpay]" {{ ($gateway_activation_enabled['bondhonpay'] ?? false) ? 'checked' : '' }}>
                    <span>BondhonPay</span>
                  </label>
                </div>

                <div class="col-md-6">
                  <div class="fw-bold mb-2">Add Money</div>
                  <label class="switch-item">
                    <input type="checkbox" name="gateway_add_money_enabled[bondhonpay]" {{ ($gateway_add_money_enabled['bondhonpay'] ?? false) ? 'checked' : '' }}>
                    <span>BondhonPay</span>
                  </label>
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="gset-title">Gateway Config</div>
              <div class="gset-sub">No JSON typing — input fields only</div>

              <div class="row g-3 mt-1">
                <div class="col-md-6">
                  <div class="fw-bold mb-2">BondhonPay</div>
                  <label class="fw-bold">Base URL</label>
                  <input name="bondhonpay[base_url]" value="{{ old('bondhonpay.base_url',$bondhonpay['base_url'] ?? '') }}" class="form-control" required>
                  @error('bondhonpay.base_url') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror

                  <label class="fw-bold mt-2">Brand Key</label>
                  <input name="bondhonpay[brand_key]" value="{{ old('bondhonpay.brand_key',$bondhonpay['brand_key'] ?? '') }}" class="form-control">
                  @error('bondhonpay.brand_key') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
                </div>
              </div>
            </div>

            <div class="list-group-item gset-item">
              <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center">
                <div>
                  <div class="gset-title">Charges</div>
                  <div class="gset-sub">JSON: purpose + status + gateway wise | type: percent/flat</div>
                </div>
                <button type="button" class="btn btn--success btn-sm" onclick="setZeroChargesJson()">Set Zero Preset</button>
              </div>

              <div class="mt-2">
                <label class="fw-bold">charges (JSON)</label>
                <textarea name="charges"
                          rows="18"
                          class="form-control font-monospace"
                          required>{{ old('charges', json_encode($charges, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES)) }}</textarea>
                @error('charges') <small class="text--danger fw-bold d-block mt-1">{{ $message }}</small> @enderror
              </div>
            </div>

          </div>
        </div>

        <div class="card-footer">
          <button type="submit" class="btn btn--primary w-100 h-45">@lang('Save Settings')</button>
        </div>

      </form>

    </div>
  </div>
</div>
@endsection

@push('style')
<style>
  .gset-list{border-radius:12px;overflow:hidden}
  .gset-item{padding:14px;border-color:rgba(0,0,0,.06)}
  .gset-title{font-weight:900}
  .gset-sub{font-size:12px;color:#6c757d;font-weight:700;margin-top:2px}
  .gset-item:hover{background:#fafafa}
  .switch-item{display:flex;align-items:center;gap:10px;font-weight:800}
  .switch-item input{width:18px;height:18px}
  textarea.font-monospace{font-weight:800}
</style>
@endpush

@push('script')
<script>
function setDefaultCommJson(){
  var preset = {"1":80,"2":40,"3":25,"4":15,"5":10,"6":6,"7":5,"8":4,"9":3,"10":2};
  var ta = document.querySelector('textarea[name="activation_commissions"]');
  if(ta) ta.value = JSON.stringify(preset, null, 2);
}

function setZeroChargesJson(){
  var preset = {
    "activation": {
      "is_active_0": { "bondhonpay": { "type":"percent", "value":0 } },
      "is_active_1": { "bondhonpay": { "type":"percent", "value":0 } }
    },
    "add_money": {
      "is_active_0": { "bondhonpay": { "type":"percent", "value":0 } },
      "is_active_1": { "bondhonpay": { "type":"percent", "value":0 } }
    }
  };
  var ta = document.querySelector('textarea[name="charges"]');
  if(ta) ta.value = JSON.stringify(preset, null, 2);
}
</script>
@endpush