@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Select a Product in {{ $subcategory->name }}</h1>
    <form action="{{ route('calculate-discount') }}" method="POST">
        @csrf
        <div class="form-group mb-3">
            <label for="product_id">Product</label>
            <select class="form-control" id="product_id" name="product_id" required>
                @foreach($products as $product)
                <option value="{{ $product->id }}">{{ $product->name }} (Base Price: {{ $product->base_price }}, Sale Price: {{ $product->sale_price }})</option>
                @endforeach
            </select>
        </div>
        <div class="form-group mb-3">
            <label for="user_type_id">User Type</label>
            <select class="form-control" id="user_type_id" name="user_type_id" required>
                @foreach($userTypes as $userType)
                <option value="{{ $userType->id }}" data-name="{{ $userType->name }}">{{ $userType->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group mb-3">
            <label for="performance_category_id">Performance Category</label>
            <select class="form-control" id="performance_category_id" name="performance_category_id" required>
                @foreach($performanceCategories as $performanceCategory)
                <option value="{{ $performanceCategory->id }}">{{ $performanceCategory->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group mb-3">
            <label for="name">Name</label>
            <input type="text" class="form-control" id="name" name="name" required>
        </div>
        <div class="form-group mb-3">
            <label for="sciekore_id">SCIEKORE ID (Optional)</label>
            <input type="text" class="form-control" id="sciekore_id" name="sciekore_id">
        </div>
        <button type="submit" class="btn btn-primary">Calculate Discount</button>
    </form>
    <a href="{{ route('subcategories', $subcategory->category_id) }}" class="btn btn-secondary mt-3">Back to Subcategories</a>

    @if(session('discount'))
    
    <div class="card mt-4">
        <div class="card-header">
            Generate Discount and Referral Certificates
        </div>
        <div class="card-body">
            <form action="{{ route('generate-discount-certificate') }}" method="POST" target="_blank">
                @csrf
                <input type="hidden" name="name" value="{{ session('name') }}">
                <input type="hidden" name="sciekore_id" value="{{ session('sciekore_id') }}">
                <input type="hidden" name="user_type" value="{{ session('user_type') }}">
                <input type="hidden" name="performance_category" value="{{ session('performance_category') }}">
                <input type="hidden" name="discount_amount" value="{{ session('discount_amount') }}">
                <input type="hidden" name="discounted_price" value="{{ session('discounted_price') }}">
                <input type="hidden" name="product_name" value="{{ session('product_name') }}">
                <input type="hidden" name="category_name" value="{{ session('category_name') }}">
                <button type="submit" class="btn btn-success">Download Discount Certificate</button>
            </form>
            <form action="{{ route('generate-referral-certificate') }}" method="POST" target="_blank">
                @csrf
                <input type="hidden" name="name" value="{{ session('name') }}">
                <input type="hidden" name="sciekore_id" value="{{ session('sciekore_id') }}">
                <input type="hidden" name="user_type" value="{{ session('user_type') }}">
                <input type="hidden" name="performance_category" value="{{ session('performance_category') }}">
                <input type="hidden" name="referral_percentage" value="{{ session('referral_percentage') }}">
                <input type="hidden" name="referral_amount" value="{{ session('referral_amount') }}">
                <input type="hidden" name="product_name" value="{{ session('product_name') }}">
                <input type="hidden" name="category_name" value="{{ session('category_name') }}">
                <button type="submit" class="btn btn-info">Download Referral Certificate</button>
            </form>
        </div>
    </div>
    <div class="alert alert-info mt-4">
        {!! session('discount') !!}
    </div>
    @endif

    @if(session('success'))
    <div class="alert alert-success mt-4">
        {{ session('success') }}
    </div>
    @endif
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const userTypeSelect = document.getElementById('user_type_id');
    const performanceCategorySelect = document.getElementById('performance_category_id');

    const partnerLevels = ['Partner Level 1', 'Partner Level 2', 'Partner Level 3', 'Partner Level 4'];

    function togglePerformanceCategory() {
        const selectedUserType = userTypeSelect.options[userTypeSelect.selectedIndex].dataset.name;
        if (partnerLevels.includes(selectedUserType)) {
            performanceCategorySelect.disabled = true;
        } else {
            performanceCategorySelect.disabled = false;
        }
    }

    userTypeSelect.addEventListener('change', togglePerformanceCategory);

    // Initial check when the page loads
    togglePerformanceCategory();
});
</script>
@endsection