@extends('Admin.layout')
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card p-4">
        <h4 class="mb-4">Add Commission Package</h4>
        <form action="#" method="POST">
            @csrf

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="package_name" class="form-label">Package Name</label>
                    <input type="text" class="form-control" id="package_name" name="package_name" value="{{ old('package_name') }}" placeholder="Name">
                </div>
                <div class="col-md-6 mb-3">
                    <label for="package_amount" class="form-label">Package Amount</label>
                    <input type="text" class="form-control" id="package_amount" name="package_amount" value="{{ old('package_amount') }}" placeholder="Amount">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="commission_type" class="form-label">Commission Type</label>
                    <select class="form-select" id="commission_type" name="commission_type">
                        <option value="">Select Commission</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <label for="admin_commission" class="form-label">Admin Commission</label>
                    <input type="text" class="form-control" id="admin_commission" name="admin_commission" value="{{ old('admin_commission') }}" placeholder="Commission">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="master_distributor_commission" class="form-label">Master Distributor Commission</label>
                    <input type="text" class="form-control" id="master_distributor_commission" name="master_distributor_commission" value="{{ old('master_distributor_commission') }}" placeholder="Commission">
                </div>
                <div class="col-md-6 mb-3">
                    <label for="distributor_commission" class="form-label">Distributor Commission</label>
                    <input type="text" class="form-control" id="distributor_commission" name="distributor_commission" value="{{ old('distributor_commission') }}" placeholder="Commission">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="user_1_commission" class="form-label">User 1 Commission</label>
                    <input type="text" class="form-control" id="user_1_commission" name="user_1_commission" value="{{ old('user_1_commission') }}" placeholder="Commission">
                </div>
                <div class="col-md-6 mb-3">
                    <label for="user_2_commission" class="form-label">User 2</label>
                    <input type="text" class="form-control" id="user_2_commission" name="user_2_commission" value="{{ old('user_2_commission') }}" placeholder="Commission">
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <button type="button" class="btn btn-outline-secondary">Cancel</button>
            </div>
        </form>
    </div>
</div>
@endsection