@extends('dashboard.layout.content')

@section('customTitle')
{{ __('dashboard.wallet_logs.wallet_settings_for_new_users') }}
@endsection

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{ __('dashboard.wallet_logs.wallet_settings_for_new_users') }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form class="uroad-form" action="{{route('dashboard.wallets.store_settings_for_new_user')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="form-row mb-4">

                                    <div class="form-group col-md-6">
                                        <label for="activate_the_wallet_for_new_users">{{__('dashboard.wallet_logs.activate_the_wallet_for_new_users')}}</label>
                                        <select class="form-control" id="activate_the_wallet_for_new_users" name="activate_the_wallet_for_new_users" required>
                                            @if(isset($settings) && $settings->is_the_wallet_activated_for_new_users == true)
                                            <option value="1" selected>{{ __('general.yes') }}</option>
                                            <option value="0">{{ __('general.no') }}</option>
                                            @else
                                            <option value="1">{{ __('general.yes') }}</option>
                                            <option value="0" selected>{{ __('general.no') }}</option>
                                            @endif
                                        </select>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="amount">{{__('dashboard.wallet_logs.amount')}}</label>
                                        <input type="number" id="amount" class="form-control" name="amount" placeholder="{{__('dashboard.wallet_logs.amount')}}" value="{{ old('amount', $settings->wallet_amount_for_new_users) }}" step="any" min="10" value="10" required>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="wallet_has_expire_date">{{__('dashboard.wallet_logs.has_expire_date')}}</label>
                                        <select class="form-control" id="wallet_has_expire_date" name="wallet_has_expire_date" required>
                                            <option value="">{{ __('dashboard.wallet_logs.has_expire_date') }}</option>
                                            @if($settings->wallet_has_expire_date == true)
                                            <option value="1" selected>{{ __('general.yes') }}</option>
                                            <option value="0">{{ __('general.no') }}</option>
                                            @else
                                            <option value="1">{{ __('general.yes') }}</option>
                                            <option value="0" selected>{{ __('general.no') }}</option>
                                            @endif
                                        </select>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="wallet_balance_validity_days">{{__('dashboard.wallet_logs.balance_validity_days')}}</label>
                                        <input type="number" class="form-control" id="wallet_balance_validity_days" placeholder="{{__('dashboard.wallet_logs.balance_validity_days')}}" name="wallet_balance_validity_days" value="{{ old('wallet_balance_validity_days', $settings->wallet_balance_validity_days) }}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="notification_title">{{__('dashboard.wallet_logs.notification_title')}}</label>
                                        <input type="text" id="notification_title" class="form-control" placeholder="{{__('dashboard.wallet_logs.notification_title')}}" name="notification_title" value="{{ old('notification_title', $settings->wallet_notification_title_for_new_users) }}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="notification_text">{{__('dashboard.wallet_logs.notification_text')}}</label>
                                        <textarea id="notification_text" class="form-control" placeholder="{{__('dashboard.wallet_logs.notification_text')}}" name="notification_text">{{ old('notification_text', $settings->wallet_notification_text_for_new_users) }}</textarea>
                                    </div>

                                    <div class="col-12">
                                        <input type="submit" class="btn btn-primary" value="{{__('general.submit')}}">
                                    </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customScript')
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>

<script>
    $("#wallet_has_expire_date").attr('selected', function(){
    if($(this).val() == true)
        {
            $("#wallet_balance_validity_days").prop('disabled', false);
        }else{
            $("#wallet_balance_validity_days").val('');
            $("#wallet_balance_validity_days").prop('disabled', true);
        }
});

    $("#wallet_has_expire_date").on('input', function(){
        if($(this).val() == true)
        {
            $("#wallet_balance_validity_days").prop('disabled', false);
        }else{
            $("#wallet_balance_validity_days").val('');
            $("#wallet_balance_validity_days").prop('disabled', true);
        }
    });

</script>
@endsection