@extends('layouts.app')
@section('title')
    {{ 'Update profile' }}
@endsection

@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">Update profile</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    @if (Auth::user()->role_id == 1)
                        <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
                    @else
                        <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
                    @endif
                </li>
                <li class="breadcrumb-item">Profile</li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Update profile</a></li>
            </ol>
        </div>
        @if (Auth::user()->hasRole('affiliate_admin') || Auth::user()->hasRole('business_super_admin'))
            <div class="d-flex my-xl-auto right-content align-items-center">
                <div class="mb-xl-0">
                    <div class="dropdown">
                        <button class="btn btn-danger" id="delete_company_request" type="button" aria-expanded="false" {{($disableRequestBtn == true ? 'disabled' : '')}}>
                            Delete Company Request
                        </button>
                    </div>
                </div>
            </div>
        @endif
    </div>
    <!-- breadcrumb -->

    <!-- row opened -->
    <div class="row row-sm">
        <div class="col-lg-12 col-md-12">
            <div class="card" id="basic-alert">
                <div class="card-body">
                    {{-- <div>
        <h6 class="card-title mb-1">Basic Style Tabs</h6>
        <p class="text-muted card-sub-title">It is Very Easy to Customize and it uses in
            your website apllication.</p>
    </div> --}}
                    <div class="text-wrap">
                        <div class="example">
                            <div class="panel panel-primary tabs-style-1">
                                <div class=" tab-menu-heading">
                                    <div class="tabs-menu1">
                                        <!-- Tabs -->
                                        <ul class="nav panel-tabs main-nav-line">
                                            <li class="nav-item"><a href="#tab1" class="nav-link active"
                                                    data-bs-toggle="tab">Update Profile</a></li>
                                            <li class="nav-item"><a href="#tab2" class="nav-link"
                                                    data-bs-toggle="tab">Change Password</a></li>
                                            @if (!empty($userSubscriptionPlanDetails))
                                                <li class="nav-item"><a href="#tab3" class="nav-link"
                                                        data-bs-toggle="tab">Subscription</a></li>
                                            @endif


                                        </ul>
                                    </div>
                                </div>
                                <div class="panel-body tabs-menu-body main-content-body-right border-top-0 border">
                                    @if (session()->has('error'))
                                        <div class="alert alert-solid-danger profile-update-message" role="alert">
                                            <button aria-label="Close" class="close" data-bs-dismiss="alert"
                                                type="button">
                                                <span aria-hidden="true">&times;</span></button>
                                            {{ session()->get('error') }}
                                        </div>
                                    @endif
                                    @if (session('errors'))
                                        <div class="alert alert-solid-danger profile-update-message" role="alert">
                                            <button aria-label="Close" class="close" data-bs-dismiss="alert"
                                                type="button">
                                                <span aria-hidden="true">&times;</span></button>
                                            @foreach (session('errors')->all() as $error)
                                                {{ $error }}
                                            @endforeach
                                        </div>
                                    @endif
                                    @if (session()->has('success'))
                                        <div class="alert alert-solid-success profile-update-message" role="alert">
                                            <button aria-label="Close" class="close" data-bs-dismiss="alert"
                                                type="button">
                                                <span aria-hidden="true">&times;</span></button>
                                            {{ session()->get('success') }}
                                        </div>
                                    @endif
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab1">
                                            <form action="{{ route('business.updatedprofile', ['id' => $user->id]) }}"
                                                id="profile_form" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <input type="hidden" name="id" id="id"
                                                    value="{{ $user->id }}">
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="first_name">First Name</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input class="form-control" type="text" id="first_name"
                                                            name="first_name" value="{{ $user->first_name }}">
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="last_name">Last Name</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input class="form-control" type="text" id="last_name"
                                                            name="last_name" value="{{ $user->last_name }}">
                                                    </div>
                                                </div>
                                                {{-- <div class="form-group mb-3 row">
                                                <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label" for="company_name">Company Name</label>
                                                <div class="col-lg-9 col-xl-8">
                                                    <input class="form-control" type="text" id="company_name" name="company_name" value="{{ $user->company_name}}">
                                                </div>
                                            </div> --}}
                                                @if (Auth::user()->hasRole('affiliate_admin') || Auth::user()->hasRole('business_super_admin'))
                                                    <div class="form-group mb-3 row">
                                                        <label
                                                            class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                            for="company_name">Company Name</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <select name="company_name" class="form-control select2"
                                                                id="company_name">
                                                            </select>
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="form-group mb-3 row">
                                                        <label
                                                            class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                            for="company_name">Company Name</label>
                                                        <div class="col-lg-9 col-xl-8" style="color:#4d5875">
                                                            {{ $user->userCompany->name ?? '' }}
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="phone">Contact Phone</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <div class="input-group">
                                                            <span class="input-group-text"><i
                                                                    class="las la-phone"></i></span>
                                                            <input type="text" class="form-control" id="phone"
                                                                name="phone" value="{{ $user->phone }}"
                                                                placeholder="Phone" aria-describedby="basic-addon1">
                                                        </div>
                                                        <label id="phone-error" class="error" for="phone"
                                                            style="display: none;"></label>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="email">Email Address</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <div class="input-group">
                                                            <span class="input-group-text"><i
                                                                    class="las la-envelope"></i></span>
                                                            <input type="text" class="form-control" name="email"
                                                                id="email" value="{{ $user->email }}"
                                                                placeholder="Email" aria-describedby="basic-addon1">
                                                        </div>
                                                        <label id="email-error" class="error" for="email"
                                                            style="display: none;"></label>
                                                        @if ($errors->has('email'))
                                                            <span class="text-danger">{{ $errors->first('email') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="website_link">Website Link</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <div class="input-group">
                                                            <span class="input-group-text"><i
                                                                    class="la la-globe"></i></span>
                                                            <input type="text" class="form-control" id="website_link"
                                                                name="website_link" value="{{ $user->website_link }}"
                                                                placeholder="Website Link"
                                                                aria-describedby="basic-addon1">
                                                        </div>
                                                        <label id="website_link-error" class="error" for="website_link"
                                                            style="display: none;"></label>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="country">Country</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input type="text" name="country" id="country"
                                                            class="form-control" value="{{ $user->country }}">
                                                    </div>
                                                </div>

                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                                        for="profile_image">Profile Image</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input type="file" class="form-control" id="profile_image"
                                                            name="profile_image" placeholder="Image"
                                                            aria-describedby="basic-addon1">
                                                        <label id="profile_image-error" class="error"
                                                            for="profile_image" style="display: none;"></label>
                                                        @if ($errors->has('profile_image'))
                                                            <span
                                                                class="text-danger">{{ $errors->first('profile_image') }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-9 col-xl-8">
                                                        @if (!empty($user->profile_image))
                                                            <img class="profile_image_preview"
                                                                src="{{ asset('images/profile_image/' . $user->profile_image) }}"
                                                                style="width:80px;margin-top: 10px;padding-left:10px; display: block;
                                                    margin-left: 38%;
                                                    margin-right: 50%;">
                                                        @else
                                                            <img class="profile_image_preview"
                                                                src="{{ asset('images/profile_image/avatar.png') }}"
                                                                style="width:80px;margin-top: 10px;padding-left:10px; display: block;
                                                    margin-left: 38%;
                                                    margin-right: 50%;">
                                                        @endif
                                                    </div>
                                                </div>

                                                <div class="form-group mb-3 row">
                                                    <div class="col-lg-9 col-xl-8 offset-lg-3">
                                                        <button type="submit" class="btn btn-primary">Update</button>
                                                        <button type="button" class="btn btn-danger"
                                                            id="cancelBtn">Cancel</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane" id="tab2">
                                            <form action="{{ route('business.ForgotPassword') }}" id="forgotpassword"
                                                method="POST">
                                                @csrf
                                                <input type="hidden" name="id" id="id"
                                                    value="{{ $user->id }}">
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">Current
                                                        Password</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input class="form-control" type="password" id="current_password"
                                                            name="current_password" placeholder="Current Password">
                                                        <!-- <a href="#" class="text-primary font-12">Forgot password ?</a> -->
                                                    </div>
                                                    @if ($errors->has('current_password'))
                                                        <span
                                                            class="text-danger">{{ $errors->first('current_password') }}</span>
                                                    @endif
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">New
                                                        Password</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input class="form-control" type="password" id="password"
                                                            name="password" placeholder="New Password">
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">Confirm
                                                        Password</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        <input class="form-control" id="password_confirmation"
                                                            name="password_confirmation" type="password"
                                                            placeholder="Confirm Password">
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <div class="col-lg-9 col-xl-8 offset-lg-3">
                                                        <button type="submit" class="btn btn-primary">Change
                                                            Password</button>
                                                        <button type="button" class="btn btn-danger"
                                                            id="cancelBtn1">Cancel</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        @if (!empty($userSubscriptionPlanDetails))
                                            <div class="tab-pane" id="tab3">
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">Current
                                                        Subscription </label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        {{ $userSubscriptionPlanDetails->name }} <i
                                                            style="color:#d74848; cursor:pointer"
                                                            class="bi-dash-circle-fill danger" data-bs-toggle="tooltip"
                                                            title="" id="cancel_subscription"
                                                            data-bs-original-title="Cancel Subscription"
                                                            aria-label="Cancel Subscription"></i>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">Subscription
                                                        Period</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        {{ \Carbon\Carbon::parse($userSubscriptionPlanDetails->from_date)->format('d F, Y') }}
                                                        to
                                                        {{ \Carbon\Carbon::parse($userSubscriptionPlanDetails->to_date)->format('d F, Y') }}

                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label">Default
                                                        Payment method</label>
                                                    <div class="col-lg-9 col-xl-8">
                                                        •••• •••• •••• {{ $customerDefaultSource }}
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <div class="col-lg-9 col-xl-8 offset-lg-3">
                                                        <button type="button" id="update_subscription"
                                                            onclick="location.href='{{ route('subscription') }}'"
                                                            class="btn btn-primary">Update Subscription</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>




        <div class="modal fade" id="cancelSubscriptionModel" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="cancelSubscriptionModelLabel">We're sad to see you go,
                            {{ ucfirst(auth()->user()->first_name) }} {{ auth()->user()->last_name }}</h5>
                    </div>
                    <form action="" id="cancelReasonForm" class="form-contact">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-12">
                                    <textarea class="form-control" placeholder="Tell us the reason why you want to cancel this subscription?"
                                        name="cancel_reason" id="cancel_reason" rows="3" column="4" spellcheck="true"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="cancel-btn" type="button" class="btn btn-danger"
                                data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary" id="submit_card">Okay! Process to cancel
                                subscription</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="tabWithError" data-tab-active="{{ session('tab') }}"></div>
    <!--/Row-->
    @push('scripts')
        <script type="text/javascript">
            $(document).ready(function() {
                getCompanyName();
                $.validator.addMethod("pattern", function(value, element, pattern) {
                    if (pattern instanceof Array) {
                        for (var i = 0; i < pattern.length; i++) {
                            if (!pattern[i].test(value)) {
                                return false;
                            }
                        }
                        return true;
                    } else {
                        return pattern.test(value);
                    }
                }, "Invalid format.");

                $('#profile_form').validate({
                    rules: {
                        first_name: 'required',
                        last_name: 'required',
                        company_name: 'required',
                        phone: {
                            required: true,
                            digits: true,
                            minlength: 8,
                            maxlength: 12
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        website_link: 'required',
                        country: 'required'
                    },
                    messages: {
                        first_name: 'Please enter your first name',
                        last_name: 'Please enter your last name',
                        company_name: 'Please enter your company name',
                        phone: {
                            required: 'Please enter your phone number',
                            minlength: 'Please enter at least 8 digit',
                            maxlength: 'Phone number should not be more than 15 digits'
                        },
                        email: {
                            required: 'Please enter your email address',
                            email: 'Please enter a valid email address'
                        },
                        website_link: 'Please enter your website link',
                        country: 'Please select a country'
                    },
                });

                jQuery.validator.addMethod("noSpace", function(value, element) {
                    return value.indexOf(" ") < 0 && value != "";
                }, "No space please and don't leave it empty");
                // forgotpassword validation
                $('#forgotpassword').validate({
                    rules: {
                        current_password: {
                            required: true,
                            noSpace: true,
                        },
                        password: {
                            required: true,
                            noSpace: true,
                        },
                        password_confirmation: {
                            required: true,
                            equalTo: "#password",
                        },
                    },
                    messages: {
                        current_password: {
                            required: 'Current password is required',
                            noSpace: 'No space please and dont leave it empty'
                        },
                        password: {
                            required: 'New password is required',
                            noSpace: 'No space please and dont leave it empty'
                        },
                        password_confirmation: {
                            required: 'Confirm password is required',
                            equalTo: 'The password and confirmation does not match',
                        }
                    },
                });
                $("#cancelBtn").click(function() {
                    window.location.href = "{{ route('backend.dashboard') }}";
                });
                $("#cancelBtn1").click(function() {
                    window.location.href = "{{ route('backend.dashboard') }}";
                });
                $("#cancel_subscription").on("click", function(e) {
                    // alert("ASDASDasd");
                    Swal.fire({
                        title: "Cancel Subscription",
                        text: "Are you sure you want to cancel this subscription? If you cancel subscription you will loose the access to the premium features of your subscription!",
                        showCancelButton: !0,
                        confirmButtonText: "Yes, Please cancel this subscription!",
                        cancelButtonText: "No, Go back!",
                        reverseButtons: !0,
                        backdrop: true,
                        icon: "error",
                        focusCancel: true

                    }).then(
                        function(e) {
                            if (e.isConfirmed) {
                                $("#cancelSubscriptionModel").modal("show");
                            }
                        }
                    );
                });


                $("#cancelReasonForm").submit(function(e) {
                    e.preventDefault();
                    var getForm = $("#cancelReasonForm");
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr("content");
                    var SITE_URL = "