@extends('admin.layouts.master')
@section('title', __('admin.contract_pricing.title'))
@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            <div class="content-header d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="mb-0">{{ __('admin.contract_pricing.title') }}</h1>
                    <small class="text-muted">{{ $project->project_name }}</small>
                </div>
                <a href="{{ route('admin.projects.show', $project) }}" class="btn btn-outline-secondary">
                    <i class="ti ti-arrow-left me-1"></i>{{ __('admin.actions.back_to_list') }}
                </a>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
            @endif

            <div class="row">
                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-header"><h5 class="mb-0">{{ __('admin.contract_pricing.configure') }}</h5></div>
                        <div class="card-body">
                            <form method="POST" action="{{ route('admin.contract_pricing.store', $project) }}" id="pricingForm">
                                @csrf
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label class="form-label">{{ __('admin.contract_pricing.fields.contract_type_id') }} <span class="text-danger">*</span></label>
                                        <select name="contract_type_id" class="form-select @error('contract_type_id') is-invalid @enderror" required>
                                            <option value="">{{ app()->getLocale() === 'ar' ? '— اختر نوع العقد —' : '— Select Contract Type —' }}</option>
                                            @foreach($contractTypes as $ct)
                                                <option value="{{ $ct->id }}" @selected(old('contract_type_id', $project->contractPricing?->contract_type_id) == $ct->id)
                                                    data-type="{{ $ct->type }}">
                                                    {{ app()->getLocale() === 'ar' ? $ct->name_ar : $ct->name_en }}
                                                    ({{ __('admin.contract_types.types.'.$ct->type) }})
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('contract_type_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">{{ __('admin.contract_pricing.pricing_system') }} <span class="text-danger">*</span></label>
                                        <select name="pricing_type" id="pricingType" class="form-select" required>
                                            <option value="fixed_price" @selected(old('pricing_type', $project->contractPricing?->pricing_type) === 'fixed_price')>
                                                {{ __('admin.contract_pricing.types.fixed_price') }}
                                            </option>
                                            <option value="fixed_commission" @selected(old('pricing_type', $project->contractPricing?->pricing_type) === 'fixed_commission')>
                                                {{ __('admin.contract_pricing.types.fixed_commission') }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">{{ __('admin.contract_pricing.fields.base_price') }} <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="number" name="base_price" id="basePrice" step="0.01" min="0"
                                                value="{{ old('base_price', $project->contractPricing?->base_price) }}"
                                                class="form-control @error('base_price') is-invalid @enderror" required>
                                            <span class="input-group-text">{{ app()->getLocale() === 'ar' ? 'ريال' : 'SAR' }}</span>
                                        </div>
                                        @error('base_price')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>

                                    {{-- Commission Rate (shown only for commission type) --}}
                                    <div class="col-md-6" id="commissionSection" style="{{ old('pricing_type', $project->contractPricing?->pricing_type) !== 'fixed_commission' ? 'display:none' : '' }}">
                                        <label class="form-label">{{ __('admin.contract_pricing.fields.commission_rate') }}</label>
                                        <div class="input-group">
                                            <input type="number" name="commission_rate" id="commissionRate" step="0.01" min="0" max="100"
                                                value="{{ old('commission_rate', $project->contractPricing?->commission_rate) }}"
                                                class="form-control">
                                            <span class="input-group-text">%</span>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">{{ __('admin.contract_pricing.fields.additional_costs') }}</label>
                                        <div class="input-group">
                                            <input type="number" name="additional_costs" id="additionalCosts" step="0.01" min="0"
                                                value="{{ old('additional_costs', $project->contractPricing?->additional_costs ?? 0) }}"
                                                class="form-control">
                                            <span class="input-group-text">{{ app()->getLocale() === 'ar' ? 'ريال' : 'SAR' }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">{{ __('admin.contract_pricing.fields.discount') }}</label>
                                        <div class="input-group">
                                            <input type="number" name="discount" id="discount" step="0.01" min="0"
                                                value="{{ old('discount', $project->contractPricing?->discount ?? 0) }}"
                                                class="form-control">
                                            <span class="input-group-text">{{ app()->getLocale() === 'ar' ? 'ريال' : 'SAR' }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">{{ app()->getLocale() === 'ar' ? 'ملاحظات (عربي)' : 'Notes (Arabic)' }}</label>
                                        <textarea name="notes_ar" class="form-control" rows="2">{{ old('notes_ar', $project->contractPricing?->notes_ar) }}</textarea>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">{{ app()->getLocale() === 'ar' ? 'ملاحظات (إنجليزي)' : 'Notes (English)' }}</label>
                                        <textarea name="notes_en" class="form-control" rows="2">{{ old('notes_en', $project->contractPricing?->notes_en) }}</textarea>
                                    </div>
                                </div>

                                <div class="mt-4 d-flex gap-2">
                                    <button type="submit" class="btn btn-primary"><i class="ti ti-device-floppy me-1"></i>{{ __('admin.actions.save') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    {{-- Live Preview Card --}}
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h6 class="mb-0">{{ app()->getLocale() === 'ar' ? 'معاينة التسعير' : 'Pricing Preview' }}</h6>
                        </div>
                        <div class="card-body">
                            @php $pricing = $project->contractPricing; @endphp
                            <div class="table-responsive">
                                <table class="table table-sm">
                                    <tr>
                                        <td>{{ __('admin.contract_pricing.fields.base_price') }}</td>
                                        <td class="text-end fw-bold" id="previewBase">{{ number_format($pricing?->base_price ?? 0, 2) }}</td>
                                    </tr>
                                    @if($pricing?->pricing_type === 'fixed_commission')
                                    <tr>
                                        <td>{{ __('admin.contract_pricing.fields.commission_rate') }} ({{ $pricing->commission_rate }}%)</td>
                                        <td class="text-end text-info" id="previewCommission">{{ number_format($pricing->commission_amount ?? 0, 2) }}</td>
                                    </tr>
                                    @endif
                                    <tr>
                                        <td>{{ __('admin.contract_pricing.fields.additional_costs') }}</td>
                                        <td class="text-end" id="previewAdditional">{{ number_format($pricing?->additional_costs ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="border-top">
                                        <td>{{ app()->getLocale() === 'ar' ? 'المجموع الفرعي' : 'Subtotal' }}</td>
                                        <td class="text-end" id="previewSubtotal">{{ number_format($pricing?->subtotal ?? 0, 2) }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('admin.contract_pricing.fields.discount') }}</td>
                                        <td class="text-end text-danger" id="previewDiscount">- {{ number_format($pricing?->discount ?? 0, 2) }}</td>
                                    </tr>
                                    <tr class="table-success fw-bold">
                                        <td>{{ __('admin.contract_pricing.fields.total_price') }}</td>
                                        <td class="text-end fs-5" id="previewTotal">{{ number_format($pricing?->total_price ?? 0, 2) }}</td>
                                    </tr>
                                </table>
                            </div>
                            @if($pricing)
                            <div class="alert alert-info mt-2 mb-0 py-2">
                                <small>
                                    <i class="ti ti-refresh me-1"></i>
                                    {{ app()->getLocale() === 'ar' ? 'آخر تحديث: ' : 'Last updated: ' }}{{ $pricing->updated_at->format('Y-m-d H:i') }}
                                </small>
                            </div>
                            @endif
                        </div>
                    </div>

                    {{-- Pricing Type Info --}}
                    <div class="card mt-3">
                        <div class="card-header"><h6 class="mb-0">{{ app()->getLocale() === 'ar' ? 'أنواع التسعير' : 'Pricing Types' }}</h6></div>
                        <div class="card-body">
                            <div class="mb-3">
                                <span class="badge bg-primary mb-1">{{ __('admin.contract_pricing.types.fixed_price') }}</span>
                                <p class="small text-muted mb-0">
                                    {{ app()->getLocale() === 'ar'
                                        ? 'مبلغ ثابت متفق عليه مسبقاً. الإجمالي = السعر الأساسي + تكاليف إضافية - خصم.'
                                        : 'A fixed pre-agreed amount. Total = Base Price + Additional Costs - Discount.' }}
                                </p>
                            </div>
                            <div>
                                <span class="badge bg-success mb-1">{{ __('admin.contract_pricing.types.fixed_commission') }}</span>
                                <p class="small text-muted mb-0">
                                    {{ app()->getLocale() === 'ar'
                                        ? 'نسبة عمولة ثابتة على قيمة المشروع. الإجمالي = السعر الأساسي + (السعر × نسبة العمولة) + تكاليف إضافية - خصم.'
                                        : 'A fixed commission percentage on the project value. Total = Base Price + (Base × Commission%) + Additional Costs - Discount.' }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const pricingType = document.getElementById('pricingType');
    const commissionSection = document.getElementById('commissionSection');
    const basePrice = document.getElementById('basePrice');
    const commissionRate = document.getElementById('commissionRate');
    const additionalCosts = document.getElementById('additionalCosts');
    const discount = document.getElementById('discount');

    function toggleCommission() {
        commissionSection.style.display = pricingType.value === 'fixed_commission' ? '' : 'none';
        updatePreview();
    }

    function updatePreview() {
        const base = parseFloat(basePrice.value) || 0;
        const rate = parseFloat(commissionRate?.value) || 0;
        const additional = parseFloat(additionalCosts.value) || 0;
        const disc = parseFloat(discount.value) || 0;

        let commission = 0;
        if (pricingType.value === 'fixed_commission') {
            commission = (base * rate) / 100;
        }

        const subtotal = base + commission + additional;
        const total = Math.max(0, subtotal - disc);

        document.getElementById('previewBase').textContent = base.toFixed(2);
        const previewComm = document.getElementById('previewCommission');
        if (previewComm) previewComm.textContent = commission.toFixed(2);
        document.getElementById('previewAdditional').textContent = additional.toFixed(2);
        document.getElementById('previewSubtotal').textContent = subtotal.toFixed(2);
        document.getElementById('previewDiscount').textContent = '- ' + disc.toFixed(2);
        document.getElementById('previewTotal').textContent = total.toFixed(2);
    }

    pricingType.addEventListener('change', toggleCommission);
    [basePrice, commissionRate, additionalCosts, discount].forEach(el => {
        if (el) el.addEventListener('input', updatePreview);
    });

    toggleCommission();
});
</script>
@endpush
@endsection