@extends('dashboard.admin.layout')

@section('title', 'Site Settings')

@section('content')
<div class="admin-inner">
<div class="card mb-4">
  <div class="card-header">
    <h5 class="card-title mb-0">Trading Simulator Control</h5>
  </div>
  <div class="card-body">
    <p class="text-muted">Control candle direction and spike behavior for user Future Trade UI.</p>

    <form method="POST" action="{{ route('admin.settings.trading-simulator.update') }}" class="row">
      @csrf
      <div class="col-md-3 form-group">
        <label>Symbol</label>
        <input type="text" name="symbol" class="form-control" value="{{ old('symbol', $simulator->symbol) }}" required>
      </div>
      <div class="col-md-3 form-group">
        <label>Trend</label>
        <select name="trend" class="form-control" required>
          <option value="buy" @selected(old('trend', $simulator->trend) === 'buy')>Buy (Up)</option>
          <option value="sell" @selected(old('trend', $simulator->trend) === 'sell')>Sell (Down)</option>
          <option value="neutral" @selected(old('trend', $simulator->trend) === 'neutral')>Neutral</option>
        </select>
      </div>
      <div class="col-md-3 form-group">
        <label>Step Percent / Tick</label>
        <input type="number" step="0.0001" min="0.001" max="5" name="step_percent" class="form-control" value="{{ old('step_percent', $simulator->step_percent) }}" required>
      </div>
      <div class="col-md-3 form-group">
        <label>Spike Percent</label>
        <input type="number" step="0.0001" min="0" max="20" name="spike_percent" class="form-control" value="{{ old('spike_percent', $simulator->spike_percent) }}" required>
      </div>
      <div class="col-md-3 form-group">
        <label>Spike Interval (ticks)</label>
        <input type="number" min="2" max="500" name="spike_interval_ticks" class="form-control" value="{{ old('spike_interval_ticks', $simulator->spike_interval_ticks) }}" required>
      </div>
      <div class="col-md-3 form-group">
        <label>Reset Price (optional)</label>
        <input type="number" step="0.0001" min="0.01" name="reset_price" class="form-control" value="{{ old('reset_price') }}" placeholder="Leave blank to keep current">
      </div>
      <div class="col-md-3 form-group d-flex align-items-end">
        <div class="form-check">
          <input type="checkbox" name="spike_enabled" value="1" class="form-check-input" id="spikeEnabled" @checked(old('spike_enabled', $simulator->spike_enabled))>
          <label class="form-check-label" for="spikeEnabled">Enable Spike</label>
        </div>
      </div>
      <div class="col-md-3 form-group d-flex align-items-end justify-content-end">
        <button type="submit" class="btn btn-primary">Update Simulator</button>
      </div>
    </form>

    <hr>
    <div class="row">
      <div class="col-md-3"><strong>Current Price:</strong> {{ number_format((float) $simulator->current_price, 4) }}</div>
      <div class="col-md-3"><strong>Tick Count:</strong> {{ number_format((int) $simulator->tick_count) }}</div>
      <div class="col-md-3"><strong>Last Tick:</strong> {{ $simulator->last_tick_at?->format('Y-m-d H:i:s') ?? 'N/A' }}</div>
      <div class="col-md-3"><strong>Last Updated By:</strong> {{ $simulator->updater?->email ?? 'N/A' }}</div>
    </div>
  </div>
</div>

<div class="card mb-4">
  <div class="card-header">
    <h5 class="card-title mb-0">Bot Guard Manual Blocking</h5>
  </div>
  <div class="card-body">
    <p class="text-muted mb-3">No automatic blocking. Requests are only blocked when IP or country below is manually blocked by admin.</p>

    <div class="row">
      <div class="col-md-6">
        <div class="management-toolbar mb-3">
          <div>
            <h6 class="mb-1">Blocked IPs</h6>
            <div class="text-muted small">Manually blocked IP addresses.</div>
          </div>
          <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#blockIpModal">Block IP</button>
        </div>
        <div class="table-responsive">
          <table class="table table-sm">
            <thead>
              <tr>
                <th>IP</th>
                <th>Note</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @forelse($blockedIps as $item)
                <tr>
                  <td>{{ $item->value }}</td>
                  <td>{{ $item->note ?: '-' }}</td>
                  <td>
                    <form method="POST" action="{{ route('admin.settings.bot-guard.blocked-ips.delete', $item->id) }}">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Unblock</button>
                    </form>
                  </td>
                </tr>
              @empty
                <tr><td colspan="3" class="text-muted">No blocked IPs.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>

      <div class="col-md-6">
        <div class="management-toolbar mb-3">
          <div>
            <h6 class="mb-1">Blocked Countries</h6>
            <div class="text-muted small">Country level blocks controlled by admin only.</div>
          </div>
          <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#blockCountryModal">Block Country</button>
        </div>
        <div class="table-responsive">
          <table class="table table-sm">
            <thead>
              <tr>
                <th>Country</th>
                <th>Code</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @forelse($blockedCountries as $item)
                <tr>
                  <td>{{ $item->label ?: ($countries[$item->value] ?? $item->value) }}</td>
                  <td>{{ $item->value }}</td>
                  <td>
                    <form method="POST" action="{{ route('admin.settings.bot-guard.blocked-countries.delete', $item->id) }}">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-outline-secondary">Unblock</button>
                    </form>
                  </td>
                </tr>
              @empty
                <tr><td colspan="3" class="text-muted">No blocked countries.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="blockIpModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Blocked IP</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <form method="POST" action="{{ route('admin.settings.bot-guard.blocked-ips.add') }}">
        @csrf
        <div class="modal-body">
          <div class="form-group">
            <label>IP Address (IPv4/IPv6)</label>
            <input type="text" name="ip" class="form-control" placeholder="e.g. 203.0.113.10" required>
          </div>
          <div class="form-group">
            <label>Note (optional)</label>
            <input type="text" name="note" class="form-control" placeholder="Reason">
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
          <button class="btn btn-danger" type="submit">Block IP</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="blockCountryModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Blocked Country</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <form method="POST" action="{{ route('admin.settings.bot-guard.blocked-countries.add') }}">
        @csrf
        <div class="modal-body">
          <div class="form-group">
            <label>Country</label>
            <select name="country_code" class="form-control" required>
              <option value="">Select country</option>
              @foreach($countries as $code => $name)
                <option value="{{ $code }}">{{ $name }} ({{ $code }})</option>
              @endforeach
            </select>
          </div>
          <div class="form-group">
            <label>Note (optional)</label>
            <input type="text" name="note" class="form-control" placeholder="Reason">
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
          <button class="btn btn-danger" type="submit">Block Country</button>
        </div>
      </form>
    </div>
  </div>
</div>
</div>
@endsection