@extends('dashboard.layouts.base')

@section('content')
<div class="col-12">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header fw-bold">الإعدادات العامة</div>

                <div class="card-body">

                    {{-- @if(session('success'))
                    <div class="alert alert-success text-center fw-bold">
                        {{ session('success') }}
                    </div>
                    @endif --}}

                    <form action="{{ route('dashboard.settings.update') }}" method="POST">
                        @csrf
                        @method('PUT')

                        {{-- percentage --}}
                        <div class="mb-3">
                            <label class="form-label fw-bold">نسبة العمولة (%)</label>
                            <input type="number" step="0.01" name="percentage" class="form-control" value="{{ old('percentage', $setting->percentage ?? '') }}">
                            @error('percentage')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- radius --}}
                        <div class="mb-3">
                            <label class="form-label fw-bold">نصف القطر (كم)</label>
                            <input type="number" step="0.01" name="radius" class="form-control" value="{{ old('radius', $setting->radius ?? '') }}">
                            @error('radius')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        @if(Auth::guard('admin')->user()->can('update settings'))
                        <div class="d-grid">
                            <button type="submit" class="btn btn-success py-2 fw-bold">💾 حفظ الإعدادات</button>
                        </div>
                        @endif

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