@extends('layouts.admin')

@section('title', 'Card Request Settings')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Card Request Settings</h1>
        <p class="page-subtitle">Configure card request pricing, instructions, and default limits</p>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('settings.cards.update') }}">
            @csrf

            <div class="form-section">
                <h3 class="form-section-title">Pricing</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label for="card_request_price" class="form-label">Card Request Fee</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" id="card_request_price" name="card_request_price"
                                   class="form-input"
                                   value="{{ $settings['card_request_price'] ?? 0 }}"
                                   step="0.01" min="0">
                        </div>
                        <p class="form-hint">Fee charged to users when requesting a card</p>
                    </div>

                    <div class="form-group">
                        <label for="physical_card_price" class="form-label">Physical Card Fee</label>
                        <div class="input-group">
                            <span class="input-group-text">$</span>
                            <input type="number" id="physical_card_price" name="physical_card_price"
                                   class="form-input"
                                   value="{{ $settings['physical_card_price'] ?? 0 }}"
                                   step="0.01" min="0">
                        </div>
                        <p class="form-hint">Additional fee for physical (shipping) cards</p>
                    </div>
                </div>

                <div class="form-group">
                    <label class="form-check-label">
                        <input type="checkbox" name="allow_physical_cards" value="1"
                               class="form-check-input"
                               {{ ($settings['allow_physical_cards'] ?? '1') == '1' ? 'checked' : '' }}>
                        <span class="form-check-text">Allow physical card requests</span>
                    </label>
                    <p class="form-hint">If disabled, users can only request virtual cards</p>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">Default Limits</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label for="default_card_monthly_limit" class="form-label">Default Monthly Spending Limit</label>
                        <div class="input-group">
                            <input type="number" id="default_card_monthly_limit" name="default_card_monthly_limit"
                                   class="form-input"
                                   value="{{ $settings['default_card_monthly_limit'] ?? 500000 }}"
                                   step="0.01" min="0">
                        </div>
                        <p class="form-hint">Default monthly limit for new cards (in {{ config('app.currency_symbol', '$') }})</p>
                    </div>

                    <div class="form-group">
                        <label for="default_card_daily_limit" class="form-label">Default Daily Spending Limit</label>
                        <div class="input-group">
                            <input type="number" id="default_card_daily_limit" name="default_card_daily_limit"
                                   class="form-input"
                                   value="{{ $settings['default_card_daily_limit'] ?? 100000 }}"
                                   step="0.01" min="0">
                        </div>
                        <p class="form-hint">Default daily limit for new cards (in {{ config('app.currency_symbol', '$') }})</p>
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">Card Request Instructions</h3>
                <div class="form-group">
                    <label for="card_request_instructions" class="form-label">Instructions for Users</label>
                    <textarea id="card_request_instructions" name="card_request_instructions"
                              class="form-input form-textarea"
                              rows="6"
                              placeholder="Enter instructions that will be displayed to users when they request a card...">{{ $settings['card_request_instructions'] ?? '' }}</textarea>
                    <p class="form-hint">These instructions will appear on the card request page</p>
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save Settings</button>
                <a href="{{ route('admin.dashboard') }}" class="btn btn-outline">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection