@extends('layouts.portal')

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

@section('sidebar')
    @include('admin.partials.sidebar', ['active' => 'lawyer-settings'])
@endsection

@section('content')
<div class="p-6">
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Lawyer Settings</h1>
        <p class="text-gray-600 mt-1">Configure commission rates and invoice settings for lawyers</p>
    </div>

    <div class="max-w-3xl">
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100">
            <h2 class="text-lg font-semibold text-gray-800 mb-6">Invoice Settings</h2>
            
            <form action="{{ route('admin.lawyer-settings.update') }}" method="POST">
                @csrf
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Invoice Fee (%)</label>
                        <input type="number" name="invoice_fee" step="0.01" min="0" max="100" value="{{ $settings['invoice_fee'] }}"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none"
                               placeholder="Enter fee percentage">
                        <p class="text-xs text-gray-500 mt-1">Platform fee charged on lawyer invoices</p>
                    </div>
                    
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Minimum Invoice Amount ($)</label>
                        <input type="number" name="min_invoice_amount" step="0.01" min="0" value="{{ $settings['min_invoice_amount'] }}"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none"
                               placeholder="Enter minimum amount">
                        <p class="text-xs text-gray-500 mt-1">Minimum amount lawyers can invoice for</p>
                    </div>
                </div>
                
                <h2 class="text-lg font-semibold text-gray-800 mt-8 mb-6">Will Commission Rates (%)</h2>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Basic Will</label>
                        <input type="number" name="basic_commission" step="0.01" min="0" max="100" value="{{ $settings['will_commission_rates']['basic'] }}"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none"
                               placeholder="Enter commission %">
                        <p class="text-xs text-gray-500 mt-1">Commission rate for basic wills</p>
                    </div>
                    
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Standard Will</label>
                        <input type="number" name="standard_commission" step="0.01" min="0" max="100" value="{{ $settings['will_commission_rates']['standard'] }}"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none"
                               placeholder="Enter commission %">
                        <p class="text-xs text-gray-500 mt-1">Commission rate for standard wills</p>
                    </div>
                    
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Premium Will</label>
                        <input type="number" name="premium_commission" step="0.01" min="0" max="100" value="{{ $settings['will_commission_rates']['premium'] }}"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none"
                               placeholder="Enter commission %">
                        <p class="text-xs text-gray-500 mt-1">Commission rate for premium wills</p>
                    </div>
                </div>
                
                <div class="mt-8">
                    <button type="submit" class="bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors">
                        <i class="fas fa-save mr-2"></i>Save Settings
                    </button>
                </div>
            </form>
        </div>
        
        <div class="bg-blue-50 rounded-xl p-6 border border-blue-200 mt-6">
            <h3 class="text-sm font-semibold text-blue-800 mb-2">
                <i class="fas fa-info-circle mr-2"></i>Information
            </h3>
            <p class="text-sm text-blue-700">
                These settings control how much lawyers earn from wills and invoices. Commission rates are calculated as a percentage of the will package price. The invoice fee is deducted from the lawyer's invoice amount before payment.
            </p>
        </div>
    </div>
</div>
@endsection