@extends('admin::layouts.app')

@section('content')
    <section class="content mb-5">
        <form class="form" role="post-data" method="POST" action="/api/admin/settings" redirect="/admin/settings">
            <div class="container-fluid">
                <div class="row titlepad publsih-sticky">
                    <div class="col-md-12">
                        <div class="mt-3 mb-3">
                            <div class="dashbed-border-bottom"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <h4>{{ __('master.configuration') }}</h4>
                                <p class="page-sub-head">{{ __('master.set_configuration') }}</p>

                            </div>
                            <div class="col-md-4 text-sm-right mt-2">
                                <button type="button" class="btn-md px-3 py-2 btn-primary" role="button"
                                    data-request="ajax-submit" data-target="[role=post-data]"><i
                                        class="fa fa-check-square-o"></i>
                                    {{ __('admin.submit') }}</button>
                                <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                        class="fa fa-chevron-circle-left"></i> {{ __('static.cancel') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <span
                                        class="text-black shadow-none pl-0 pb-0 staturightghead">{{ __('master.refferal_point_setting') }}</span>
                                </h5>
                            </div>
                            <div class="card-body">
                                <p class="text-black shadow-none pl-0 pb-0 staturightghead">{{ __('master.on_share') }}</p>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>{{ __('master.refer_by') }} <span class="text-red">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="points_reffered_by" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_by }}" id="points-reffered-by"
                                                    onchange="pointsReffered('points-reffered-by')">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="rate_reffered_by" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_by * $setting->points_rate_factor }}"
                                                    id="rate-reffered-by" style="display: none"
                                                    onchange="pointsReffered('rate-reffered-by')">
                                                <div class="input-group-append">
                                                    <span class="input-group-text bg-white f-14"
                                                        id="basic-addon1">{{ __('label.points') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 pt-4">
                                        <div class="row mt-2">
                                            <div class="col-md-4">
                                                <label>{{ __('master.convert_to_currency') }}</label>
                                            </div>
                                            <div class="col-md-8 mt-2">
                                                <div class="toogleSwitch">
                                                    <label class="switch">
                                                        <input type="checkbox" id="points-reffered-by-checkbox">
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>{{ __('master.refer_to') }} <span class="text-red">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="points_reffered_to" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_to }}" id="points-reffered-to"
                                                    onchange="pointsReffered('points-reffered-to')">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="rate_reffered_to" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_to * $setting->points_rate_factor }}"
                                                    id="rate-reffered-to" onchange="pointsReffered('rate-reffered-to')"
                                                    style="display: none">
                                                <div class="input-group-append">
                                                    <span class="input-group-text bg-white f-14"
                                                        id="basic-addon2">{{ __('label.points') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 pt-4">
                                        <div class="row mt-2">
                                            <div class="col-md-4">
                                                <label>{{ __('master.convert_to_currency') }}</label>
                                            </div>
                                            <div class="col-md-8 mt-2">
                                                <div class="toogleSwitch">
                                                    <label class="switch">
                                                        <input type="checkbox" id="points-reffered-to-checkbox">
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <p class="text-black shadow-none pl-0 pb-0 staturightghead">
                                    {{ __('master.on_order_place') }}</p>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>{{ __('master.refer_by') }} <span class="text-red">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="points_reffered_by_on_order" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_by_on_order }}"
                                                    id="points-reffered-by-on-order"
                                                    onchange="pointsReffered('points-reffered-by-on-order')">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="rate_reffered_by_on_order" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_by_on_order * $setting->points_rate_factor }}"
                                                    id="rate-reffered-by-on-order" style="display: none"
                                                    onchange="pointsReffered('rate-reffered-by-on-order')">
                                                <div class="input-group-append">
                                                    <span class="input-group-text bg-white f-14"
                                                        id="basic-addon3">{{ __('label.points') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 pt-4">
                                        <div class="row mt-2">
                                            <div class="col-md-4">
                                                <label>{{ __('master.convert_to_currency') }}</label>
                                            </div>
                                            <div class="col-md-8 mt-2">
                                                <div class="toogleSwitch">
                                                    <label class="switch">
                                                        <input type="checkbox" id="points-reffered-by-on-order-checkbox">
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>{{ __('master.refer_to') }} <span class="text-red">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="points_reffered_to_on_order" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_to_on_order }}"
                                                    id="points-reffered-to-on-order"
                                                    onchange="pointsReffered('points-reffered-to-on-order')">
                                                <input type="text" class="form-control numberOnly border"
                                                    name="rate_reffered_to_on_order" placeholder="eg: 01"
                                                    value="{{ @$setting->points_reffered_to_on_order * $setting->points_rate_factor }}"
                                                    id="rate-reffered-to-on-order"
                                                    onchange="pointsReffered('rate-reffered-to-on-order')"
                                                    style="display: none">
                                                <div class="input-group-append">
                                                    <span class="input-group-text bg-white f-14"
                                                        id="basic-addon4">{{ __('label.points') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 pt-4">
                                        <div class="row mt-2">
                                            <div class="col-md-4">
                                                <label>{{ __('master.convert_to_currency') }}</label>
                                            </div>
                                            <div class="col-md-8 mt-2">
                                                <div class="toogleSwitch">
                                                    <label class="switch">
                                                        <input type="checkbox" id="points-reffered-to-on-order-checkbox">
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <span
                                        class="text-black shadow-none pl-0 pb-0 staturightghead">{{ __('master.some_other_configuration') }}</span>
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('label.email_address') }}<span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="email" value="{{ @$setting->email }}"
                                                class="form-control border" />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('master.contact_number') }} <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="contact_number"
                                                value="{{ @$setting->contact_number }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('admin.address') }} <span class="text-danger">*</span></label>
                                            <input type="text" name="address" value="{{ @$setting->address }}"
                                                class="form-control border" />
                                        </div>
                                    </div>
                                    {{-- <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('master.commission_Rate_to_cancel_order') }}</label>
                                            <input type="text" name="refund_commission"
                                                value="{{ @$setting->refund_commission }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div> --}}
                                    {{-- <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Payout Settlement (in Days)</label>
                                            <input type="text" name="payout_settlement"
                                                value="{{ @$setting->payout_settlement }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div> --}}
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('master.points_rate_factor_in_egp') }}</label>
                                            <input type="text" name="points_rate_factor"
                                                value="{{ @$setting->points_rate_factor }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('label.distance_rate') }}</label>
                                            <input type="text" name="distance_rate"
                                                value="{{ @$setting->distance_rate }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('label.apply_distance_from') }}</label>
                                            <input type="text" name="apply_distance_from"
                                                value="{{ @$setting->apply_distance_from }}"
                                                class="form-control border numberonly" />
                                        </div>
                                    </div>

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

                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <span
                                        class="text-black shadow-none pl-0 pb-0 staturightghead">{{ __('master.set_options_enable_disable') }}</span>
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('master.cash_payment') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="cash"
                                                                {{ $setting->cash ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('master.notification') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="notification"
                                                                {{ $setting->notification ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('master.chat') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="chat"
                                                                {{ $setting->chat ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('label.partial_payment') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="partial_payment"
                                                                {{ $setting->partial_payment ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('label.is_distance_rate_applied') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="is_distance_rate_applied"
                                                                {{ $setting->is_distance_rate_applied ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('label.criminal_history') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="criminal_history"
                                                                {{ $setting->criminal_history ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="row mt-2">
                                                <div class="col-md-4 mt-2">
                                                    <label>{{ __('label.drug_test') }}</label>
                                                </div>
                                                <div class="col-md-8 mt-2">
                                                    <div class="toogleSwitch">
                                                        <label class="switch">
                                                            <input type="checkbox" name="drug_test"
                                                                {{ $setting->drug_test ? 'checked' : '' }}>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection

@section('script')
    <script>
        function pointsReffered(id) {
            let val;
            let amount;
            let rateFactor = "{{ $setting->points_rate_factor }}";
            if (id == 'points-reffered-by') {
                val = $('#points-reffered-by').val();
                amount = parseInt(val) * rateFactor;
                $('#rate-reffered-by').val(amount);
            } else if (id == 'rate-reffered-by') {
                val = $('#rate-reffered-by').val();
                amount = parseInt(val) / rateFactor;
                $('#points-reffered-by').val(amount);
            } else if (id == 'rate-reffered-to') {
                val = $('#rate-reffered-to').val();
                amount = parseInt(val) / rateFactor;
                $('#points-reffered-to').val(amount);
            } else if (id == 'points-reffered-to') {
                val = $('#points-reffered-to').val();
                amount = parseInt(val) * rateFactor;
                $('#rate-reffered-to').val(amount);
            } else if (id == 'points-reffered-by-on-order') {
                val = $('#points-reffered-by-on-order').val();
                amount = parseInt(val) * rateFactor;
                console.log(amount);
                $('#rate-reffered-by-on-order').val(amount);
            } else if (id == 'rate-reffered-by-on-order') {
                val = $('#rate-reffered-by-on-order').val();
                amount = parseInt(val) / rateFactor;
                $('#points-reffered-by-on-order').val(amount);
            } else if (id == 'rate-reffered-to-on-order') {
                val = $('#rate-reffered-to-on-order').val();
                amount = parseInt(val) / rateFactor;
                $('#points-reffered-to-on-order').val(amount);
            } else if (id == 'points-reffered-to-on-order') {
                val = $('#points-reffered-to-on-order').val();
                amount = parseInt(val) * rateFactor;
                $('#rate-reffered-to-on-order').val(amount);
            }
        }


        $("#points-reffered-by-checkbox").change(function() {
            if ($(this).prop('checked')) {
                $('#rate-reffered-by').show();
                $('#points-reffered-by').hide();
                $('#basic-addon1').text('EGP');
            } else {
                $('#rate-reffered-by').hide();
                $('#points-reffered-by').show();
                $('#basic-addon1').text('Points');
            }
        });

        $("#points-reffered-to-checkbox").change(function() {
            if ($(this).prop('checked')) {
                $('#rate-reffered-to').show();
                $('#points-reffered-to').hide();
                $('#basic-addon2').text('EGP');
            } else {
                $('#rate-reffered-to').hide();
                $('#points-reffered-to').show();
                $('#basic-addon2').text('Points');

            }
        });

        $("#points-reffered-by-on-order-checkbox").change(function() {
            if ($(this).prop('checked')) {
                $('#rate-reffered-by-on-order').show();
                $('#points-reffered-by-on-order').hide();
                $('#basic-addon3').text('EGP');
            } else {
                $('#rate-reffered-by-on-order').hide();
                $('#points-reffered-by-on-order').show();
                $('#basic-addon3').text('Points');

            }
        });

        $("#points-reffered-to-on-order-checkbox").change(function() {
            if ($(this).prop('checked')) {
                $('#rate-reffered-to-on-order').show();
                $('#points-reffered-to-on-order').hide();
                $('#basic-addon4').text('EGP');
            } else {
                $('#rate-reffered-to-on-order').hide();
                $('#points-reffered-to-on-order').show();
                $('#basic-addon4').text('Points');

            }
        });
    </script>
@endsection