<div class="mb-3 row">
    <label for="settings[razorpay][enabled]" class="col-sm-2 control-label">Enable Razorpay</label>
    <div class="col-sm-3">
        <select class="form-control" id="settings[razorpay][enabled]" name="settings[razorpay][enabled]">
            <option value="yes" @if ( old('settings.razorpay.enabled', setting('razorpay.enabled', 'no')) == 'yes' ) SELECTED @endif>Yes</option>
            <option value="no" @if ( old('settings.razorpay.enabled', setting('razorpay.enabled', 'no')) == 'no' ) SELECTED @endif>No</option>
        </select>
    </div>
</div>

<div class="mb-3 row">
    <label for="settings[razorpay][order_status]" class="col-sm-2 control-label">Default Order Status</label>
    <div class="col-sm-3">
        <select class="form-control" id="settings[razorpay][order_status]" name="settings[razorpay][order_status]">
            <option value="{{ getConstant('ORDER_STATUS_PROCESSING') }}" @if ( old('settings.razorpay.order_status', setting('razorpay.order_status')) == getConstant('ORDER_STATUS_PROCESSING') ) SELECTED @endif>Processing</option>
            <option value="{{ getConstant('ORDER_STATUS_COMPLETED') }}" @if ( old('settings.razorpay.order_status', setting('razorpay.order_status')) == getConstant('ORDER_STATUS_COMPLETED') ) SELECTED @endif>Completed</option>
        </select>
    </div>
</div>

<h3 class="sub-settings">Razorpay Checkout Settings</h3>

<div class="mb-3 row">
    <label for="settings[razorpay][title]" class="col-sm-2 control-label">Payment Title</label>
    <div class="col-sm-4">
        <input type="text" class="form-control" id="settings[razorpay][title]" name="settings[razorpay][title]" value="{{ old('settings.razorpay.title', setting('razorpay.title', 'Razorpay')) }}">
    </div>
</div>

<div class="mb-3 row">
    <label for="settings[razorpay][description]" class="col-sm-2 control-label">Payment Description</label>
    <div class="col-sm-6">
        <input type="text" class="form-control" id="settings[razorpay][description]" name="settings[razorpay][description]" value="{{ old('settings.razorpay.description', setting('razorpay.description', 'Complete your payment securely with Razorpay.')) }}">
    </div>
</div>

<div class="mb-3 row">
    <label for="settings[razorpay][theme_color]" class="col-sm-2 control-label">Theme Color</label>
    <div class="col-sm-2">
        <input type="color" class="form-control form-control-color" id="settings[razorpay][theme_color]" name="settings[razorpay][theme_color]" value="{{ old('settings.razorpay.theme_color', setting('razorpay.theme_color', '#3399cc')) }}">
    </div>
</div>

<h3 class="sub-settings">Razorpay API Credentials</h3>

<div class="mb-3 row">
    <label for="settings[razorpay][key_id]" class="col-sm-2 control-label">Key ID</label>
    <div class="col-sm-4">
        <input type="text" class="form-control" id="settings[razorpay][key_id]" name="settings[razorpay][key_id]" value="{{ old('settings.razorpay.key_id', setting('razorpay.key_id')) }}">
    </div>
</div>

<div class="mb-3 row">
    <label for="settings[razorpay][key_secret]" class="col-sm-2 control-label">Key Secret</label>
    <div class="col-sm-4">
        <input type="text" class="form-control" id="settings[razorpay][key_secret]" name="settings[razorpay][key_secret]" value="{{ old('settings.razorpay.key_secret', setting('razorpay.key_secret')) }}">
    </div>
</div>
