@extends('admin.layouts.default')
@section('content')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <div class="welcome-text">
                <h4>Edit Bonus</h4>
                <span class="ml-1">Layout</span>
            </div>
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('Bonus.viewBonus') }}">Bonus</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Edit</a></li>
            </ol>
        </div>
    </div>

    <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="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="type">Bonus Type <span class="required">*</span></label>
                                        <input id="type" required value="{{ old('type', $bonus->type) }}" name="type" class="form-control" type="text">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="price">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="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="bonus_type">Bonus Type Value <span class="required">*</span></label>
                                        <input id="bonus_type" required value="{{ old('bonus_type', $bonus->bonus_type) }}" name="bonus_type" class="form-control" type="text">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="status">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="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="first_deposit">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">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="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="max_limit">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">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="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="per_day_limit">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 text-center">
                                <button type="submit" class="btn btn-primary">Update</button>
                                <button class="btn btn-gray" type="button" id="cancel_btn">Cancel</button>
                                <button class="btn btn-gray" type="reset" id="reset_btn">Reset</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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