@extends('admin.layouts.masterlayout')
@section('styles')

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css">
@endsection
@section('content')
<div class="main-content">
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Add Form</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        <form id="demo-form2" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="" action="{{route('Bonus.addBonus')}}" method="post">
                            {{ csrf_field() }}

                            <div class="form-row row g-3 my-3">
                                <!-- Bonus Type -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="type"   class="lbl_frm py-2">Bonus Type <span class="required">*</span></label>
                                        <select id="type" required="required" name="type" class="form-control" required>
                                            <option value="">-- Select Bonus Type --</option>
                                            <option value="PAN_VERIFY_BONUS_AMT" {{ old('type') == 'PAN_VERIFY_BONUS_AMT' ? 'selected' : '' }}>PAN_VERIFY_BONUS_AMT</option>
                                            <option value="REFERAL_BONUS_AMOUNT" {{ old('type') == 'REFERAL_BONUS_AMOUNT' ? 'selected' : '' }}>REFERAL_BONUS_AMOUNT</option>
                                            <option value="REFER_LIFE_COMMISION" {{ old('type') == 'REFER_LIFE_COMMISION' ? 'selected' : '' }}>REFER_LIFE_COMMISION</option>
                                            <option value="SCRATCH_MAX_BONUS_LIMIT" {{ old('type') == 'SCRATCH_MAX_BONUS_LIMIT' ? 'selected' : '' }}>SCRATCH_MAX_BONUS_LIMIT</option>
                                            <option value="SCRATCH_MIN_BONUS_LIMIT" {{ old('type') == 'SCRATCH_MIN_BONUS_LIMIT' ? 'selected' : '' }}>SCRATCH_MIN_BONUS_LIMIT</option>
                                            <option value="SIGN_UP_BONUS_AMOUNT" {{ old('type') == 'SIGN_UP_BONUS_AMOUNT' ? 'selected' : '' }}>SIGN_UP_BONUS_AMOUNT</option>
                                            <option value="TDS_BONUS" {{ old('type') == 'TDS_BONUS' ? 'selected' : '' }}>TDS_BONUS</option>
                                            <option value="TDS_BONUS_REAL_CASH" {{ old('type') == 'TDS_BONUS_REAL_CASH' ? 'selected' : '' }}>TDS_BONUS_REAL_CASH</option>
                                            <option value="TDS_FOR_AFFILATE_COMMISSION" {{ old('type') == 'TDS_FOR_AFFILATE_COMMISSION' ? 'selected' : '' }}>TDS_FOR_AFFILATE_COMMISSION</option>
                                            <option value="TDS_FOR_AFFILATE_COMMISSION_PREDICTOR" {{ old('type') == 'TDS_FOR_AFFILATE_COMMISSION_PREDICTOR' ? 'selected' : '' }}>TDS_FOR_AFFILATE_COMMISSION_PREDICTOR</option>
                                            <option value="TDS_REVERT_RATE" {{ old('type') == 'TDS_REVERT_RATE' ? 'selected' : '' }}>TDS_REVERT_RATE</option>
                                            <option value="TEST_BONUS_AMOUNT" {{ old('type') == 'TEST_BONUS_AMOUNT' ? 'selected' : '' }}>TEST_BONUS_AMOUNT</option>
                                            <option value="TRANSFER_BONUS_AMOUNT" {{ old('type') == 'TRANSFER_BONUS_AMOUNT' ? 'selected' : '' }}>TRANSFER_BONUS_AMOUNT</option>
                                            <option value="TRANSFER_BONUS_RATE" {{ old('type') == 'TRANSFER_BONUS_RATE' ? 'selected' : '' }}>TRANSFER_BONUS_RATE</option>
                                            <option value="GST_BONUS_SHARED" {{ old('type') == 'GST_BONUS_SHARED' ? 'selected' : '' }}>GST_BONUS_SHARED</option>
                                            <option value="GST_BONUS_REALCASH" {{ old('type') == 'GST_BONUS_REALCASH' ? 'selected' : '' }}>GST_BONUS_REALCASH</option> <!-- Corrected -->
                                            <option value="GST_DSICOUNT_POINT" {{ old('type') == 'GST_DSICOUNT_POINT' ? 'selected' : '' }}>GST_DSICOUNT_POINT</option>
                                            <option value="FIRST_DIPOSIT_BONUS" {{ old('type') == 'FIRST_DIPOSIT_BONUS' ? 'selected' : '' }}>FIRST_DIPOSIT_BONUS</option>
                                            <option value="DSICOUNT_BONUS" {{ old('type') == 'DSICOUNT_BONUS' ? 'selected' : '' }}>DSICOUNT_BONUS</option>
                                            <option value="BANK_VERIFY_BONUS_AMT" {{ old('type') == 'BANK_VERIFY_BONUS_AMT' ? 'selected' : '' }}>BANK_VERIFY_BONUS_AMT</option>
                                        </select>
                                        <div class="error-message help-inline">{{ $errors->first('type') }}</div>
                                    </div>
                                </div>

                                <!-- Price -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="price"  class="lbl_frm py-2">Price <span class="required">*</span></label>
                                        <input id="price" required="required" value="{{ old('price') }}" name="price" class="form-control" type="number" step="0.01">

                                        <div class="error-message help-inline">{{ $errors->first('price') }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Bonus Type Value -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="bonus_type"  class="lbl_frm py-2">Bonus Type Value <span class="required">*</span></label>
                                        <select id="price" required="required" name="bonus_type" class="form-control" required>
                                            <option value="">-- Select Bonus Type Value Type --</option>
                                            <option value="Amount" {{ old('bonus_type') == 'Amount' ? 'selected' : '' }}>Amount</option>
                                            <option value="Percentage" {{ old('bonus_type') == 'Percentage' ? 'selected' : '' }}>Percentage</option>
                                        </select>
                                        <div class="error-message help-inline">{{ $errors->first('bonus_type') }}</div>
                                    </div>
                                </div>

                                <!-- Status -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="status"  class="lbl_frm py-2">Status <span class="required">*</span></label>
                                        <select id="status" name="status" class="form-control">
                                            <option value="1" {{ old('status') == "1" ? 'selected' : '' }}>Active</option>
                                            <option value="0" {{ old('status') == "0" ? 'selected' : '' }}>Inactive</option>
                                        </select>
                                        <div class="error-message help-inline">{{ $errors->first('status') }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- First Deposit -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="first_deposit"  class="lbl_frm py-2">First Deposit <span class="required">*</span></label>
                                        <select id="first_deposit" name="first_deposit" class="form-control">
                                            <option value="1" {{ old('first_deposit') == "1" ? 'selected' : '' }}>Yes</option>
                                            <option value="0" {{ old('first_deposit') == "0" ? 'selected' : '' }}>No</option>
                                        </select>
                                        <div class="error-message help-inline">{{ $errors->first('first_deposit') }}</div>
                                    </div>
                                </div>

                                <!-- First Deposit Condition -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="first_dep_condition"  class="lbl_frm py-2">First Deposit Condition</label>
                                        <input id="first_dep_condition" value="{{ old('first_dep_condition') }}" name="first_dep_condition" class="form-control" type="text">
                                        <div class="error-message help-inline">{{ $errors->first('first_dep_condition') }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Max Limit -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="max_limit"  class="lbl_frm py-2">Max Limit</label>
                                        <input id="max_limit" value="{{ old('max_limit') }}" name="max_limit" class="form-control" type="text">
                                        <div class="error-message help-inline">{{ $errors->first('max_limit') }}</div>
                                    </div>
                                </div>

                                <!-- Min Limit -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="min_limit"  class="lbl_frm py-2">Min Limit <span class="required">*</span></label>
                                        <input id="min_limit" required="required" value="{{ old('min_limit') }}" name="min_limit" class="form-control" type="number" step="0.01">
                                        <div class="error-message help-inline">{{ $errors->first('min_limit') }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Per Day Limit -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="per_day_limit"  class="lbl_frm py-2">Per Day Limit <span class="required">*</span></label>
                                        <input id="per_day_limit" required="required" value="{{ old('per_day_limit') }}" name="per_day_limit" class="form-control" type="number" step="0.01">
                                        <div class="error-message help-inline">{{ $errors->first('per_day_limit') }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="ln_solid"></div>
                            <div class="form-group p-2 mt-2">
                                <button type="submit" class="btn btn-primary  me-2">Submit</button>
                                <button class="btn btn-info" type="button" id="cancel_btn">Reset</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('#start_date').datetimepicker({
            timepicker: false,
            format:'Y-m-d'
        });
        $('#end_date').datetimepicker({
            timepicker: false,
            format:'Y-m-d'
        });

        $(document).on("click","#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            window.location = href;
        });

    });
</script>

<!--**********************************
    Content body end
***********************************-->
@endsection