@extends('layouts.master')
@section('style')
    <style>
        .form-switch.form-check-solid .form-check-input:not(:checked) {
            background-color: #818181 !important;
        }
    </style>
@endsection()
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-xxl">
            <div class="d-flex flex-wrap flex-stack pb-7">
                <div class="d-flex flex-wrap align-items-center my-1">
                    <h3 class="fw-bold me-5 my-1">My Profile
                    </h3>
                </div>
            </div>
            <div class="card card-flush">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x border-transparent fs-4 fw-semibold">
                        <li class="nav-item">
                            <a class="nav-link text-active-primary d-flex align-items-center pb-5 active"
                                data-bs-toggle="tab" href="#kt_ecommerce_carrier_info">
                                <i class="ki-outline ki-user fs-2x me-2"></i>Carrier Info</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-active-primary d-flex align-items-center pb-5" data-bs-toggle="tab"
                                href="#kt_ecommerce_rate_info" id="real_time_efs_data_tab">
                                <i class='ki-outline ki-abstract-23 fs-2x me-2'></i>Rate Info</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-active-primary d-flex align-items-center pb-5" data-bs-toggle="tab"
                                href="#kt_ecommerce_payment_details" id="efs_rejected_transactions_tab">
                                <i class='ki-outline ki-credit-cart fs-2x me-2'></i>Payment Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-active-primary d-flex align-items-center pb-5" data-bs-toggle="tab"
                                href="#kt_ecommerce_settings">
                                <i class='ki-outline ki-notification-on fs-2x me-2'></i>Alerts</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-active-primary d-flex align-items-center pb-5" data-bs-toggle="tab"
                                href="#kt_ecommerce_change_password" id="kt_ecommerce_change_password_tab">
                                <i class='ki-outline ki-lock-2 fs-2x me-2'></i>Change Password</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="kt_ecommerce_carrier_info" role="tabpanel">
                            <div class="card-body">
                                <div class="w-100">
                                    <div class="">
                                        <h2 class="fw-bold text-gray-900">Carrier Info</h2>
                                    </div>
                                    <div class="card-body p-9">
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Active</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span
                                                        class="fs-20">{{ $carrierInfo->ACTIVE == 1 ? 'ACTIVE' : 'INACTIVE' }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Name</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->NAME }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Policy
                                                #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->POLICY_NUM }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">DOT #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->DOT }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">MC #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->MC }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label
                                                class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">CONTACT</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->CONTACT_NAME }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">CONTACT
                                                TITLE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->CONTACT_TITLE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">PHONE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->PHONE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">EMAIL</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->EMAIL }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">ATL
                                                EMAIL</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->ALT_EMAIL }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">#
                                                TRUCKS</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->NUM_TRUCKS }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label
                                                class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">ADDRESS</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->BILL_TO }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="kt_ecommerce_rate_info" role="tabpanel">
                            <div class="card-body">
                                <div class="w-100">
                                    <div class="">
                                        <h2 class="fw-bold text-gray-900">Rate Info</h2>
                                    </div>
                                    <div class="card-body p-9">
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">CREDIT OR
                                                CARD LIMITS</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span class="fs-20">{{ $carrierInfo->SUB_STATUS }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">AUTOMATED
                                                WEEKLY EMAILS</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->EMAIL_REPORTS }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">AMBEST
                                                RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->AMB_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">SAPP BROS
                                                RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->SAPP_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">LOVES
                                                RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->LOVES_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Pilot/Flying
                                                J RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->PILOT_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">TA
                                                RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->TA_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">ROAD RANGER
                                                RATE</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->RR_RATE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="kt_ecommerce_payment_details" role="tabpanel">
                            <div class="card-body">
                                <div class="w-100">
                                    <div class="">
                                        <h2 class="fw-bold text-gray-900">Payment Details</h2>
                                    </div>
                                    <div class="card-body p-9">
                                        <div class="row mb-6">
                                            <label
                                                class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Services</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span class="fs-20">{{ $carrierInfo->EXPERIAN }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Pay
                                                Days</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->PAYMENT_TERMS }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Bank Account
                                                #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->ACH_ACC }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Bank Routing
                                                #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->ACH_ROUTE }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-6">
                                            <label class="col-lg-4 col-form-label fw-bold text-gray-900 fs-6">Stripe ID
                                                #</label>
                                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                                <div class="d-flex align-items-center mt-3">
                                                    <span>{{ $carrierInfo->INTERNAL_ASSIGNED }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="kt_ecommerce_settings" role="tabpanel">
                            <div class="card-body">
                                <div class="m-0" style="border-radius: 10px;">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for=""
                                                class="col-lg-6 col-form-label fw-bold text-gray-900 fs-3">Low Balance
                                                Alert : {{ '$ ' . number_format($carrierInfo->low_balance_alert, 2) }}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="kt_ecommerce_change_password" role="tabpanel">
                            <div class="card-body">
                                <div class="row mt-10 mb-5">
                                    <div class="col-md-4">
                                        <div class="d-flex justify-content-center">
                                            <label
                                                class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack mb-5">
                                                <span class="form-check-label ms-0 fw-bold fs-6 text-gray-900 me-5">
                                                    Enable Two Factor Authentication :
                                                </span>
                                                <input class="form-check-input" onclick="updatetwofactorAuth()"
                                                    id="two_factor" type="checkbox"
                                                    {{ Auth::user()->{'2FA'} == 1 ? 'checked' : '' }}>
                                            </label>
                                        </div>
                                    </div>

                                </div>
                                <form id="kt_ecommerce_settings_edit_form" class="form"
                                    action="{{ route('myProfile.change_password') }}" method="POST">
                                    @csrf
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <label class="fs-6 fw-bold form-label mt-3">
                                                Old Password
                                            </label>
                                        </div>
                                        <div class="col-md-9 mt-3 fs-6">
                                            {{ Auth::user()->password }}
                                        </div>
                                    </div>
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <label class="fs-6 fw-bold form-label mt-3">
                                                <span class="required">New Password</span>
                                            </label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="password" name="password"
                                                class="form-control form-control-solid" placeholder="New Password">
                                            @error('password')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <label class="fs-6 fw-bold form-label mt-3">
                                                <span class="required">Confirm Password</span>
                                            </label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="password" name="confirm_password"
                                                class="form-control form-control-solid" placeholder="Confirm Password">
                                            @error('confirm_password')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row py-5">
                                        <div class="col-md-9 offset-md-3">
                                            <div class="d-flex">
                                                <button type="submit" data-kt-ecommerce-settings-type="submit"
                                                    class="btn btn-primary" id="submit" onclick="showSpinner();">
                                                    <span class="indicator-label">Save</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection()
@section('script')
    <script>
        function showSpinner() {
            var submitButton = document.getElementById('submit');
            submitButton.innerHTML = '<span class="spinner-border spinner-border-sm align-middle ms-2"></span>';
        }

        function updatelowbal(id) {
            var lowbalance = $("#low_balance").val();
            $.ajax({
                type: 'GET',
                url: "{{ route('myProfile.updateLowBalance') }}",
                data: {
                    id: id,
                    lowbalance: lowbalance
                },
                success: function(data) {
                    if (data.status == true) {
                        toastr.success(data.message);
                    } else {
                        toastr.error("OOPS! Something went wrong!");
                    }
                },
                error: function(err) {
                    toastr.error(err);
                }
            });
        }

        function updatetwofactorAuth() {
            var twofactor = $('#two_factor').prop('checked') ? 1 : 0;
            var id = "{{ getAuthMemberId() }}";

            $.ajax({
                type: 'GET',
                url: "{{ route('myProfile.update_two_factor_auth') }}",
                data: {
                    id: id,
                    twofactor: twofactor
                },
                success: function(res) {
                    if (res.status == true) {
                        toastr.success(res.message);
                    } else {
                        toastr.error("OOPS! Something went wrong!");
                    }
                },
                error: function(err) {
                    toastr.error(err);
                }
            });
        }
    </script>
@endsection()