@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.provider_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="{!! route('providers') !!}">{{trans('lang.provider_plural')}}</a>
                </li>
                <li class="breadcrumb-item active">{{trans('lang.provider_edit')}}</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.provider_info')}}</legend>

                            <div class="form-group row width-50">
                                <label class="col-3 control-label">{{trans('lang.first_name')}}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control user_first_name"
                                        onkeypress="return chkAlphabets(event,'error')" required>
                                    <div id="error" class="err"></div>
                                    <div class="form-text text-muted">
                                        {{ trans("lang.user_first_name_help") }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row width-50">
                                <label class="col-3 control-label">{{trans('lang.last_name')}}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control user_last_name"
                                        onkeypress="return chkAlphabets(event,'error1')">
                                    <div id="error1" class="err"></div>
                                    <div class="form-text text-muted">
                                        {{ trans("lang.user_last_name_help") }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row width-50">
                                <label class="col-3 control-label">{{trans('lang.email')}}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control user_email">
                                    <div class="form-text text-muted">
                                        {{ trans("lang.user_email_help") }}
                                    </div>
                                </div>
                            </div>


                            <div class="form-group row width-50">
                                <label class="col-3 control-label">{{trans('lang.user_phone')}}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control user_phone"
                                        onkeypress="return chkAlphabets2(event,'error1')">
                                    <div id="error1" class="err"></div>
                                </div>
                            </div>
                            <div class="form-group row width-100">

                            </div>

                            <div class="form-group row width-100">
                                <label class="col-3 control-label">{{trans('lang.user_profile_picture')}}</label>
                                <input type="file" onChange="handleFileSelectowner(event)" class="col-7">
                                <div id="uploding_image_owner"></div>
                                <div class="uploaded_image_owner" ></div>
                            </div>
                        </fieldset>

                        <fieldset>
                            <legend>{{ trans('lang.provider_subscription_model') }}</legend>
                            
                            <div class="form-group row width-100">
                                <label class="col-4 control-label">{{ trans('lang.change_expiry_date') }}</label>
                                <div class="col-7">
                                    <input type="date" name="change_expiry_date" class="form-control"
                                        id="change_expiry_date" value="">
                                </div>
                            </div>
                            <input type="hidden" id="subscriptionPlanId">
                        </fieldset>

                        <fieldset>
                                <legend>{{ trans('lang.provider_admin_commission_details') }}</legend>
                                <div class="form-group row width-50">
                                    <label class="col-4 control-label">{{ trans('lang.commission_type') }}</label>
                                    <div class="col-7">
                                        <select class="form-control commission_type" id="commission_type">
                                            <option value="percentage">{{ trans('lang.coupon_percent') }}</option>
                                            <option value="fixed">{{ trans('lang.coupon_fixed') }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row width-50">
                                    <label class="col-4 control-label">{{ trans('lang.admin_commission') }}</label>
                                    <div class="col-7">
                                        <input type="number" value="0" class="form-control commission_fix">
                                    </div>
                                </div>
                        </fieldset>


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

                                </div>
                            </div>

                        </fieldset>
                        
                        <fieldset>
                            <legend>{{trans('lang.bankdetails')}}</legend>
                            <div class="form-group row width-100" style="display: none;" id="companyDriverShowDiv">
                                <div class="col-12">
                                    <h6><a href="#">{{ trans("lang.driver_add_by_company_info") }}</a>
                                    </h6>
                                </div>
                            </div>
                            <div class="form-group row" id="companyDriverHideDiv">

                                <div class="form-group row width-100">
                                    <label class="col-4 control-label">{{trans('lang.bank_name')}}</label>
                                    <div class="col-7">
                                        <input type="text" name="bank_name" class="form-control" id="bankName">
                                    </div>
                                </div>

                                <div class="form-group row width-100">
                                    <label class="col-4 control-label">{{trans('lang.branch_name')}}</label>
                                    <div class="col-7">
                                        <input type="text" name="branch_name" class="form-control" id="branchName">
                                    </div>
                                </div>


                                <div class="form-group row width-100">
                                    <label class="col-4 control-label">{{trans('lang.holder_name')}}</label>
                                    <div class="col-7">
                                        <input type="text" name="holer_name" class="form-control" id="holderName">
                                    </div>
                                </div>

                                <div class="form-group row width-100">
                                    <label class="col-4 control-label">{{trans('lang.account_number')}}</label>
                                    <div class="col-7">
                                        <input type="text" name="account_number" class="form-control"
                                            onkeypress="return chkAlphabets2(event,'error5')" id="accountNumber">
                                        <div id="error5" class="err"></div>
                                    </div>
                                </div>

                                <div class="form-group row width-100">
                                    <label class="col-4 control-label">{{trans('lang.other_information')}}</label>
                                    <div class="col-7">
                                        <input type="text" name="other_information" class="form-control"
                                            id="otherDetails">
                                    </div>
                                </div>

                            </div>
                        </fieldset>

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

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

        </div>

    </div>
</div>

@endsection

@section('scripts')

<script type="text/javascript">

    
    var database = firebase.firestore();
    var geoFirestore = new GeoFirestore(database);
    var autoAprroveVendor = database.collection('settings').doc("vendor");
    var photo = "";
    var vendorOwnerId = "";
    var vendorOwnerOnline = false;
    var photocount = 0;
    var restaurnt_photos = [];
    var ownerphoto = '';
    var id = "";
    var database = firebase.firestore();
    var ref = database.collection('users').where("id", "==", id);
    var placeholderImage = '';
    var placeholder = database.collection('settings').doc('placeHolderImage');
    var photo = "";
    var fileName = "";
    var oldImageFile = '';
    var storageRef = firebase.storage().ref('images');

    placeholder.get().then(async function (snapshotsimage) {
        var placeholderImageData = snapshotsimage.data();
        placeholderImage = placeholderImageData.image;
    })
    var currency = database.collection('settings');

    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;
        }
    });

    var createdAt = firebase.firestore.FieldValue.serverTimestamp();

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

    ref.get().then(async function (snapshots) {
        jQuery("#data-table_processing").hide();
        if (!snapshots.empty) {
            var user = snapshots.docs[0].data();
            $(".user_first_name").val(user.firstName);
            $(".user_last_name").val(user.lastName);
            $(".user_email").val(shortEmail(user.email));
            $(".vendor_latitude").val(user.location.latitude);
            $(".vendor_longitude").val(user.location.longitude);
           
            $(".user_phone").val(user.phoneNumber);
            $(".user_phone").attr('disabled',true);
            if (user.adminCommission) { 
                $("#commission_type").val(user.adminCommission.type);
                $(".commission_fix").val(user.adminCommission.commission);
            }
            if(user.hasOwnProperty('subscriptionPlanId')&&user.subscriptionPlanId!=null) {
                $('#subscriptionPlanId').val(user.subscriptionPlanId);
            }
            if (user.subscriptionExpiryDate) {
                const expiresAt = new Date(user.subscriptionExpiryDate.toDate());
                const [year, month, day] = expiresAt.toISOString().slice(0, 10).split("-");
                const formattedDate = `${year}-${month}-${day}`;
                $('#change_expiry_date').val(formattedDate);
            }

            photo = user.profilePictureURL;
            if (photo != '') {
                oldImageFile = user.profilePictureURL;
                $(".uploaded_image_owner").append('<img class="rounded" style="width:50px" src="' + photo + '" onerror="this.onerror=null;this.src=\'' + placeholderImage + '\'" alt="image">');
            } else {

                $(".uploaded_image_owner").append('<img class="rounded" style="width:50px" src="' + placeholderImage + '" alt="image">');
            }

            if (user.active) {
                $(".user_active").prop('checked', true);
            }

            var wallet = 0;

            if (user.wallet_amount) {
                wallet = user.wallet_amount;
            }
            if (currencyAtRight) {
                wallet = parseFloat(wallet).toFixed(decimal_degits) + "" + currentCurrency;
            } else {
                wallet = currentCurrency + "" + parseFloat(wallet).toFixed(decimal_degits);
            }
            if (user.userBankDetails) {
                if (user.userBankDetails.bankName != undefined) {
                    $("#bankName").val(user.userBankDetails.bankName);
                }
                if (user.userBankDetails.branchName != undefined) {
                    $("#branchName").val(user.userBankDetails.branchName);
                }
                if (user.userBankDetails.holderName != undefined) {
                    $("#holderName").val(user.userBankDetails.holderName);
                }
                if (user.userBankDetails.accountNumber != undefined) {
                    $("#accountNumber").val(user.userBankDetails.accountNumber);
                }
                if (user.userBankDetails.otherDetails != undefined) {
                    $("#otherDetails").val(user.userBankDetails.otherDetails);
                }
            }
            $("#wallet_amount").text(wallet);



            jQuery("#data-table_processing").hide();
        }
    })
    $(".edit-form-btn").click(function () {
        $(".error_top").hide();
        var latitude = parseFloat($(".vendor_latitude").val());
        var longitude = parseFloat($(".vendor_longitude").val());

        var userFirstName = $(".user_first_name").val();
        var userLastName = $(".user_last_name").val();
        var email = $(".user_email").val();
        var password = $(".user_password").val();
        var userPhone = $(".user_phone").val();
        var active = $(".user_active").is(":checked");
        var location = { 'latitude': latitude, 'longitude': longitude };
        var user_name = userFirstName + " " + userLastName;
        var subscriptionPlanId=$('#subscriptionPlanId').val();
        var change_expiry_date = $('#change_expiry_date').val();


        if (change_expiry_date != '' && change_expiry_date != null) {
            var subscriptionPlanExpiryDate = firebase.firestore.Timestamp.fromDate(new Date(
                change_expiry_date));
        } else {
            var subscriptionPlanExpiryDate=null;

        }


        var commissionType = $("#commission_type").val();
        var fixCommission = $(".commission_fix").val();
        const adminCommission = {
                "type": commissionType,
                "commission": parseInt(fixCommission),
                "enable": true
        };




        if (userFirstName == '') {

            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_owners_name_error')}}</p>");
            window.scrollTo(0, 0);
        } else if (email == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_owners_email')}}</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 if (userPhone == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>{{trans('lang.enter_owners_phone')}}</p>");
            window.scrollTo(0, 0);

        } else {
            var bankName = $("#bankName").val();
            var branchName = $("#branchName").val();
            var holderName = $("#holderName").val();
            var accountNumber = $("#accountNumber").val();
            var otherDetails = $("#otherDetails").val();
            var userBankDetails = {
                'bankName': bankName,
                'branchName': branchName,
                'holderName': holderName,
                'accountNumber': accountNumber,
                'accountNumber': accountNumber,
                'otherDetails': otherDetails,
            };
            storeImageData().then(IMG => {
                updateSubscriptionHistory(id, subscriptionPlanId,
                subscriptionPlanExpiryDate).then(
                    async function() {
                await database.collection('users').doc(id).update({

                    'firstName': userFirstName, 
                    'lastName': userLastName,
                    'email': email,
                    'phoneNumber': userPhone,
                    'profilePictureURL': IMG,
                    'active': active,
                    'isActive': active,
                    'userBankDetails': userBankDetails,
                    'adminCommission':adminCommission,
                    'subscriptionExpiryDate': subscriptionPlanExpiryDate,
                   

                }).then(function (result) {
                    geoFirestore.collection('providers_services')
                    .where('author', '==', id)
                    .get() // Retrieve documents matching the query
                    .then(querySnapshot => {
                        querySnapshot.forEach(doc => {
                            // For each matching document, update it
                            geoFirestore.collection('providers_services').doc(doc.id).update({
                                'subscriptionExpiryDate': subscriptionPlanExpiryDate
                            });
                        });
                    }).catch(error => {
                        console.error('Error updating provider services:', error);
                    });
                });
                    
                    setTimeout(function () {
                        window.location.href = '{{ route("providers")}}';
                    }, 5000);
                })
            }).catch(err => {
                jQuery("#data-table_processing").hide();
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>" + err + "</p>");
                window.scrollTo(0, 0);
            });
        }
    });


    async function updateSubscriptionHistory(id, subscriptionPlanId, subscriptionPlanExpiryDate) {
        try {
            
            const lastSubscriptionHistory = await database.collection('subscription_history').where('user_id','==',id).orderBy('createdAt','desc').get();
            if(lastSubscriptionHistory && lastSubscriptionHistory.docs && lastSubscriptionHistory.docs.length > 0){
                const subscriptionData = lastSubscriptionHistory.docs[0].data();
                database.collection('subscription_history').doc(subscriptionData.id).update({
                    'expiry_date': subscriptionPlanExpiryDate,
                });
            }
            
        } catch (error) {
            console.error("Error updating subscription history:", error);
        }
    }


    var storageRef = firebase.storage().ref('images');
    var storage = firebase.storage();
    function handleFileSelectowner(evt) {
        var f = evt.target.files[0];
        var reader = new FileReader();
        reader.onload = (function (theFile) {
            return function (e) {

                var filePayload = e.target.result;
                var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));
                var val = f.name;
                var ext = val.split('.')[1];
                var docName = val.split('fakepath')[1];
                var filename = (f.name).replace(/C:\\fakepath\\/i, '')

                var timestamp = Number(new Date());
                var filename = filename.split('.')[0] + "_" + timestamp + '.' + ext;
                photo = filePayload;
                fileName = filename;
                $(".uploaded_image_owner").html('<img class="rounded" style="width:50px" src="' + photo + '"  onerror="this.onerror=null;this.src=\'' + placeholderImage + '\'" alt="image">');
                $(".uploaded_image_owner").show();

            };
        })(f);
        reader.readAsDataURL(f);
    }
    async function storeImageData() {
        var newPhoto = '';
        try {
            if (oldImageFile != "" && photo != oldImageFile) {
                var oldImageUrl = await storage.refFromURL(oldImageFile);
                imageBucket = oldImageUrl.bucket;
                var envBucket = "