@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.drivers_payout_plural')}}</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="{{url('/driversPayouts')}}">{{trans('lang.drivers_payout_plural')}}</a>
                </li>
                <li class="breadcrumb-item">{{trans('lang.drivers_payout_create')}}</li>
            </ol>
        </div>
    </div>

    <div class="card-body">
        <div class="error_top"></div>
        <div class="row vendor_payout_create">
            <div class="vendor_payout_create-inner">
                <fieldset>
                    <legend>{{trans('lang.drivers_payout_create')}}</legend>
                    @if($id=='')
                    <div class="form-group row width-50">
                        <label class="col-4 control-label">{{ trans('lang.drivers_payout_driver_id')}}</label>
                        <div class="col-7">
                            <select id="select_vendor" class="form-control">
                                <option value="">{{ trans('lang.select_driver') }}</option>
                            </select>
                            <div class="form-text text-muted">
                                {{ trans("lang.drivers_payout_driver_id_help") }}
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($id=='')
                    <div class="form-group row width-50">
                        @else
                        <div class="form-group row width-100">
                            @endif
                            <label class="col-4 control-label">{{trans('lang.drivers_payout_amount')}}</label>
                            <div class="col-7">
                                <input type="number" class="form-control payout_amount">
                                <div class="form-text text-muted">
                                    {{ trans("lang.drivers_payout_amount_placeholder") }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row width-100">
                            <label class="col-2 control-label">{{ trans('lang.vendors_payout_note')}}</label>
                            <div class="col-12">
                                <textarea type="text" rows="7" class="form-control form-control payout_note"></textarea>
                            </div>
                        </div>
                </fieldset>
            </div>
        </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>
        @if($id=='')
        <a href="{!! route('driversPayouts') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{trans('lang.cancel')}}</a>
        @else
        <a href="{!! route('driver.payouts',$id) !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{trans('lang.cancel')}}</a>
        @endif
    </div>

</div>
</div>


@endsection

@section('scripts')

<script type="text/javascript">
    var database = firebase.firestore();
    var drivers = [];
    var driverID = "{{$id}}";
    var email_templates = database.collection('email_templates').where('type', '==', 'payout_request');

    var emailTemplatesData = null;

    var adminEmail = '';

    var emailSetting = database.collection('settings').doc('emailSetting');

    var currentCurrency = '';
    var currencyAtRight = false;
    var decimal_degits = 0;

    var refCurrency = database.collection('currencies').where('isActive', '==', true);
    refCurrency.get().then(async function(snapshots) {
        var currencyData = snapshots.docs[0].data();
        currentCurrency = currencyData.symbol;
        currencyAtRight = currencyData.symbolAtRight;
        if (currencyData.decimal_degits) {
            decimal_degits = currencyData.decimal_degits;
        }
    });

    async function remainingPrice(driverID) {
        var remaining = 0;
        drivers.forEach((driver) => {
            if (driver.id == driverID) {
                if (isNaN(driver.wallet_amount) || driver.wallet_amount == undefined) {
                    remaining = 0;
                } else {
                    remaining = driver.wallet_amount;
                }
            }
        });
        return remaining;
    }

    var userName = '';
    var userContact = '';
    var userEmail = '';

    $(document).ready(function() {

        $("#data-table_processing").show();

        email_templates.get().then(async function(snapshots) {
            emailTemplatesData = snapshots.docs[0].data();

        });


        emailSetting.get().then(async function(snapshots) {
            var emailSettingData = snapshots.data();

            adminEmail = emailSettingData.userName;
        });

        database.collection('users').where('role', '==', 'driver').get().then(async function(snapshots) {
            snapshots.docs.forEach((listval) => {
                var data = listval.data();
                $('#select_vendor').append($("<option></option>")
                    .attr("value", data.id)
                    .text(data.firstName + ' ' + data.lastName));
            })

        });

        $("#data-table_processing").hide();


    });

    var payoutId = "693f0d4bca956";

    $(".save-form-btn").click(async function() {
        if (driverID == '') {
            driverID = $("#select_vendor").val();
        }

        var remaining = await remainingPrice(driverID);
        var driverData = await getDriver(driverID);

        if (remaining > 0) {
            var amount = parseFloat($(".payout_amount").val());
            var note = $(".payout_note").val();
            var date = new Date(Date.now());
            if (driverID != '' && $(".payout_amount").val() != '') {
                database.collection('driver_payouts').doc(payoutId).set({
                    'driverID': driverID,
                    'amount': amount,
                    'note': note,
                    'id': payoutId,
                    'paidDate': date,
                    'paymentStatus': 'Success'
                }).then(function() {
                    price = remaining - amount;
                    database.collection('users').doc(driverID).update({
                        'wallet_amount': price
                    }).then(async function(result) {
                        if (currencyAtRight) {
                            amount = parseInt(amount).toFixed(decimal_degits) + "" + currentCurrency;
                        } else {
                            amount = currentCurrency + "" + parseInt(amount).toFixed(decimal_degits);
                        }

                        var formattedDate = new Date();
                        var month = formattedDate.getMonth() + 1;
                        var day = formattedDate.getDate();
                        var year = formattedDate.getFullYear();

                        month = month < 10 ? '0' + month : month;
                        day = day < 10 ? '0' + day : day;

                        formattedDate = day + '-' + month + '-' + year;

                        var subject = emailTemplatesData.subject;
                        subject = subject.replace(/{userid}/g, driverID);

                        emailTemplatesData.subject = subject;

                        var message = emailTemplatesData.message;
                        message = message.replace(/{userid}/g, driverID);
                        message = message.replace(/{date}/g, formattedDate);
                        message = message.replace(/{amount}/g, amount);
                        message = message.replace(/{payoutrequestid}/g, payoutId);
                        message = message.replace(/{username}/g, userName);
                        message = message.replace(/{usercontactinfo}/g, userContact);

                        emailTemplatesData.message = message;

                        var url = "{{url('send-email')}}";
                        if (userEmail != '' && userEmail != null) {

                            var sendEmailStatus = await sendEmail(url, emailTemplatesData.subject, emailTemplatesData.message, [adminEmail, userEmail]);

                            if (sendEmailStatus) {
                                                                    window.location.href = "{{ route('driversPayouts') }}";
                                                            }
                        } else {
                                                            window.location.href = "{{ route('driversPayouts') }}";
                                                    }
                    });

                })
            } else {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>{{trans('lang.please_enter_details')}}</p>");
            }
        } else {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.driver_insufficient_payment_error')}}</p>");
        }
    })

    database.collection('users').where('role', '==', 'driver').get().then(async function(snapshots) {
        snapshots.docs.forEach((listval) => {
            var data = listval.data();
            drivers.push(data);
            $('#select_vendor').append($("<option></option>")
                .attr("value", data.id)
                .text(data.firstName + ' ' + data.lastName));
        })
    });
    async function getDriver(driverId) {

        await database.collection('users').where('id', "==", driverId).get().then(async function(vendorSnapshots) {
            var driverData = vendorSnapshots.docs[0].data();

            userName = driverData.firstName + ' ' + driverData.lastName;
            userContact = driverData.phoneNumber;
            userEmail = driverData.email;
        });


    }
</script>

@endsection