@extends('layouts.app')



@section('content')
    <div class="page-wrapper">

        <!-- ============================================================== -->

        <!-- Bread crumb and right sidebar toggle -->

        <!-- ============================================================== -->

        <div class="row page-titles">

            <div class="col-md-5 align-self-center">

                <h3 class="text-themecolor">{{trans('lang.vendor_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">{{trans('lang.vendor_plural')}}</li>

                    <li class="breadcrumb-item active">{{trans('lang.vendor_table')}}</li>

                </ol>

            </div>

            <div>

            </div>

        </div>


        <div class="container-fluid">

            <div class="row">

                <div class="col-12">

                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
                                <li class="nav-item">
                                    <a class="nav-link active" href="{!! url()->current() !!}"><i
                                                class="fa fa-list mr-2"></i>{{trans('lang.vendors_table')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{!! route('vendors.create') !!}"><i
                                                class="fa fa-plus mr-2"></i>{{trans('lang.create_vendor')}}</a>
                                </li>

                            </ul>
                        </div>
                        <div class="card-body">

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

                            <div id="users-table_filter" class="pull-right">
                                <div class="row">

                                    <div class="col-md-9">
                                        <label>{{trans('lang.search_by')}}

                                            <select name="selected_search" id="selected_search"
                                                    class="form-control input-sm">
                                                <option value="title">{{trans('lang.title')}}</option>
                                            </select>
                                            <div class="form-group">
                                                <input type="search" id="search" class="search form-control"
                                                       placeholder="Search">
                                        </label>
                                        <button onclick="searchtext();" class="btn btn-warning btn-flat">
                                            {{trans('lang.search')}}
                                        </button>&nbsp;<button onclick="searchclear();"
                                                               class="btn btn-warning btn-flat">
                                            {{trans('lang.clear')}}
                                        </button>
                                    </div>
                                    <div class="form-group">
                                        <select id="pageSize" class="form-control pageSize"
                                                onchange="clickpage(this.value)">
                                            <option value="0">{{trans('lang.select_limit')}}</option>
                                            <option value="10">10</option>
                                            <option value="20">20</option>
                                            <option value="50">50</option>
                                            <option value="100">100</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <select id="section_id" class="form-control allModules" style="width:100%"
                                            onchange="clickLink(this.value)">
                                        <option value="">{{trans('lang.select')}} {{trans('lang.section_plural')}}
                                        </option>
                                    </select>
                                    <p style="color: red;font-size: 13px;"> Rental/Parcel/Cab Service are not shown in this
                                        sections</p>
                                </div>
                            </div>
                        </div>

                        <div class="table-responsive m-t-10">


                            <table id="storeTable"
                                   class="display nowrap table table-hover table-striped table-bordered table table-striped"
                                   cellspacing="0" width="100%">

                                <thead>

                                <tr>

                                    <th class="delete-all"><input type="checkbox" id="is_active"><label
                                                class="col-3 control-label" for="is_active"
                                        ><a id="deleteAll" class="do_not_delete"
                                            href="javascript:void(0)"><i
                                                        class="fa fa-trash"></i> {{trans('lang.all')}}</a></label>
                                    </th>

                                    <th>{{trans('lang.actions')}}</th>
                                    <th>{{trans('lang.vendor_image')}}</th>

                                    <th>{{trans('lang.vendor_name')}}</th>
                                    <th>{{trans('lang.section')}}</th>

                                <!-- <th class="address-list">{{trans('lang.vendor_address')}}</th> -->

                                    <th>{{trans('lang.vendor_phone')}}</th>

                                    <th>{{trans('lang.order_transactions')}}</th>

                                    <th>{{trans('lang.wallet_history')}}</th>
                                    <th>{{trans('lang.item')}}</th>
                                    <th>{{trans('lang.order_plural')}}</th>
                                    <th>{{trans('lang.timing')}}</th>


                                </tr>

                                </thead>

                                <tbody id="append_vendors">


                                </tbody>

                            </table>
                            <div class="data-table_paginate">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item ">
                                            <a class="page-link" href="javascript:void(0);"
                                               id="users_table_previous_btn"
                                               onclick="prev()" data-dt-idx="0"
                                               tabindex="0">{{trans('lang.previous')}}</a>
                                        </li>
                                        <li class="page-item">
                                            <a class="page-link" href="javascript:void(0);"
                                               id="users_table_next_btn"
                                               onclick="next()" data-dt-idx="2"
                                               tabindex="0">{{trans('lang.next')}}</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>

                        </div>

                        <!-- Popup -->

                        <div class="modal fade" id="create_vendor" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered notification-main" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title"
                                            id="exampleModalLongTitle">{{trans('lang.copy_vendor')}} <span
                                                    id="vendor_title_lable"></span></h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div id="data-table_processing2"
                                             class="dataTables_processing panel panel-default"
                                             style="display: none;">{{trans('lang.processing')}}
                                        </div>
                                        <div class="error_top"></div>
                                        <!-- Form -->
                                        <div class="form-row">
                                            <div class="col-md-12 form-group">
                                                <label class="form-label">{{trans('lang.first_name')}}</label>
                                                <div class="input-group">
                                                    <input placeholder="Name" type="text" id="user_name"
                                                           class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-12 form-group">
                                                <label class="form-label">{{trans('lang.last_name')}}</label>
                                                <div class="input-group">
                                                    <input placeholder="Name" type="text" id="user_last_name"
                                                           class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-12 form-group">
                                                <label class="form-label">{{trans('lang.vendor_title')}}</label>
                                                <div class="input-group">
                                                    <input placeholder="Vendor Title" type="text" id="vendor_title"
                                                           class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-12 form-group"><label
                                                        class="form-label">{{trans('lang.email')}}</label><input
                                                        placeholder="Email" value="" id="user_email" type="text"
                                                        class="form-control"></div>
                                            <div class="col-md-12 form-group"><label
                                                        class="form-label">{{trans('lang.password')}}</label><input
                                                        placeholder="Password" id="user_password" type="password"
                                                        class="form-control">
                                            </div>

                                        </div>
                                        <!-- Form -->
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary"
                                                id="create_vendor_submit">{{trans('lang.create')}}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Popup -->

                    </div>

                </div>

            </div>

        </div>

    </div>

    </div>

    </div>
    </div>


@endsection


@section('scripts')
    <script type="text/javascript">

        var database = firebase.firestore();
        var offest = 1;
        var pagesize = 10;
        var pagesizes = 0;
        var end = null;
        var endarray = [];
        var start = null;
        var user_number = [];

        var section_id = getCookie('section_id');
        if (section_id != '') {
            var refData = database.collection('vendors').where('section_id', '==', section_id);

        } else {
            var refData = database.collection('vendors');

        }
        var ref = refData.orderBy('createdAt', 'desc');
        var append_list = '';

        var userData = [];
        var vendorData = [];
        var vendorProducts = [];

        var placeholderImage = '';
        var placeholder = database.collection('settings').doc('placeHolderImage');
        var ref_sections = database.collection('sections');

        placeholder.get().then(async function (snapshotsimage) {
            var placeholderImageData = snapshotsimage.data();
            placeholderImage = placeholderImageData.image;
        })

        $(document).ready(function () {
            pagesizes = getCookie('pagesizes');
            if (pagesizes != 0) {

                $('.pageSize option[value=' + pagesizes + ']').attr('selected', 'selected');
                var inx = parseInt(offest) * parseInt(pagesizes);
                jQuery("#data-table_processing").show();

                append_list = document.getElementById('append_vendors');
                append_list.innerHTML = '';
                ref.limit(pagesizes).get().then(async function (snapshots) {
                    html = '';
                    html = buildHTML(snapshots);
                    jQuery("#data-table_processing").hide();
                    if (html != '') {
                        append_list.innerHTML = html;
                        start = snapshots.docs[snapshots.docs.length - 1];
                        endarray.push(snapshots.docs[0]);
                        if (snapshots.docs.length < pagesizes) {
                            jQuery("#data-table_paginate").hide();
                        }
                        //disableClick();
                    }
                });

                ref_sections.get().then(async function (snapshots) {

                    snapshots.docs.forEach((listval) => {
                        var data = listval.data();

                        if (data.serviceTypeFlag == "delivery-service" || data.serviceTypeFlag == "ecommerce-service") {
                            $('#section_id').append($("<option></option>")
                                .attr("value", data.id)
                                .text(data.name));
                        }

                    })

                    $('#section_id').val(section_id);
                })
            } else {
                var inx = parseInt(offest) * parseInt(pagesize);
                jQuery("#data-table_processing").show();

                append_list = document.getElementById('append_vendors');
                append_list.innerHTML = '';
                ref.limit(pagesize).get().then(async function (snapshots) {
                    html = '';
                    html = buildHTML(snapshots);
                    jQuery("#data-table_processing").hide();
                    if (html != '') {
                        append_list.innerHTML = html;
                        start = snapshots.docs[snapshots.docs.length - 1];
                        endarray.push(snapshots.docs[0]);
                        if (snapshots.docs.length < pagesize) {
                            jQuery("#data-table_paginate").hide();
                        }
                        //disableClick();
                    }
                });

                ref_sections.get().then(async function (snapshots) {

                    snapshots.docs.forEach((listval) => {
                        var data = listval.data();
                        if (data.serviceTypeFlag == "delivery-service" || data.serviceTypeFlag == "ecommerce-service") {
                            $('#section_id').append($("<option></option>")
                                .attr("value", data.id)
                                .text(data.name));
                        }
                    })

                    $('#section_id').val(section_id);
                })
            }
        })

        function buildHTML(snapshots) {

            if (snapshots.docs.length < pagesize) {
                jQuery("#data-table_paginate").hide();
            }
            var html = '';
            var number = [];
            var count = 0;
            snapshots.docs.forEach((listval) => {
                var listval = listval.data();

                var val = listval;
                val.id = listval.id;
                html = html + '<tr>';
                newdate = '';
                var id = val.id;
                var route1 = '{{route("vendors.edit",":id")}}';
                route1 = route1.replace(':id', id);

                var route_view = '{{route("vendors.view",":id")}}';
                route_view = route_view.replace(':id', id);

                html = html + '<td class="delete-all"><input type="checkbox" id="is_open_' + id + '" class="is_open" dataId="' + id + '" author="' + val.author + '"><label class="col-3 control-label"\n' +
                    'for="is_open_' + id + '" ></label></td>';

                html = html + '<td class="vendor-action-btn"><a href="javascript:void(0)" vendor_id="' + val.id + '" author="' + val.author + '" name="vendor-clone"><i class="fa fa-clone"></i></a><a href="' + route_view + '"><i class="fa fa-eye"></i></a><a href="' + route1 + '"><i class="fa fa-edit"></i></a><a id="' + val.id + '" author="' + val.author + '" name="vendor-delete" class="do_not_delete" href="javascript:void(0)"><i class="fa fa-trash"></i></a></td>';

                // var route1 = "#";
                if (val.photo != '') {
                    html = html + '<td><img alt="" width="100%" style="width:70px;height:70px;" src="' + val.photo + '" alt="image"></td>';

                } else {

                    html = html + '<td><img alt="" width="100%" style="width:70px;height:70px;" src="' + placeholderImage + '" alt="image"></td>';
                }


                html = html + '<td data-url="' + route1 + '" class="redirecttopage">' + val.title + '</td>';

                if (val.section_id) {
                    const section = getSectionName(val.section_id);
                    html = html + '<td class="sectionName_' + val.section_id + '"></td>';

                } else {
                    html = html + '<td></td>';

                }


                // if (val.hasOwnProperty("location") != '') {
                //     html = html + '<td class="address-list">' + val.location + '</td>';
                // } else {
                //     html = html + '<td></td>';
                // }
                const phone = userPhone(val.author);
                if (val.hasOwnProperty('phonenumber')) {
                    html = html + '<td>' + val.phonenumber + '</td>';
                } else {
                    html = html + '<td></td>';
                }

                var trroute1 = '{{route("order_transactions.index",":id")}}';
                trroute1 = trroute1.replace(':id', 'vendorId=' + id);

                html = html + '<td data-url="' + trroute1 + '" class="redirecttopage">{{trans("lang.order_transactions")}}</td>';

                var payoutRequests = '{{route("payoutRequests.vendor.view",":id")}}';
                payoutRequests = payoutRequests.replace(':id', id);

                html = html + '<td data-url="' + payoutRequests + '" class="redirecttopage">{{trans("lang.wallet_history")}}</td>';


                getTotalProduct(val.id);
                var vendorId = val.id;
                var url = '{{route("vendors.items",":id")}}';
                url1 = url.replace(":id", vendorId);
                html = html + '<td ><a class="producttotal_' + val.id + '" href="' + url1 + '"></a></td>';
                getTotalOrders(val.id);

                var url = '{{route("vendors.orders",":id")}}';
                url2 = url.replace(":id", vendorId);
                html = html + '<td><a class="ordertotal_' + val.id + '" href="' + url2 + '" ></a></td>';
                html = html + '<td>' + val.opentime + "-" + val.closetime + '</td>';


                var active = val.isActive;


                html = html + '</tr>';
                count = count + 1;
            });
            return html;
        }

        async function getSectionName(sectionId) {

            var refData = await database.collection('sections').where("id", "==", sectionId).get().then(async function (snapshots) {

                var data = snapshots.docs[0].data();

                $('.sectionName_' + sectionId).html(data.name);


            });

        }

        async function getTotalProduct(id) {
            await database.collection('vendor_products').where('vendorID', '==', id).get().then(async function (productSnapshots) {
                var Product_total = productSnapshots.docs.length;
                //console.log(Product_total);
                jQuery(".producttotal_" + id).html(Product_total);
            });
        }

        async function getTotalOrders(id) {
            await database.collection('vendor_orders').where('vendorID', '==', id).get().then(async function (productSnapshots) {
                var order_total = productSnapshots.docs.length;
//console.log(Product_total);
                jQuery(".ordertotal_" + id).html(order_total);
            });
        }


        $("#is_active").click(function () {
            $("#storeTable .is_open").prop('checked', $(this).prop('checked'));

        });

        $("#deleteAll").click(function () {
            if ($('#storeTable .is_open:checked').length) {
                if (confirm('Are You Sure want to Delete Selected Data ?')) {
                    jQuery("#data-table_processing").show();
                    $('#storeTable .is_open:checked').each(function () {
                            var dataId = $(this).attr('dataId');
                            var author = $(this).attr('author');

                            database.collection('users').doc(author).update({'vendorID': ""}).then(function (result) {
                                database.collection('vendors').doc(dataId).delete().then(function () {

                                    const getStoreName = deleteStoreData(dataId);

                                    window.location.reload();
                                });
                            });


                        }
                    );

                }
            } else {
                alert('Please Select Any One Record .');
            }
        });

        async function deleteStoreData(storeId) {

            await database.collection('vendor_products').where('vendorID', '==', storeId).get().then(async function (snapshots) {
                if (snapshots.docs.length > 0) {
                    snapshots.docs.forEach((listval) => {
                        var data = listval.data();

                        database.collection('vendor_products').doc(data.id).delete().then(function () {

                        });
                    });
                }
            });
            await database.collection('vendor_orders').where('vendorID', '==', storeId).get().then(async function (snapshotsItem) {
                if (snapshotsItem.docs.length > 0) {
                    snapshotsItem.docs.forEach((temData) => {
                        var item_data = temData.data();

                        database.collection('vendor_orders').doc(item_data.id).delete().then(function () {

                        });
                    });
                }

            });
            await database.collection('order_transactions').where('vendorId', '==', storeId).get().then(async function (snapshotsOrderTransacation) {
                if (snapshotsOrderTransacation.docs.length > 0) {
                    snapshotsOrderTransacation.docs.forEach((temData) => {
                        var item_data = temData.data();

                        database.collection('order_transactions').doc(item_data.id).delete().then(function () {

                        });
                    });
                }

            });
            await database.collection('items_review').where('VendorId', '==', storeId).get().then(async function (snapshotsItem) {
                if (snapshotsItem.docs.length > 0) {
                    snapshotsItem.docs.forEach((temData) => {
                        var item_data = temData.data();

                        database.collection('items_review').doc(item_data.Id).delete().then(function () {

                        });
                    });
                }

            });
            await database.collection('coupons').where('vendorID', '==', storeId).get().then(async function (snapshotsItem) {
                if (snapshotsItem.docs.length > 0) {
                    snapshotsItem.docs.forEach((temData) => {
                        var item_data = temData.data();

                        database.collection('coupons').doc(item_data.id).delete().then(function () {

                        });
                    });
                }

            });
            await database.collection('payouts').where('vendorID', '==', storeId).get().then(async function (snapshotsItem) {
                if (snapshotsItem.docs.length > 0) {
                    snapshotsItem.docs.forEach((temData) => {
                        var item_data = temData.data();

                        database.collection('payouts').doc(item_data.id).delete().then(function () {

                        });
                    });
                }

            });


        }

        $(document.body).on('click', '.redirecttopage', function () {
            var url = $(this).attr('data-url');
            window.location.href = url;
        });

        async function userPhone(author) {
            var userPhones = '';
            await database.collection('users').where("id", "==", author).get().then(async function (snapshotss) {

                if (snapshotss.docs[0]) {
                    var user = snapshotss.docs[0].data();
                    userPhones = user.phoneNumber;
                    if (user.isActive) {

                        jQuery(".active_vendor_" + author + " span").addClass('badge-danger');
                        jQuery(".active_vendor_" + author + " span").text('No');

                    } else {
                        jQuery(".active_vendor_" + author + " span").addClass('badge-success');
                        jQuery(".active_vendor_" + author + " span").text('Yes');
                    }

                } else {
                    jQuery(".phone_" + author).html('');
                    jQuery(".active_vendor_" + author + " span").addClass('badge-success');
                    jQuery(".active_vendor_" + author + " span").text('Yes');
                }
            });
            return userPhones;
        }

        async function next() {
            if (start != undefined || start != null) {
                jQuery("#data-table_processing").hide();

                if (jQuery("#selected_search").val() == 'title' && jQuery("#search").val().trim() != '') {
                    console.log(jQuery("#selected_search").val());

                    listener = refData.orderBy('title').limit(pagesize).startAt(jQuery("#search").val()).endAt(jQuery("#search").val() + '\uf8ff').startAfter(start).get();
                } else {
                    listener = ref.startAfter(start).limit(pagesize).get();
                }
                listener.then(async (snapshots) => {

                    html = '';
                    html = await buildHTML(snapshots);
                    console.log(snapshots);
                    jQuery("#data-table_processing").hide();
                    if (html != '') {
                        append_list.innerHTML = html;
                        start = snapshots.docs[snapshots.docs.length - 1];

                        if (endarray.indexOf(snapshots.docs[0]) != -1) {
                            endarray.splice(endarray.indexOf(snapshots.docs[0]), 1);
                        }
                        endarray.push(snapshots.docs[0]);
                    }
                });
            }
        }

        async function prev() {
            if (endarray.length == 1) {
                return false;
            }
            end = endarray[endarray.length - 2];

            if (end != undefined || end != null) {
                jQuery("#data-table_processing").show();
                if (jQuery("#selected_search").val() == 'title' && jQuery("#search").val().trim() != '') {

                    listener = refData.orderBy('title').limit(pagesize).startAt(jQuery("#search").val()).endAt(jQuery("#search").val() + '\uf8ff').startAt(end).get();
                } else {
                    listener = ref.startAt(end).limit(pagesize).get();
                }

                listener.then(async (snapshots) => {
                    html = '';
                    html = await buildHTML(snapshots);
                    jQuery("#data-table_processing").hide();
                    if (html != '') {
                        append_list.innerHTML = html;
                        start = snapshots.docs[snapshots.docs.length - 1];
                        endarray.splice(endarray.indexOf(endarray[endarray.length - 1]), 1);

                        if (snapshots.docs.length < pagesize) {

                            jQuery("#users_table_previous_btn").hide();
                        }

                    }
                });
            }
        }

        function searchtext() {

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

            append_list.innerHTML = '';

            if (jQuery("#selected_search").val() == 'title' && jQuery("#search").val().trim() != '') {
                console.log(jQuery("#search").val());
                wherequery = refData.orderBy('title').limit(pagesize).startAt(jQuery("#search").val()).endAt(jQuery("#search").val() + '\uf8ff').get();
            } else {
                wherequery = ref.limit(pagesize).get();
            }

            wherequery.then((snapshots) => {
                html = '';
                html = buildHTML(snapshots);
                jQuery("#data-table_processing").hide();
                if (html != '') {
                    append_list.innerHTML = html;
                    start = snapshots.docs[snapshots.docs.length - 1];
                    endarray.push(snapshots.docs[0]);
                    if (snapshots.docs.length < pagesize) {

                        jQuery("#data-table_paginate").hide();
                    } else {

                        jQuery("#data-table_paginate").show();
                    }
                }
            });

        }

        function clickpage(value) {
            setCookie('pagesizes', value, 30);
            location.reload();
        }

        function searchclear() {
            jQuery("#search").val('');
            searchtext();
        }

        function disableClick() {
            //var is_disable_delete = "//";
            //if (is_disable_delete == 1) {
            //    jQuery("a.do_not_delete").removeAttr("name");
            //    jQuery("a.do_not_delete").attr("name", "alert_demo");
            //}
        }

        $(document).on("click", "a[name='vendor-delete']", function (e) {
            var id = this.id;
            var author = $(this).attr('author');
            //var is_disable_delete = "//";
            //if (is_disable_delete == 1) {
            //    alert(doNotDeleteAlert);
            //    return false;
            //}
            // database.collection('users').doc(author).delete().then(function () {
            // });
            // database.collection('vendors').doc(id).delete().then(function () {
            //     window.location.reload();
            // });

            jQuery("#data-table_processing").show();
            database.collection('users').doc(author).update({'vendorID': ""}).then(function (result) {
                database.collection('vendors').doc(id).delete().then(function () {

                    const getStoreName = deleteStoreData(id);
                    window.location.reload();
                });
            });
        });

        function clickLink(value) {
            setCookie('section_id', value, 30);
            location.reload();
        }

        $(document).on("click", "a[name='vendor-clone']", async function (e) {
            var id = $(this).attr('vendor_id');
            var author = $(this).attr('author');

            await database.collection('users').doc(author).get().then(async function (snapshotsusers) {
                userData = snapshotsusers.data();
            });
            await database.collection('vendors').doc(id).get().then(async function (snapshotsvendors) {
                vendorData = snapshotsvendors.data();
            });
            await database.collection('vendor_products').where('vendorID', '==', id).get().then(async function (snapshotsproducts) {
                vendorProducts = [];
                snapshotsproducts.docs.forEach(async (product) => {
                    vendorProducts.push(product.data());
                });

            });


            if (userData && vendorData) {
                jQuery("#create_vendor").modal('show');
                jQuery("#vendor_title_lable").text(vendorData.title);
            }
        });


        $(document).on("click", "#create_vendor_submit", async function (e) {
            var vendor_id = database.collection("tmp").doc().id;

            if (userData && vendorData) {

                var vendor_title = jQuery("#vendor_title").val();
                var userFirstName = jQuery("#user_name").val();
                var userLastName = jQuery("#user_last_name").val();
                var email = jQuery("#user_email").val();
                var password = jQuery("#user_password").val();

                if (userFirstName == '') {

                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.user_name_required')}}</p>");
                    window.scrollTo(0, 0);

                } else if (userLastName == '') {

                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.user_last_name_required')}}</p>");
                    window.scrollTo(0, 0);

                } else if (vendor_title == '') {

                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.vendor_title_required')}}</p>");
                    window.scrollTo(0, 0);

                } else if (email == '') {

                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.user_email_required')}}</p>");
                    window.scrollTo(0, 0);
                } else if (password == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.enter_owners_password_error')}}</p>");
                    window.scrollTo(0, 0);
                } else {

                    jQuery("#data-table_processing2").show();

                    firebase.auth().createUserWithEmailAndPassword(email, password).then(async function (firebaseUser) {
                        var user_id = firebaseUser.user.uid;

                        userData.email = email;
                        userData.firstName = userFirstName;
                        userData.lastName = userLastName;
                        userData.id = user_id;
                        userData.vendorID = vendor_id;
                        userData.createdAt = createdAt;
                        userData.wallet_amount = 0;

                        vendorData.author = user_id;
                        vendorData.authorName = userFirstName + ' ' + userLastName;
                        vendorData.title = vendor_title;
                        vendorData.id = vendor_id;
                        coordinates = new firebase.firestore.GeoPoint(vendorData.latitude, vendorData.longitude);
                        vendorData.coordinates = coordinates;
                        vendorData.createdAt = createdAt;

                        await database.collection('users').doc(user_id).set(userData).then(async function (result) {

                            await geoFirestore.collection('vendors').doc(vendor_id).set(vendorData).then(async function (result) {
                                var count = 0;
                                await vendorProducts.forEach(async (product) => {
                                    var product_id = await database.collection("tmp").doc().id;
                                    product.id = product_id;
                                    product.vendorID = vendor_id;
                                    await database.collection('vendor_products').doc(product_id).set(product).then(function (result) {
                                        count++;
                                        if (count == vendorProducts.length) {
                                            jQuery("#data-table_processing2").hide();
                                            alert('Successfully created.');
                                            jQuery("#create_vendor").modal('hide');
                                            location.reload();
                                        }
                                    });

                                });


                            });
                        })

                    }).catch(function (error) {
                        $(".error_top").show();
                        jQuery("#data-table_processing2").hide();
                        $(".error_top").html("");
                        $(".error_top").append("<p>" + error + "</p>");
                    });


                }
            }
        });

    </script>


@endsection