@extends('layouts.app')

@section('content')
<div class="page-wrapper">
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{trans('lang.currency_create')}}</h3>
        </div>

        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a></li>
                <li class="breadcrumb-item"><a href="{!! route('currency') !!}">{{trans('lang.currency_table')}}</a>
                </li>
                <li class="breadcrumb-item active">{{trans('lang.currency_create')}}</li>
            </ol>
        </div>
    </div>

    
    <div class="container-fluid">
     <div class="card">
     <div class="card-body">
            <div id="data-table_processing" class="dataTables_processing panel panel-default"
                 style="display: none;">{{trans('lang.processing')}}
            </div>
            <div class="error_top"></div>

            <div class="row restaurant_payout_create">
                <div class="restaurant_payout_create-inner">
                    <fieldset>
                        <legend>{{trans('lang.currency')}}</legend>
                        <div class="form-group row width-50">
                            <label class="col-5 control-label">{{trans('lang.currency_name')}}<span class="required-field"></span></label>
                            <div class="col-7">
                                <input type="text" class="form-control currency_name">
                            </div>
                        </div>

                        <div class="form-group row width-50">
                            <label class="col-5 control-label">{{trans('lang.currency_code')}}<span class="required-field"></span></label>
                            <div class="col-7">
                                <input type="text" class="form-control currency_code">
                            </div>
                        </div>


                        <div class="form-group row width-50">
                            <label class="col-5 control-label">{{trans('lang.currency_symbol')}}<span class="required-field"></span></label>
                            <div class="col-7">
                                <input type="text" class="form-control currency_symbol">
                            </div>
                        </div>

                        <div class="form-group row width-50">
                            <label class="col-5 control-label">{{trans('lang.digit_after_decimal_point')}}<span class="required-field"></span></label>
                            <div class="col-7">
                                <input type="number" class="form-control decimal_degits" value="0">
                                <div class="form-text text-muted">{{trans('lang.digit_after_decimal_point_help')}}</div>
                            </div>
                        </div>

                        <div class="form-check width-100">
                            <input type="checkbox" class="symbol_at_right" id="symbol_at_right">
                            <label class="col-5 control-label"
                                   for="symbol_at_right">{{trans('lang.symbole_at_right')}}</label>
                        </div>

                        <div class="form-check width-100">
                            <input type="checkbox" class="currency_active" id="currency_active">
                            <label class="col-3 control-label"
                                   for="currency_active">{{trans('lang.active')}}</label>
                        </div>
                    </fieldset>
                </div>
            </div>

            <div class="form-group col-12 text-center btm-btn">
                <button type="button" class="btn btn-primary  save-form-btn"><i class="fa fa-save"></i> {{
                    trans('lang.save')}}
                </button>
                <a href="{!! route('currency') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{
                    trans('lang.cancel')}}</a>
            </div>

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

</div>


@endsection

@section('scripts')

<script>

    var database = firebase.firestore();
    var photo = "";


    $(document).ready(function () {

        $('.currency').addClass('active');
    });

    $(".save-form-btn").click(function () {
        
        var currencyName = $(".currency_name").val();
        var currencyCode = $(".currency_code").val();
        var currencySymbol = $(".currency_symbol").val();
        var decimal_degits = $(".decimal_degits").val();
        var active = $(".currency_active").is(":checked") ? true : false;
        var symbolAtRight = $(".symbol_at_right").is(":checked") ? true : false;

        var id = database.collection("tmp").doc().id;

        if (currencyName == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_currency_name_error')}}</p>");
        } else if (currencyCode == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_currency_code_error')}}</p>");
        } else if (currencySymbol == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_currency_symbol_error')}}</p>");
        } else if (decimal_degits < 0) {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.digit_after_decimal_point_error')}}</p>");
        } else {
            if (active) {
                database.collection('currency').where('enable', "==", true).get().then(function (snapshots) {
                    var activeCurrency = snapshots.docs[0].data();
                    var activeCurrencyId = activeCurrency.id;
                    database.collection('currency').doc(activeCurrencyId).update({'enable': false});
                });
            } else {
                database.collection('currency').where('enable', "==", true).get().then(function (snapshots) {
                    var activeCurrency = snapshots.docs[0].data();
                    var activeCurrencyId = activeCurrency.id;
                    if (snapshots.docs.length == 1 && activeCurrencyId == id) {
                        alert(currencyDeleteAlert);
                        $(".currency_active").prop('checked', true);
                        active = true;
                        return false;
                    } else {
                        database.collection('currency').doc(id).update({'enable': false}).then(function (result) {
                        });
                    }
                });
            }
            database.collection('currency').doc(id).set({
                'symbol': currencySymbol,
                'name': currencyName,
                'symbolAtRight': symbolAtRight,
                'decimalDigits': parseInt(decimal_degits),
                'code': currencyCode,
                'id': id,
                'enable': active,
                'createdAt': new Date(),
                'updatedAt': new Date(),
            }).then(function (result) {
                window.location.href = '{{ route("currency")}}';
            }).catch(function (error) {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>" + error + "</p>");
            });
        }
    });


</script>
@endsection
