@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">

    <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">Edit Form</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        <form id="edit-form" data-parsley-validate class="form-horizontal form-label-left" novalidate action="{{ route('Bonus.editBonus', base64_encode(serialize($bonus->id))) }}" method="post">
                            {{ csrf_field() }}

                            <div class="form-row row g-3 my-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="type" class="lbl_frm py-2">Bonus Type <span class="required">*</span></label>
                                        <input type="hidden" name="type" value="{{ $bonus->type }}">
                                        <input type="text" class="form-control" value="{{ $bonus->type }}" readonly>
                                    </div>
                                </div>
                                <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 value="{{ old('price', $bonus->price) }}" name="price" class="form-control" type="number" step="0.01">
                                    </div>
                                </div>
                            </div>

                            <div class="form-row row g-3 my-3">
                                <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="bonus_type" name="bonus_type" class="form-control">
                                            <option value="Percentage" {{ old('bonus_type', $bonus->bonus_type) == "Percentage" ? 'selected' : '' }}>Percentage</option>
                                            <option value="Amount" {{ old('bonus_type', $bonus->bonus_type) == "Amount" ? 'selected' : '' }}>Amount</option>
                                        </select>
                                    </div>
                                </div>
                                <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', $bonus->status) == "1" ? 'selected' : '' }}>Active</option>
                                            <option value="0" {{ old('status', $bonus->status) == "0" ? 'selected' : '' }}>Inactive</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-row row g-3 my-3">
                                <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', $bonus->first_deposit) == "1" ? 'selected' : '' }}>Yes</option>
                                            <option value="0" {{ old('first_deposit', $bonus->first_deposit) == "0" ? 'selected' : '' }}>No</option>
                                        </select>
                                    </div>
                                </div>
                                <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', $bonus->first_dep_condition) }}" name="first_dep_condition" class="form-control" type="text">
                                    </div>
                                </div>
                            </div>

                            <div class="form-row row g-3 my-3">
                                <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', $bonus->max_limit) }}" name="max_limit" class="form-control" type="text">
                                    </div>
                                </div>
                                <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 value="{{ old('min_limit', $bonus->min_limit) }}" name="min_limit" class="form-control" type="number" step="0.01">
                                    </div>
                                </div>
                            </div>

                            <div class="form-row row g-3 my-3">
                                <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 value="{{ old('per_day_limit', $bonus->per_day_limit) }}" name="per_day_limit" class="form-control" type="number" step="0.01">
                                    </div>
                                </div>
                            </div>

                            <div class="ln_solid"></div>
                            <div class="form-group p-2">
                                <button type="submit" class="btn btn-primary me-2">Update</button>
                                <button class="btn btn-info" type="button" onclick="window.location.reload();">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $(document).on("click", "#cancel_btn", function(){
            window.location.reload();
        });
    });
</script>
@endsection