@extends('layouts.admin')

@section('content')
    <div class="content-i">
        <div class="content-box">
            <div class="row">
                <div class="col-sm-10">
                    <div class="element-wrapper">
                        <h6 class="element-header">Website</h6>
                        <div class="element-box">
                            <form method="post" id="website-form">
                                @csrf
                                <div class="element-info">
                                    @include('includes.wallet.alert')
                                    <div class="element-info-with-icon">
                                        <div class="element-info-icon">
                                            <div class="os-icon os-icon-settings"></div>
                                        </div>
                                        <div class="element-info-text">
                                            <h5 class="element-inner-header">Website Settings</h5>
                                            <div class="element-inner-desc">Make adjustments to website settings by filling the form</div>
                                        </div>
                                    </div>
                                </div>
                                <fieldset
                                        class="form-group">
                                    <legend><span>Basic Information</span></legend>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> Minimum withdrawal</label>
                                                <input name="min_withdrawal" value="{{ $website === null ? "" : $website->min_withdrawal }}" class="form-control" data-error="Please enter minimum withdrawal" placeholder="Minimum withdrawal" required="required" type="number">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> Minimum deposit</label>
                                                <input name="min_deposit" value="{{ $website === null ? "" : $website->min_deposit }}" class="form-control" data-error="Please enter minimum deposit" placeholder="Minimum deposit" required="required" type="number">
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> Withdrawal fee</label>
                                                <input name="fee" value="{{ $website === null ? "" : $website->withdrawal_fee }}" class="form-control" data-error="Please enter withdrawal fee" placeholder="Withdrawal fee" required="required" type="number">
                                                <small><i class="os-icon os-icon-info"></i> Fee is in percentage</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> Referral bonus</label>
                                                <input name="bonus" value="{{ $website === null ? "" : $website->referral_bonus }}" class="form-control" data-error="Please enter referral bonus" placeholder="Referral bonus" required="required" type="number">
                                                <small><i class="os-icon os-icon-info"></i> Bonus is in percentage</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> ETH Wallet</label>
                                                <input name="eth" value="{{ $website === null ? "" : $website->eth_wallet }}" class="form-control" data-error="Please enter ethereum wallet address" placeholder="Ethereum wallet address" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> Ethereum wallet address</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> BTC Wallet</label>
                                                <input name="btc" value="{{ $website === null ? "" : $website->btc_wallet }}" class="form-control" data-error="Please enter bitcoin wallet address" placeholder="Bitcoin wallet address" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> Bitcoin wallet address</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> USDT Wallet</label>
                                                <input name="usdt" value="{{ $website === null ? "" : $website->usdt_wallet }}" class="form-control" data-error="Please enter usd tether wallet address" placeholder="USD Tether wallet address" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> USD Tether wallet address</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> USDC Wallet</label>
                                                <input name="usdc" value="{{ $website === null ? "" : $website->usdc_wallet }}" class="form-control" data-error="Please enter usd coin wallet address" placeholder="USD Coin wallet address" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> USD Coin wallet address</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        {{--<div class="col-sm-6">
                                            <div class="form-group"><label for=""> Perfect Money</label>
                                                <input name="pm" value="{{ $website === null ? "" : $website->pm_wallet }}" class="form-control" data-error="Please enter Perfect money account number" placeholder="Perfect money account number" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> Perfect money account number</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>--}}
                                        <div class="col-sm-6">
                                            <div class="form-group"><label for=""> Pin</label>
                                                <input name="pin" class="form-control" data-error="Please enter Pin" placeholder="Pin" required="required" type="text">
                                                <small><i class="os-icon os-icon-info"></i> Pin</small>
                                                <div class="help-block form-text with-errors form-control-feedback"></div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="form-buttons-w"><button id="btn-website" class="btn btn-primary" type="submit"> Save</button></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @include('includes.wallet.floats')
        <!--------------------
END - Demo Customizer
-------------------->
            <!--------------------
START - Chat Popup Box
-------------------->

            <!--------------------
END - Chat Popup Box
-------------------->
        </div>
        <!--------------------
START - Sidebar
-------------------->
        <div class="content-panel compact color-scheme-light col-sm-1">
            <div class="content-panel-close"><i class="os-icon os-icon-close"></i></div>
            {{--@include('includes.wallet.sidebar')--}}
        </div>
    <!--------------------
END - Sidebar
-------------------->
    </div>

    <script>
        // submit form
        $('#website-form').submit(function(e){
            e.preventDefault(); // Prevent Default Submission
            $.ajax({
                url: "{{route('edit-setting',['id'=>$website->id])}}",
                type: 'POST',
                data: $(this).serialize(), // it will serialize the form data
                dataType: 'JSON',
                beforeSend: function() {
                    NProgress.start(); // start nprogress
                    $("#btn-website").prop('disabled', true); // disable button
                }
            })
                .done(function(data){
                    if(data.status == true){
                        $(".success-alert").fadeIn('slow');
                        $(".success-alert").css('display','block');
                        $(".success-alert").find("p").html(data.message);
                    }else if(data.status == false){
                        $(".error-alert").fadeIn('slow');
                        $(".error-alert").css('display','block');
                        $(".error-alert").find("p").html(data.message);
                    }
                    NProgress.done(); // end nprogress
                    $("#btn-website").prop('disabled', false); // enable button
                })
                .fail(function(){
                    $(".error-alert").fadeIn('slow');
                    $(".error-alert").css('display','block');
                    $(".error-alert").find("strong").html("Sorry, an error occured some where");
                    NProgress.done(); // end nprogress
                    $("#btn-website").prop('disabled', false); // enable button
                });
            $(".error-alert").fadeOut('slow');
            $(".error-alert").css('display','none');
            $(".success-alert").fadeOut('slow');
            $(".success-alert").css('display','none');
        });
    </script>
@endsection