@extends('layouts.light.master')
@section('title', 'Shipping Quote Menu')

@section('css')
    <link href="https://www.teamcabinets.com/assets/new_design/bootstrap/css/bootstrap.min.css" rel="stylesheet"
        type="text/css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://www.teamcabinets.com/assets/new_design/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css">
    <link href="https://www.teamcabinets.com/assets/new_design/dist/css/skins/_all-skins.min.css" rel="stylesheet"
        type="text/css">
    <link href="https://www.teamcabinets.com/assets/new_design/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet"
        type="text/css">
@endsection

@section('style')
    <style>
        .space-1 {
            padding: 0 20px;
        }

        .welcome-name {
            font-size: 18px;
            display: inline-block;
        }

        .logo {
            height: 123px !important;
        }

        /*.logo img{width: 85px;height: auto;padding: 8px 0;}*/
        .logo img {
            height: auto;
            padding: 8px 0;
            max-height: 120px;
            max-width: 190px !important;
        }

        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .main-sidebar,
        .left-side {
            padding-top: 122px;
        }

        .main-header .sidebar-toggle:before {
            content: "\f104" !important;
        }

        .sidebar-collapse .main-header .sidebar-toggle:before {
            content: "\f105" !important;
        }

        nav.navbar.navbar-static-top {
            height: 50px;
        }

        .main-header>.navbar {
            margin-left: 0px;
        }

        .sidebar-collapse .custom_toggle_cls {
            display: block !important;
        }

        .asterisk {
            color: red;
        }
    </style>

    <style>
        .main-sidebar {
            z-index: 9999;
            position: fixed;
        }

        .main-sidebar .logo {
            background-color: #367fa9;
            color: #fff;
            border-bottom: 0 solid transparent;
            display: flex;
            padding: 0 35px;
            width: 100%;
            align-content: center;
            align-items: center;
            justify-content: center;
        }

        .change_photo {
            display: inline-block;
            float: left;
            margin: 8px 8px 8px 8px;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>

    <style>
        .link_dis {
            cursor: not-allowed
        }

        .table-bordered>thead>tr>th,
        .table-bordered>tbody>tr>th,
        .table-bordered>tfoot>tr>th,
        .table-bordered>thead>tr>td,
        .table-bordered>tbody>tr>td,
        .table-bordered>tfoot>tr>td,
        .table-bordered {
            border: 1px solid #d2d6de;
        }

        .form-group {
            margin-bottom: 8px;
        }

        .container_chk_lbl {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: not-allowed;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .container_chk_lbl input {
            position: absolute;
            opacity: 0;
            cursor: not-allowed;
            height: 0;
            width: 0;
        }

        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: yellow;
        }

        .container_chk_lbl:hover input~.checkmark {
            background-color: yellow;
        }

        .container_chk_lbl input:checked~.checkmark {
            background-color: yellow;
        }

        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .container_chk_lbl input:checked~.checkmark:after {
            display: block;
        }

        .container_chk_lbl .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid #000;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .container_chk_lbl {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: not-allowed;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /*yellow check box*/
        .container_chk_lbl_01 {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: not-allowed;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .container_chk_lbl_01 input {
            position: absolute;
            opacity: 0;
            cursor: not-allowed;
            height: 0;
            width: 0;
        }

        .container_chk_lbl_01 .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: green;
        }

        .container_chk_lbl_01:hover input~.checkmark {
            background-color: green;
        }

        .container_chk_lbl_01 input:checked~.checkmark {
            background-color: green;
        }

        .container_chk_lbl_01 .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .container_chk_lbl_01 input:checked~.checkmark:after {
            display: block;
        }

        .container_chk_lbl_01 .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid #000;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .container_chk_lbl,
        .container_chk_lbl_01 {
            margin-bottom: 0px;
            height: 30px;
            width: 25px;
        }

        .loading {
            position: fixed;
            z-index: 999;
            height: 2em;
            width: 2em;
            overflow: show;
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        /* Transparent Overlay */
        .loading:before {
            content: '';
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
            background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
        }


        /* :not(:required) hides these rules from IE9 and below */
        .loading:not(:required) {
            /* hide "loading..." text */
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 30px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 150ms infinite linear;
            -moz-animation: spinner 150ms infinite linear;
            -ms-animation: spinner 150ms infinite linear;
            -o-animation: spinner 150ms infinite linear;
            animation: spinner 150ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        }

        .loading span {
            position: absolute;
            color: #fff;
            bottom: -70px;
            left: -85px;
            width: 220px;
            display: inline-block;
        }


        /* Animation */

        @-webkit-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-o-keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spinner {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        /*****radio***********/

        [type="radio"]:checked,
        [type="radio"]:not(:checked) {
            position: absolute;
            left: -9999px;
        }

        [type="radio"]:checked+label,
        [type="radio"]:not(:checked)+label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            margin-bottom: 0;
        }

        [type="radio"]:checked+label:before,
        [type="radio"]:not(:checked)+label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked+label:after,
        [type="radio"]:not(:checked)+label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #000;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked)+label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }
    </style>

    <style>
        .container-fluid {
            display: none !important;
        }

        .form-control {
            font-size: 15px !important;
        }

        .checkbox {
            margin-left: 30px !important;
        }
    </style>
@endsection


@section('breadcrumb-title')
    <h2>Create an<span>Order </span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Orders</li>
    <li class="breadcrumb-item active">Create</li>
@endsection

@section('content')
    <div class="content-wrapper" style="min-height: 700px; margin-left: 0px !important;">
        
        <input type="hidden" name="ach_pay_charge" id="ach_pay_charge" value="{{ number_format($ach_pay_charges, 2) }}">
        <input type="hidden" name="debit_card_charge" id="debit_card_charge" value="{{ number_format($debit_card_charges, 2) }}">
        <input type="hidden" name="credit_card_charge" id="credit_card_charge" value="{{ number_format($credit_card_charges, 2) }}">
        <input type="hidden" name="grandTotal" id="grandTotal" value="{{ number_format($grandTotal, 2) }}">
        <input type="hidden" name="credit_card_percent" id="credit_card_percent" value="{{ $credit_card_percent }}">


        <section class="content" style="padding-top: 30px !important;">
            <div class="row">
                <form action="{{ route('stock_check_order') }}" id="myform" method="post">
                    @csrf
                    <section class="col-lg-6 col-md-12 col-12 w- connectedSortable">
                        <div class="box box-solid box-info">
                            <div class="box-header">
                                <h3 class="box-title">Cart</h3>
                                <h3 class="box-title back-t-cart" style="float:right;">
                                    <a class="link_dis"><i class="fa fa-arrow-left"></i> Back To Cart</a>
                                </h3>
                            </div>
                            <div class="box-body table-responsive">
                                <b>Job Name</b> : <span class="">{{ $stock_check->job_name }}</span>
                                <table class="table table-bordered custom_cart_cls">
                                    <thead>
                                        <tr>
                                            <th>Double Check Work</th>
                                            <th>Cabinet Name</th>
                                            <th>Cabinet Description</th>
                                            <th>Weight</th>
                                            <th>Unit Price</th>
                                            <th>Total Price</th>
                                            <th>Quantity</th>
                                            <th>Assemble Cost</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($rooms as $room)
                                            @foreach ($room['products'] as $product)
                                                @php
                                                    $productDetails = $products->get($product['product_id']);
                                                    $qty = $product['quantity'] ?? 1;
                                                    $productWeight = $productDetails->weight * $qty;
                                                    $productPrice = $productDetails->cost * $qty;
                                                    $assembleCost = $productDetails->assemble_cost * $qty;
                                                @endphp
                                                <tr>
                                                    <th>
                                                        <label class="container_chk_lbl">
                                                            <input disabled type="checkbox">
                                                            <span class="checkmark"></span>
                                                        </label>
                                                        <label class="container_chk_lbl_01">
                                                            <input disabled type="checkbox">
                                                            <span class="checkmark"></span>
                                                        </label>
                                                    </th>
                                                    <td>{{ $productDetails->label }}</td>
                                                    <td>{{ $productDetails->sku . ' - ' . $productDetails->doorColor->product_label ?? '' }}
                                                    </td>
                                                    <td>{{ $productWeight }}lbs</td>
                                                    <td>${{ number_format($productDetails->cost, 2) }}</td>
                                                    <td>${{ number_format($productPrice, 2) }}</td>
                                                    <td>{{ $qty }}</td>
                                                    <td>${{ number_format($assembleCost, 2) }}</td>
                                                </tr>
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="2">Sub Total</th>
                                            <td></td>
                                            <td>{{ $totalWeight }} lbs</td>
                                            <td></td>
                                            <td class="all_cart_pro_total">${{ number_format($totalPrice, 2) }}</td>
                                            <td colspan="1"></td>
                                            <td>${{ number_format($miscellaneousCost, 2) }}</td>
                                        </tr>

                                        <tr>
                                            <td colspan="2"><b>Fuel Charges <span class="fuel_charges">({{$fuel_charge}}%)</span></b>
                                            </td>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="full_cart_fuel_charges">${{ number_format($fuelCharges, 2) }}</td>
                                            <td colspan="1"></td>
                                            <td></td>
                                        </tr>

                                        <tr>
                                            <th colspan="2">Cabinetry Assembly Cost</th>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="assemble_cost_cabinets">${{ number_format($assembleCost, 2) }}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr>
                                            <th colspan="8">Shipping Charges</th>
                                        </tr>

                                        <tr>
                                            <th colspan="2">Pallets (Total Pallets =
                                                {{ $stock_check->total_pallets ?? 0 }})</th>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>${{ number_format($stock_check->total_pallets * 30 ?? 0, 2) }}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr>
                                            <th colspan="2">Liftgate Charges</th>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>${{ number_format($liftgateCost, 2) }}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr>
                                            @if ($stock_check->unload_type == 1)
                                                <th colspan="2">Unload Cost(By Hand)</th>
                                            @else
                                                <th colspan="2">Unload Cost(By Forklift)</th>
                                            @endif
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>${{ number_format($unloadCost, 2) }}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        @if ($stock_check->delivery_type == 1)
                                            <tr>
                                                <th colspan="2">Delivery Charges ( Commercial )</th>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>${{ number_format($deliveryCost, 2) }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        @else
                                            <tr>
                                                <th colspan="2">Delivery Charges ( Residential )</th>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>${{ number_format($deliveryCost, 2) }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        @endif


                                        <tr>
                                            <td colspan="2"><b>Sales Tax <span
                                                        class="tax_percent">({{ $tax_value }}%)</span></b>
                                                <p style="color:red;">NOTE: 'Sales Tax' will be calculated as per your Ship
                                                    To 'County'.</p>
                                            </td>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="full_cart_tax">${{ number_format($salesTax, 2) }}</td>
                                            <td colspan="1"></td>
                                            <td></td>
                                        </tr>

                                        <tr class="credit_card_charges_row" style="display: table-row;">
                                            <th colspan="2">Credit Card Charges(<span class="credit_card_percent_show_cls">{{$credit_card_percent}}</span>%)</th>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="credit_card_charges">${{number_format($credit_card_charges, 2)}}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr class="ach_charges_row" style="display: none;">
                                            <th colspan="2">ACH Charges</th>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="ach_charges">${{$ach_pay_charges}}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr class="debit_card_charges_row" style="display: none;">
                                            <th colspan="2">Debit Card Charges</th>
                                            <td></td>
                                            <td>-</td>
                                            <td></td>
                                            <td class="debit_card_charges">${{$debit_card_charges}}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>

                                        <tr>
                                            <th colspan="2">Grand Total</th>
                                            <td></td>
                                            <td>{{ $totalWeight }} lbs</td>
                                            <td></td>

                                            <td class="full_cart_tot_inc_all">${{ number_format($grandTotal + $credit_card_charges, 2)}}</td>

                                            <td colspan="3"></td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <input type="hidden" id="grandTotal_credit_card" value="{{ number_format($grandTotal + $credit_card_charges, 2)}}">
                                <input type="hidden" id="grandTotal_ach_pay" value="{{ number_format($grandTotal + $ach_pay_charges, 2)}}">
                                <input type="hidden" id="grandTotal_debit_card" value="{{ number_format($grandTotal + $debit_card_charges, 2)}}">

                                <div class="order_comment_cls" style="padding:6px;">
                                    <b>Comment</b> : {{ $stock_check->comment }}
                                </div>
                            </div>
                        </div>

                        <div class="box box-primary custom_order_bill_form_cls">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="box-header">
                                        <h3 class="box-title"><b>Bill To:</b></h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="form-group">
                                            Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_name" name="bill_to_name"
                                                value="{{ $user->username }}">
                                            <div class="err_bill_to_name"></div>
                                        </div>
                                        <div class="form-group">
                                            Address<span class="asterisk">*</span> :
                                            <textarea class="form-control bill_to_address" rows="2" placeholder="Enter ..." name="bill_to_address">{{ $user->address }}</textarea>
                                            <div class="err_bill_to_address"></div>
                                        </div>
                                        <div class="form-group">
                                            City<span class="asterisk">*</span> : <input name="bill_to_city"
                                                id="bill_to_city" type="text" class="form-control"
                                                value="{{ $user->city_name }}">
                                            <div class="err_bill_to_city"></div>
                                        </div>
                                        <div class="form-group">
                                            State<span class="asterisk">*</span> :
                                            <select class="form-control" name="bill_to_state" id="bill_to_state">
                                                @foreach ($states as $state)
                                                    <option value="{{ $state->id }}"
                                                        {{ $user->state->name == $state->name ? 'selected' : '' }}>
                                                        {{ $state->name }}</option>
                                                @endforeach
                                            </select>
                                            <div class="err_bill_to_state"></div>
                                        </div>
                                        <div class="form-group">
                                            County<span class="asterisk">*</span> :
                                            <div class="county_field_bill_to">
                                                <input name="bill_to_county" id="bill_to_county" type="text"
                                                    class="form-control" value="{{ $user->county_name }}">
                                            </div>
                                            <div class="err_bill_to_county"></div>
                                        </div>
                                        <div class="form-group">
                                            Country<span class="asterisk">*</span> :
                                            <input name="bill_to_country" id="bill_to_country" type="text"
                                                class="form-control" value="{{ $user->country_id }}">
                                            <div class="err_bill_to_country"></div>
                                        </div>
                                        <div class="form-group">
                                            Zip<span class="asterisk">*</span> : <input name="bill_to_zip"
                                                id="bill_to_zip" type="text" class="form-control"
                                                value="{{ $user->zip_code }}">
                                            <div class="err_bill_to_zip"></div>
                                        </div>
                                        <div class="form-group">
                                            Email<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_email" name="bill_to_email"
                                                value="{{ $user->email }}">
                                            <div class="err_bill_to_email"></div>
                                        </div>
                                        <div class="form-group">
                                            Phone<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_phone" name="bill_to_phone"
                                                value="{{ $user->phone }}">
                                            <div class="err_bill_to_phone"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 ship_to_div_con">
                                    <div class="box-header">
                                        <h3 class="box-title"><b>Ship To:</b></h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="form-group">
                                            Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_name" name="bill_to_name"
                                                value="{{ $user->username }}">
                                            <div class="err_bill_to_name"></div>
                                        </div>
                                        <div class="form-group">
                                            Address<span class="asterisk">*</span> :
                                            <textarea class="form-control bill_to_address" rows="2" placeholder="Enter ..." name="bill_to_address">{{ $user->address }}</textarea>
                                            <div class="err_bill_to_address"></div>
                                        </div>
                                        <div class="form-group">
                                            City<span class="asterisk">*</span> : <input name="bill_to_city"
                                                id="bill_to_city" type="text" class="form-control"
                                                value="{{ $user->city_name }}">
                                            <div class="err_bill_to_city"></div>
                                        </div>
                                        <div class="form-group">
                                            State<span class="asterisk">*</span> :
                                            <select class="form-control" name="bill_to_state" id="bill_to_state">
                                                @foreach ($states as $state)
                                                    <option value="{{ $state->id }}"
                                                        {{ $user->state->name == $state->name ? 'selected' : '' }}>
                                                        {{ $state->name }}</option>
                                                @endforeach
                                            </select>
                                            <div class="err_bill_to_state"></div>
                                        </div>
                                        <div class="form-group">
                                            County<span class="asterisk">*</span> :
                                            <div class="county_field_bill_to">
                                                <input name="bill_to_county" id="bill_to_county" type="text"
                                                    class="form-control" value="{{ $user->county_name }}">
                                            </div>
                                            <div class="err_bill_to_county"></div>
                                        </div>
                                        <div class="form-group">
                                            Country<span class="asterisk">*</span> :
                                            <input name="bill_to_country" id="bill_to_country" type="text"
                                                class="form-control" value="{{ $user->country_id }}">
                                            <div class="err_bill_to_country"></div>
                                            <div class="err_bill_to_country"></div>
                                        </div>
                                        <div class="form-group">
                                            Zip<span class="asterisk">*</span> : <input name="bill_to_zip"
                                                id="bill_to_zip" type="text" class="form-control"
                                                value="{{ $user->zip_code }}">
                                            <div class="err_bill_to_zip"></div>
                                        </div>
                                        <div class="form-group">
                                            Email<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_email" name="bill_to_email"
                                                value="{{ $user->email }}">
                                            <div class="err_bill_to_email"></div>
                                        </div>
                                        <div class="form-group">
                                            Phone<span class="asterisk">*</span> : <input type="text"
                                                class="form-control bill_to_phone" name="bill_to_phone"
                                                value="{{ $user->phone }}">
                                            <div class="err_bill_to_phone"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="col-lg-6 col-md-12 col-12">
                        <div class="box box-solid box-info">
                            <div class="box-header">
                                <input type="radio" class="credit_or_not_credit_card" id="by_cre_card"
                                    name="credit_or_not_credit_card" checked="" value="by_credit_card">
                                <label for="by_cre_card" style="font-size: 18px; font-weight:normal;">I Will Pay Using
                                    Credit Card</label>
                                <span style="float:right;">(You save nothing.)</span>
                            </div>
                            <div class="box-body credit_card_div">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            First Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control checkout_fname" name="checkout_fname">
                                            <div class="err_checkout_fname"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Last Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control checkout_lname" name="checkout_lname" value="">
                                            <div class="err_checkout_lname"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            Address<span class="asterisk">*</span> :
                                            <textarea class="form-control checkout_address" rows="2" name="checkout_address"></textarea>
                                            <div class="err_checkout_address"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            City<span class="asterisk">*</span> : <input type="text"
                                                class="form-control checkout_city" name="checkout_city" value="">
                                            <div class="err_checkout_city"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            State<span class="asterisk">*</span> : <input type="text"
                                                class="form-control checkout_state" name="checkout_state" value="">
                                            <div class="err_checkout_state"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            Zip Code<span class="asterisk">*</span> : <input type="text"
                                                class="form-control checkout_zipcode" name="checkout_zipcode"
                                                value="">
                                            <div class="err_checkout_zipcode"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            Card Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control pt-encrypt card_number" name="card_number"
                                                value="">
                                            <div class="err_card_number" style="display: none;"><span
                                                    style="color:red;font-size:12px;">Please enter card number.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Expiration Date<span class="asterisk">*</span> :
                                            <input type="text" class="form-control expiry_date" name="expiry_date"
                                                value="">
                                            <span><strong>Format:</strong> MM/YY i.e 09/25</span>
                                            <div class="err_expiry_date" style="display: none;"><span
                                                    style="color:red;font-size:12px;">Please enter expiry date.</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            CVV Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control pt-encrypt cvv_number" name="cvv_number"
                                                value="">
                                            <div class="err_cvv_number" style="display: none;"><span
                                                    style="color:red;font-size:12px;">Please enter cvv number.</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="">
                                                <label>
                                                    <input type="checkbox" class="mem_chk_cls">
                                                    As The Account Holder I Agree To The Membership Terms And Conditions.
                                                </label>
                                            </div>
                                            <div class="err_mem_chk_cls" style="display:none;"><span
                                                    style="color:red;font-size:12px;">Please read policy.</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div style="color:red;font-size:14px;">
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group" style="display: inline-block;width: 100%;">
                                            <input type="submit" onclick="checkvalidation_checkout(event,'credit_card')"
                                                id="final_frm_sub_btn" style="float: right;" name="payment_btn"
                                                class="btn btn-primary final_frm_sub_btn" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="loading" style="display:none;"> <span>Please Wait Updating Infomration...</span></div>
                    </section>

                    <section class="col-lg-6 col-md-12 col-12">
                        <div class="box box-solid box-info">
                            <div class="box-header">
                                <input type="radio" class="credit_or_not_credit_card" id="by_debit_card" value="by_debit_card"
                                    name="credit_or_not_credit_card" >
                                <label for="by_debit_card" style="font-size: 18px; font-weight:normal;">I Will Pay Using
                                    Debit Card</label>
                                <span style="float:right;" class="debit_card_saving_amount">(You save $22.01)</span>
                            </div>
                            <div class="box-body debit_card_div" style="display:none;">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            First Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_checkout_fname" name="debit_checkout_fname"
                                                value="">
                                            <div class="err_debit_checkout_fname"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Last Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_checkout_lname" name="debit_checkout_lname"
                                                value="">
                                            <div class="err_debit_checkout_lname"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            Address<span class="asterisk">*</span> :
                                            <textarea class="form-control debit_checkout_address" rows="2" name="debit_checkout_address"></textarea>
                                            <div class="err_debit_checkout_address"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            City<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_checkout_city" name="debit_checkout_city"
                                                value="">
                                            <div class="err_debit_checkout_city"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            State<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_checkout_state" name="debit_checkout_state"
                                                value="">
                                            <div class="err_debit_checkout_state"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            Zip Code<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_checkout_zipcode" name="debit_checkout_zipcode"
                                                value="">
                                            <div class="err_debit_checkout_zipcode"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            Card Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control pt-encrypt debit_card_number" name="debit_card_number"
                                                value="">
                                            <div class="err_debit_card_number"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Expiration Date<span class="asterisk">*</span> : <input type="text"
                                                class="form-control debit_expiry_date" name="debit_expiry_date"
                                                value="">
                                            <span><strong>Format:</strong> MM/YY i.e 09/25</span>
                                            <div class="err_debit_expiry_date"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            CVV Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control pt-encrypt debit_cvv_number" name="debit_cvv_number"
                                                value="">
                                            <div class="err_debit_cvv_number"></div>
                                        </div>
                                    </div>
                                </div>
                                <div style="color:red;font-size:14px;">
                                </div>
                                <div class="row">

                                    <div class="col-lg-12">
                                        <div class="form-group" style="display: inline-block;width: 100%;">
                                            <input type="submit" onclick="checkvalidation_checkout(event,'debit_card')"
                                                id="final_frm_sub_btn" style="float: right;" name="payment_btn"
                                                class="btn btn-primary final_frm_sub_btn" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="col-lg-6 col-md-12col-12">
                        <div class="box box-solid box-info">
                            <div class="box-header">
                                <input type="radio" class="credit_or_not_credit_card" id="n_cre_card" value="pay_ach"
                                    name="credit_or_not_credit_card" >
                                <label for="n_cre_card" style="font-size: 18px; font-weight:normal;">I Will Pay Using
                                    ACH</label>
                                <span style="float:right;" class="ach_saving_amount">(You save $12.51)</span>
                            </div>
                            <div class="box-body ach_div" style="display:none;">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            First Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control ach_checkout_fname" name="ach_checkout_fname"
                                                value="">
                                            <div class="err_ach_checkout_fname"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Last Name<span class="asterisk">*</span> : <input type="text"
                                                class="form-control ach_checkout_lname" name="ach_checkout_lname"
                                                value="">
                                            <div class="err_ach_checkout_lname"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            Address<span class="asterisk">*</span> :
                                            <textarea class="form-control ach_checkout_address" rows="2" name="ach_checkout_address"></textarea>
                                            <div class="err_ach_checkout_address"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            City<span class="asterisk">*</span> : <input type="text"
                                                class="form-control ach_checkout_city" name="ach_checkout_city"
                                                value="">
                                            <div class="err_ach_checkout_city"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            State<span class="asterisk">*</span> : <input type="text"
                                                class="form-control ach_checkout_state" name="ach_checkout_state"
                                                value="">
                                            <div class="err_ach_checkout_state"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            Zip Code<span class="asterisk">*</span> : <input type="text"
                                                class="form-control ach_checkout_zipcode" name="ach_checkout_zipcode"
                                                value="">
                                            <div class="err_ach_checkout_zipcode"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Account Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control account_number" name="account_number" value="">
                                            <div class="err_account_number"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            Route Number<span class="asterisk">*</span> : <input type="text"
                                                class="form-control route_number" name="route_number" value="">
                                            <div class="err_route_number"></div>
                                        </div>
                                    </div>
                                </div>
                                <div style="color:red;font-size:14px;">
                                </div>

                                <div class="row">

                                    <div class="col-lg-12">
                                        <div class="form-group" style="display: inline-block;width: 100%;">
                                            <input type="submit" onclick="checkvalidation_checkout(event,'ach')"
                                                id="final_frm_sub_btn" style="float: right;" name="payment_btn"
                                                class="btn btn-primary final_frm_sub_btn" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="col-lg-6 col-md-12 col-12">
                        <div class="box box-solid box-info">
                            <div class="box-header">
                                <input type="radio" class="credit_or_not_credit_card" id="n_cre_cardn_ach" value="not_credit_card_and_ach"
                                    name="credit_or_not_credit_card" >
                                <label for="n_cre_cardn_ach" style="font-size: 18px; font-weight:normal;">I Will Pay By
                                    Cash/Wire Transfer</label>
                                <span style="float:right;" class="cash_saving_amount">(You save $22.51)</span>
                            </div>
                            <div class="box-body non_credit_card_div" style="display:none;">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="radio" id="by_cash" name="payment_method" checked=""
                                                value="cash">
                                            <label for="by_cash">Cash</label>
                                            <input type="radio" id="by_wire_transfer" name="payment_method"
                                                value="wire transfer">
                                            <label for="by_wire_transfer">Wire Transfer</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group" style="display: inline-block;width: 100%;">
                                            <input type="submit" onclick="checkvalidation_checkout(event,'cash')"
                                                id="final_frm_sub_btn" style="float: right;" name="payment_btn"
                                                class="btn btn-primary final_frm_sub_btn" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>
                </form>
            </div>
        </section>
    </div>
@endsection




@section('script')

    <script src="https://api.paytrace.com/assets/e2ee/paytrace-e2ee.js"></script>
    <script>
        var url = "https://www.teamcabinets.com/public_key.pem";
        // This binds the form's submit event
    </script>
    <script src="https://www.teamcabinets.com/assets/new_design/plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
    <script src="https://www.teamcabinets.com/assets/new_design/bootstrap/js/bootstrap.min.js" type="text/javascript">
    </script>
    <script src="https://www.teamcabinets.com/assets/new_design/dist/js/app.min.js" type="text/javascript"></script>
    <script src="https://www.teamcabinets.com/assets/new_design/plugins/datatables/jquery.dataTables.js"
        type="text/javascript"></script>
    <script src="https://www.teamcabinets.com/assets/new_design/plugins/datatables/dataTables.bootstrap.js"
        type="text/javascript"></script>

    <script>
        $('.credit_or_not_credit_card').change(function() {
            removeErrors();

            var selected_value = $("input[name='credit_or_not_credit_card']:checked").val();
            var credit_cd_charges = $(".full_cart_credit_charges").html();
            var ach_charges_amount = $(".ach_charges").html();
            // ach_charges_amount = ach_charges_amount;
            var debit_card_charges_amount = $(".debit_card_charges").html();
            // debit_card_charges_amount = debit_card_charges_amount;

            var credit_card_percent_val = $(".credit_card_percent_val_cls").html();
            var credit_card_charges = $(".credit_card_charges").html();
            var garnd_total_cart_cost = $(".full_cart_tot_inc_all").html();
            var finalGrandTotalCartCost1 = garnd_total_cart_cost;
            var finalGrandTotalCartCost = finalGrandTotalCartCost1;
            var creditCardCartCost1 = credit_card_charges;
            var creditCardCartCost = creditCardCartCost1;
            var credit_card_charges_calcluation1 = parseFloat(finalGrandTotalCartCost) - parseFloat(
                ach_charges_amount) - parseFloat(debit_card_charges_amount);
            var credit_card_charges_calcluation = credit_card_charges_calcluation1 * parseFloat(credit_cd_charges);
            var deafault_ach_charges = "10.00";
            var deafault_debit_card_charges = "0.50";

            var payment_credit_card_charges = $(".saving_credit_card_charges").html();
            //alert(payment_credit_card_charges);
            var debit_saving_amount = parseFloat(payment_credit_card_charges) - parseFloat(
                deafault_debit_card_charges);
            var ach_saving_amount = parseFloat(payment_credit_card_charges) - parseFloat(deafault_ach_charges);
            var cash_saving_amount = parseFloat(payment_credit_card_charges);

            // val(new_grand_total_cart.toFixed(2));
            var ach_pay_charge = $("#ach_pay_charge").val();
            var debit_card_charge = $("#debit_card_charge").val();
            var credit_card_charge = $("#credit_card_charge").val();
            var grandTotal = $("#grandTotal").val();
            var credit_card_percent = $("#credit_card_percent").val();
            var grandTotal_credit_card = $("#grandTotal_credit_card").val();
            var grandTotal_ach_pay = $("#grandTotal_ach_pay").val();
            var grandTotal_debit_card = $("#grandTotal_debit_card").val();

            $(".credit_card_percent_show_cls").html(credit_card_percent);
            $(".credit_card_charges").html(credit_card_charge);
            $(".full_cart_tot_inc_all").html(grandTotal_credit_card);

            if (selected_value == "not_credit_card_and_ach") {
                var new_credit_card_charges = 0;
                var new_debit_card_charges = 0;
                var new_credit_card_percent_val = 0;
                var new_ach_charges = 0;
                var new_grand_total_cart = parseFloat(finalGrandTotalCartCost) - parseFloat(creditCardCartCost) -
                    parseFloat(ach_charges_amount) - parseFloat(debit_card_charges_amount);

                $(".full_cart_tot_inc_all").html(grandTotal);
                

                $('.credit_card_div').hide();
                $('.debit_card_div').hide();
                $('.ach_div').hide();
                $('.non_credit_card_div').show();
                $('.credit_card_div').find('input:text').val('');
                $('.credit_card_div').find('textarea').val('');
                $('.debit_card_div').find('input:text').val('');
                $('.debit_card_div').find('textarea').val('');
                $('.credit_card_div').find('input:checkbox').prop('checked', false);
                $('.ach_div').find('input:text').val('');
                $('.ach_div').find('textarea').val('');
                $('.credit_card_charges_row').hide();
                $('.ach_charges_row').hide();
                $('.debit_card_charges_row').hide();



            } else if (selected_value == "pay_ach") {
                var new_credit_card_charges = 0;
                var new_debit_card_charges = 0;
                var new_ach_charges = parseFloat(deafault_ach_charges);
                var new_credit_card_percent_val = 0;
                var new_grand_total_cart = parseFloat(finalGrandTotalCartCost) - parseFloat(creditCardCartCost) -
                    parseFloat(debit_card_charges_amount) + parseFloat(new_ach_charges);

                
                $(".full_cart_tot_inc_all").html(grandTotal_ach_pay);

                $('.credit_card_div').hide();
                $('.non_credit_card_div').hide();
                $('.debit_card_div').hide();
                $('.ach_div').show();
                $('.debit_card_div').find('input:text').val('');
                $('.debit_card_div').find('textarea').val('');
                $('.credit_card_div').find('input:text').val('');
                $('.credit_card_div').find('textarea').val('');
                $('.credit_card_div').find('input:checkbox').val('');
                $('.credit_card_charges_row').hide();
                $('.ach_charges_row').show();
                $('.debit_card_charges_row').hide();



            } else if (selected_value == "by_debit_card") {
                var new_credit_card_charges = 0;
                var new_debit_card_charges = parseFloat(deafault_debit_card_charges);
                var new_credit_card_percent_val = 0;
                var new_ach_charges = 0;
                var new_grand_total_cart = parseFloat(finalGrandTotalCartCost) - parseFloat(creditCardCartCost) -
                    parseFloat(ach_charges_amount) + parseFloat(new_debit_card_charges);

                $('.credit_card_div').hide();
                $('.non_credit_card_div').hide();
                $('.ach_div').hide();
                $('.debit_card_div').show();
                $('.credit_card_div').find('input:text').val('');
                $('.credit_card_div').find('textarea').val('');
                $('.credit_card_div').find('input:checkbox').val('');
                $('.credit_card_charges_row').hide();
                $('.ach_charges_row').hide();
                $('.debit_card_charges_row').show();

                $(".full_cart_tot_inc_all").html(grandTotal_debit_card);


            } else {
                var new_grand_total_cart = parseFloat(finalGrandTotalCartCost) + parseFloat(
                    credit_card_charges_calcluation) - parseFloat(ach_charges_amount) - parseFloat(
                    debit_card_charges_amount);
                var new_credit_card_charges = credit_card_charges_calcluation;
                var new_credit_card_percent_val = credit_card_percent_val;
                var new_ach_charges = 0;
                var new_debit_card_charges = 0;

                $('.non_credit_card_div').hide();
                $('.ach_div').hide();
                $('.debit_card_div').hide();
                $('.credit_card_div').show();
                $('.debit_card_div').find('input:text').val('');
                $('.debit_card_div').find('textarea').val('');
                $('.ach_div').find('input:text').val('');
                $('.ach_div').find('textarea').val('');
                $('.credit_card_charges_row').show();
                $('.ach_charges_row').hide();
                $('.debit_card_charges_row').hide();

            }
            // $('.full_cart_tot_inc_all').html('$' + new_grand_total_cart.toFixed(2));
            // $('#cart_grand_total').val(new_grand_total_cart.toFixed(2));
            // $('.credit_card_charges').html('$' + new_credit_card_charges.toFixed(2));
            // $('#credit_card_charges_for_shopping').val(new_credit_card_charges.toFixed(2));
            // $('.credit_card_percent_show_cls').html(new_credit_card_percent_val);
            // $('.ach_charges').html('$' + new_ach_charges.toFixed(2));
            // $('#ach_charges_order').val(new_ach_charges.toFixed(2));
            // $('.debit_card_charges').html('$' + new_debit_card_charges.toFixed(2));
            // $('#debit_card_charges').val(new_debit_card_charges.toFixed(2));
            // $(".cash_saving_amount").html("You save $" + cash_saving_amount.toFixed(2));
            // $(".debit_card_saving_amount").html("You save $" + debit_saving_amount.toFixed(2));
            // $(".ach_saving_amount").html("You save $" + ach_saving_amount.toFixed(2));

        });

        $('.shipp_radio_sel').change(function() {
            removeErrors();
            var selected_shipping = $("input[name='self_ship']:checked").val();
            if (selected_shipping == "I will pick up my order") {
                $('.ship_to_div_con').hide();
            } else {
                $('.ship_to_div_con').show();
            }
        });

        function removeErrors() {
            $(".err_bill_to_name").html("");
            $(".err_bill_to_name").html("");
            $(".err_bill_to_address").html("");
            $(".err_bill_to_email").html("");
            $(".err_bill_to_phone").html("");
            $(".err_bill_to_city").html("");
            $(".err_bill_to_county").html("");
            $(".err_bill_to_state").html("");
            $(".err_bill_to_zip").html("");
            $(".err_bill_to_country").html("");

            $(".err_ship_to_name").html("");
            $(".err_ship_to_name").html("");
            $(".err_ship_to_address").html("");
            $(".err_ship_to_email").html("");
            $(".err_ship_to_phone").html("");
            $(".err_ship_to_city").html("");
            $(".err_ship_to_county").html("");
            $(".err_ship_to_state").html("");
            $(".err_ship_to_zip").html("");
            $(".err_ship_to_country").html("");

            $(".err_checkout_fname").html("");
            $(".err_checkout_lname").html("");
            $(".err_checkout_address").html("");
            $(".err_checkout_city").html("");
            $(".err_checkout_state").html("");
            $(".err_checkout_zipcode").html("");
            $(".err_card_number").html("");
            $(".err_expiry_date").html("");
            $(".err_cvv_number").html("");
            $(".err_mem_chk_cls").html("");

            $(".err_debit_checkout_fname").html("");
            $(".err_debit_checkout_lname").html("");
            $(".err_debit_checkout_address").html("");
            $(".err_debit_checkout_city").html("");
            $(".err_debit_checkout_state").html("");
            $(".err_debit_checkout_zipcode").html("");
            $(".err_debit_card_number").html("");
            $(".err_debit_expiry_date").html("");
            $(".err_debit_cvv_number").html("");

            $(".err_ach_checkout_fname").html("");
            $(".err_ach_checkout_lname").html("");
            $(".err_ach_checkout_address").html("");
            $(".err_ach_checkout_city").html("");
            $(".err_ach_checkout_state").html("");
            $(".err_ach_checkout_zipcode").html("");
            $(".err_account_number").html("");
            $(".err_route_number").html("");
        }

        function checkvalidation_checkout(e, type) {

            removeErrors();

            var bill_to_name = $(".bill_to_name").val();
            var bill_to_address = $(".bill_to_address").val();
            var bill_to_email = $(".bill_to_email").val();
            var bill_to_phone = $(".bill_to_phone").val();
            var bill_to_city = $("#bill_to_city").val();
            var bill_to_county = $("#bill_to_county").val();
            var bill_to_state = $("#bill_to_state").val();
            var bill_to_zip = $("#bill_to_zip").val();
            var bill_to_country = $("#bill_to_country").val();

            var ship_to_name = $(".ship_to_name").val();
            var ship_to_address = $(".ship_to_address").val();
            var ship_to_email = $(".ship_to_email").val();
            var ship_to_phone = $(".ship_to_phone").val();
            var ship_to_zip = $("#ship_zip").val();
            var ship_to_country = $("#ship_country").val();
            var ship_to_city = $("#ship_city").val();
            var ship_to_state = $("#ship_state").val();
            var ship_to_county = $("#ship_county").val();

            var checkout_fname = $(".checkout_fname").val();
            var checkout_lname = $(".checkout_lname").val();
            var checkout_address = $(".checkout_address").val();
            var checkout_city = $(".checkout_city").val();
            var checkout_state = $(".checkout_state").val();
            var checkout_zipcode = $(".checkout_zipcode").val();
            var card_number = $(".card_number").val();
            var expiry_date = $(".expiry_date").val();
            var cvv_number = $(".cvv_number").val();
            var mem_chk_cls = $(".mem_chk_cls").val();

            var debit_checkout_fname = $(".debit_checkout_fname").val();
            var debit_checkout_lname = $(".debit_checkout_lname").val();
            var debit_checkout_address = $(".debit_checkout_address").val();
            var debit_checkout_city = $(".debit_checkout_city").val();
            var debit_checkout_state = $(".debit_checkout_state").val();
            var debit_checkout_zipcode = $(".debit_checkout_zipcode").val();
            var debit_card_number = $(".debit_card_number").val();
            var debit_expiry_date = $(".debit_expiry_date").val();
            var debit_cvv_number = $(".debit_cvv_number").val();

            var ach_checkout_fname = $(".ach_checkout_fname").val();
            var ach_checkout_lname = $(".ach_checkout_lname").val();
            var ach_checkout_address = $(".ach_checkout_address").val();
            var ach_checkout_city = $(".ach_checkout_city").val();
            var ach_checkout_state = $(".ach_checkout_state").val();
            var ach_checkout_zipcode = $(".ach_checkout_zipcode").val();
            var account_number = $(".account_number").val();
            var route_number = $(".route_number").val();


            var flag = 0;


            if (bill_to_name == "") {
                $(".err_bill_to_name").html("");
                $(".err_bill_to_name").append("<span style='color:red;font-size:12px;'>Please enter name.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_name").html("");
            }
            if (bill_to_address == "") {
                $(".err_bill_to_address").html("");
                $(".err_bill_to_address").append("<span style='color:red;font-size:12px;'>Please enter address.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_address").html("");
            }
            if (bill_to_email == "") {
                $(".err_bill_to_email").html("");
                $(".err_bill_to_email").append("<span style='color:red;font-size:12px;'>Please enter email.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_email").html("");
            }
            if (bill_to_phone == "") {
                $(".err_bill_to_phone").html("");
                $(".err_bill_to_phone").append("<span style='color:red;font-size:12px;'>Please enter phone.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_phone").html("");
            }

            if (bill_to_city == "") {
                $(".err_bill_to_city").html("");
                $(".err_bill_to_city").append("<span style='color:red;font-size:12px;'>Please enter city.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_city").html("");
            }
            if (bill_to_county == "") {
                $(".err_bill_to_county").html("");
                $(".err_bill_to_county").append("<span style='color:red;font-size:12px;'>Please enter county.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_county").html("");
            }
            if (bill_to_state == "") {
                $(".err_bill_to_state").html("");
                $(".err_bill_to_state").append("<span style='color:red;font-size:12px;'>Please enter state.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_state").html("");
            }
            if (bill_to_zip == "") {
                $(".err_bill_to_zip").html("");
                $(".err_bill_to_zip").append("<span style='color:red;font-size:12px;'>Please enter zip.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_zip").html("");
            }
            if (bill_to_country == "") {
                $(".err_bill_to_country").html("");
                $(".err_bill_to_country").append("<span style='color:red;font-size:12px;'>Please enter country.</span>");
                flag = 1;
            } else {
                $(".err_bill_to_country").html("");
            }

            var selected_shipping = $("input[name='self_ship']:checked").val();

            if (selected_shipping != "I will pick up my order") {

                if (ship_to_name == "") {
                    $(".err_ship_to_name").html("");
                    $(".err_ship_to_name").append("<span style='color:red;font-size:12px;'>Please enter name.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_name").html("");
                }
                if (ship_to_address == "") {
                    $(".err_ship_to_address").html("");
                    $(".err_ship_to_address").append(
                        "<span style='color:red;font-size:12px;'>Please enter address.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_address").html("");
                }
                if (ship_to_email == "") {
                    $(".err_ship_to_email").html("");
                    $(".err_ship_to_email").append("<span style='color:red;font-size:12px;'>Please enter email.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_email").html("");
                }
                if (ship_to_phone == "") {
                    $(".err_ship_to_phone").html("");
                    $(".err_ship_to_phone").append("<span style='color:red;font-size:12px;'>Please enter phone.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_phone").html("");
                }

                if (ship_to_zip == "") {
                    $(".err_ship_to_zip").html("");
                    $(".err_ship_to_zip").append("<span style='color:red;font-size:12px;'>Please enter zip.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_zip").html("");
                }

                if (ship_to_state == "") {
                    $(".err_ship_to_state").html("");
                    $(".err_ship_to_state").append("<span style='color:red;font-size:12px;'>Please enter state.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_state").html("");
                }

                if (ship_to_county == "") {
                    $(".err_ship_to_county").html("");
                    $(".err_ship_to_county").append("<span style='color:red;font-size:12px;'>Please enter county.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_county").html("");
                }

                if (ship_to_country == "") {
                    $(".err_ship_to_country").html("");
                    $(".err_ship_to_country").append(
                        "<span style='color:red;font-size:12px;'>Please enter country.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_country").html("");
                }

                if (ship_to_city == "") {
                    $(".err_ship_to_city").html("");
                    $(".err_ship_to_city").append("<span style='color:red;font-size:12px;'>Please enter city.</span>");
                    flag = 1;
                } else {
                    $(".err_ship_to_city").html("");
                }
            }

            if (type == "debit_card") {

                if (debit_checkout_fname == "") {
                    $(".err_debit_checkout_fname").html("");
                    $(".err_debit_checkout_fname").append(
                        "<span style='color:red;font-size:12px;'>Please enter first name.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_fname").html("");
                }
                if (debit_checkout_lname == "") {
                    $(".err_debit_checkout_lname").html("");
                    $(".err_debit_checkout_lname").append(
                        "<span style='color:red;font-size:12px;'>Please enter last name.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_lname").html("");
                }
                if (debit_checkout_address == "") {
                    $(".err_debit_checkout_address").html("");
                    $(".err_debit_checkout_address").append(
                        "<span style='color:red;font-size:12px;'>Please enter address.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_address").html("");
                }
                if (debit_checkout_city == "") {
                    $(".err_debit_checkout_city").html("");
                    $(".err_debit_checkout_city").append(
                        "<span style='color:red;font-size:12px;'>Please enter city.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_city").html("");
                }

                if (debit_checkout_state == "") {
                    $(".err_debit_checkout_state").html("");
                    $(".err_debit_checkout_state").append(
                        "<span style='color:red;font-size:12px;'>Please enter state.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_state").html("");
                }

                if (debit_checkout_zipcode == "") {
                    $(".err_debit_checkout_zipcode").html("");
                    $(".err_debit_checkout_zipcode").append(
                        "<span style='color:red;font-size:12px;'>Please enter zipcode.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_checkout_zipcode").html("");
                }

                if (debit_card_number == "") {
                    $(".err_debit_card_number").html("");
                    $(".err_debit_card_number").append(
                        "<span style='color:red;font-size:12px;'>Please enter card number.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_card_number").html("");
                }

                if (debit_expiry_date == "") {
                    $(".err_debit_expiry_date").html("");
                    $(".err_debit_expiry_date").append(
                        "<span style='color:red;font-size:12px;'>Please enter expiry date.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_expiry_date").html("");
                }

                if (debit_cvv_number == "") {
                    $(".err_debit_cvv_number").html("");
                    $(".err_debit_cvv_number").append(
                        "<span style='color:red;font-size:12px;'>Please enter cvv number.</span>");
                    flag = 1;
                } else {
                    $(".err_debit_cvv_number").html("");
                }

            }


            if (type == "credit_card") {
                if (checkout_fname == "") {
                    $(".err_checkout_fname").html("");
                    $(".err_checkout_fname").append(
                        "<span style='color:red;font-size:12px;'>Please enter first name.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_fname").html("");
                }
                if (checkout_lname == "") {
                    $(".err_checkout_lname").html("");
                    $(".err_checkout_lname").append(
                        "<span style='color:red;font-size:12px;'>Please enter last name.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_lname").html("");
                }
                if (checkout_address == "") {
                    $(".err_checkout_address").html("");
                    $(".err_checkout_address").append(
                        "<span style='color:red;font-size:12px;'>Please enter address.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_address").html("");
                }
                if (checkout_city == "") {
                    $(".err_checkout_city").html("");
                    $(".err_checkout_city").append("<span style='color:red;font-size:12px;'>Please enter city.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_city").html("");
                }

                if (checkout_state == "") {
                    $(".err_checkout_state").html("");
                    $(".err_checkout_state").append("<span style='color:red;font-size:12px;'>Please enter state.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_state").html("");
                }

                if (checkout_zipcode == "") {
                    $(".err_checkout_zipcode").html("");
                    $(".err_checkout_zipcode").append(
                        "<span style='color:red;font-size:12px;'>Please enter zipcode.</span>");
                    flag = 1;
                } else {
                    $(".err_checkout_zipcode").html("");
                }

                if (card_number == "") {
                    $(".err_card_number").html("");
                    $(".err_card_number").append(
                        "<span style='color:red;font-size:12px;'>Please enter card number.</span>");
                    flag = 1;
                } else {
                    $(".err_card_number").html("");
                }

                if (expiry_date == "") {
                    $(".err_expiry_date").html("");
                    $(".err_expiry_date").append(
                        "<span style='color:red;font-size:12px;'>Please enter expiry date.</span>");
                    flag = 1;
                } else {
                    $(".err_expiry_date").html("");
                }

                if (cvv_number == "") {
                    $(".err_cvv_number").html("");
                    $(".err_cvv_number").append("<span style='color:red;font-size:12px;'>Please enter cvv number.</span>");
                    flag = 1;
                } else {
                    $(".err_cvv_number").html("");
                }

                if ($('input.mem_chk_cls').is(':checked')) {
                    $(".err_mem_chk_cls").html("");
                } else {
                    $(".err_mem_chk_cls").html("");
                    $(".err_mem_chk_cls").append("<span style='color:red;font-size:12px;'>Please read policy.</span>");
                    flag = 1;
                }
            }


            if (type == "ach") {

                if (ach_checkout_fname == "") {
                    $(".err_ach_checkout_fname").html("");
                    $(".err_ach_checkout_fname").append(
                        "<span style='color:red;font-size:12px;'>Please enter first name.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_fname").html("");
                }
                if (ach_checkout_lname == "") {
                    $(".err_ach_checkout_lname").html("");
                    $(".err_ach_checkout_lname").append(
                        "<span style='color:red;font-size:12px;'>Please enter last name.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_lname").html("");
                }
                if (ach_checkout_address == "") {
                    $(".err_ach_checkout_address").html("");
                    $(".err_ach_checkout_address").append(
                        "<span style='color:red;font-size:12px;'>Please enter address.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_address").html("");
                }
                if (ach_checkout_city == "") {
                    $(".err_ach_checkout_city").html("");
                    $(".err_ach_checkout_city").append("<span style='color:red;font-size:12px;'>Please enter city.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_city").html("");
                }

                if (ach_checkout_state == "") {
                    $(".err_ach_checkout_state").html("");
                    $(".err_ach_checkout_state").append(
                        "<span style='color:red;font-size:12px;'>Please enter state.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_state").html("");
                }

                if (ach_checkout_zipcode == "") {
                    $(".err_ach_checkout_zipcode").html("");
                    $(".err_ach_checkout_zipcode").append(
                        "<span style='color:red;font-size:12px;'>Please enter zipcode.</span>");
                    flag = 1;
                } else {
                    $(".err_ach_checkout_zipcode").html("");
                }

                if (account_number == "") {
                    $(".err_account_number").html("");
                    $(".err_account_number").append(
                        "<span style='color:red;font-size:12px;'>Please enter account number.</span>");
                    flag = 1;
                } else {
                    $(".err_account_number").html("");
                }

                if (route_number == "") {
                    $(".err_route_number").html("");
                    $(".err_route_number").append(
                        "<span style='color:red;font-size:12px;'>Please enter route number.</span>");
                    flag = 1;
                } else {
                    $(".err_route_number").html("");
                }

            }


            if (flag == 1) {
                alert("Please fill all the required values.");
                e.preventDefault();
            } else {
                $('#myform').submit(function() {
                    jQuery(".final_frm_sub_btn").attr('disabled', 'disabled');
                });
            }


        }


        function checkvalidation(e, type) {
            var roomlabel = $("#roomlabel").val();

            var error = [];
            var purchase_order_name = $(".purchase_order_name").val();
            var invoice_number = $(".invoice_number").val();
            var job_name = $(".job_name").val();
            var cart_tot = $(".all_cart_total").val();


            /*var inventory_val = $(".inventory_val").val();*/

            var flag = 0;

            if (roomlabel == "") {
                $(".err_roomlabel").html("");
                $(".err_roomlabel").append("<span style='color:red;font-size:12px;'>Required Field</span>");
                error += "\r\n";
                error += "Room Name is required.";
                flag = 1;
            } else {
                $(".err_roomlabel").html("");
            }


            if (purchase_order_name == "") {
                $(".err_purchase_order_name").html("");
                $(".err_purchase_order_name").append(
                    "<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
                flag = 1;
            } else {
                $(".err_purchase_order_name").html("");
            }
            if (invoice_number == "") {
                $(".err_invoice_number").html("");
                $(".err_invoice_number").append(
                    "<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
                flag = 1;
            } else {
                $(".err_invoice_number").html("");
            }

            if (job_name == "") {
                $(".err_job_name").html("");
                $(".err_job_name").append(
                    "<span style='color:red;font-size:12px; padding:0px 10px 10px 10px;'>Please enter Job Name.</span>");
                error += "\r\n";
                error += "Job Name is required.";
                flag = 1;
            } else {
                $(".err_job_name").html("");
            }

            if (cart_tot == "") {
                $(".err_cart_tot").html("");
                $(".err_cart_tot").append("<span style='color:red;font-size:12px;'>Please add items into the cart.</span>");
                error += "\r\n";
                error += "Please add items into the cart.";
                flag = 1;
            } else {
                $(".err_cart_tot").html("");
            }

            /*if(inventory_val == "")
        		 {
        			 $(".err_inventory_val").html("");
        			 $(".err_inventory_val").append("<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
        			 flag=1;
        		 }else{
        			 $(".err_inventory_val").html("");
        		 }*/

            if (!$("input[name='assemble_cabinets_check']").is(':checked')) {
                $(".err_assemble_check").html("");
                $(".err_assemble_check").append(
                    "<span style='color:red;font-size:15px;'>Please Select Assembly Option.</span>");
                error += "\r\n";
                error += "Please select Yes or No for Assemble All Cabinetry.";
                flag = 1;
            } else {
                $(".err_assemble_check").html("");
            }

            var tbody = $(".custom_display_select_val1");
            if (tbody.children().length == 0) {
                $(".err_cart_value_select").html("");
                $(".err_cart_value_select").append("<span style='color:red;font-size:12px;'>Cart is Empty.</span>");
                flag = 1;
            } else {
                $(".err_cart_value_select").html("");
            }

            if (flag == 1) {
                alert(error);
                e.preventDefault();


            } else {
                $('.err_msg_shipping').html("");
                $('.err_msg').html("");
                if (type == "quote") {
                    $('#myQuoteModal').modal('show');
                } else if (type == "isStockCheck") {
                    $('#myStockCheckShippingConfirmModal').modal('show');
                } else {
                    $('#myShippingConfirmModal').modal('show');
                }
                e.preventDefault();
                //-->$("#form_add_order").submit();

            }


        }


        function checkvalidation_process(e) {
            var roomlabel = $("#roomlabel").val();

            var purchase_order_name = $(".purchase_order_name").val();
            var invoice_number = $(".invoice_number").val();
            var job_name = $(".job_name").val();
            var cart_tot = $(".all_cart_total").val();

            /*var inventory_val = $(".inventory_val").val();*/
            var error = [];

            var flag = 0;

            if (roomlabel == "") {
                $(".err_roomlabel").html("");
                $(".err_roomlabel").append("<span style='color:red;font-size:12px;'>Required Field</span>");
                error += "\r\n";
                error += "Room Name is required.";
                flag = 1;
            } else {
                $(".err_roomlabel").html("");
            }


            if (purchase_order_name == "") {
                $(".err_purchase_order_name").html("");
                $(".err_purchase_order_name").append(
                    "<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
                flag = 1;
            } else {
                $(".err_purchase_order_name").html("");
            }
            if (invoice_number == "") {
                $(".err_invoice_number").html("");
                $(".err_invoice_number").append(
                    "<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
                flag = 1;
            } else {
                $(".err_invoice_number").html("");
            }

            if (job_name == "") {
                $(".err_job_name").html("");
                $(".err_job_name").append(
                    "<span style='color:red;font-size:12px; padding:0px 10px 10px 10px;'>Please enter Job Name.</span>");
                error += "\r\n";
                error += "Job Name is required.";

                flag = 1;
            } else {
                $(".err_job_name").html("");
            }

            if (cart_tot == "") {
                $(".err_cart_tot").html("");
                $(".err_cart_tot").append("<span style='color:red;font-size:12px;'>Please add items into the cart.</span>");
                error += "\r\n";
                error += "Please add items into the cart.";
                flag = 1;
            } else {
                $(".err_cart_tot").html("");
            }

            /*if(inventory_val == "")
        		 {
        			 $(".err_inventory_val").html("");
        			 $(".err_inventory_val").append("<span style='color:red;font-size:12px;'>Please Select Required Value.</span>");
        			 flag=1;
        		 }else{
        			 $(".err_inventory_val").html("");
        		 }*/

            if (!$("input[name='assemble_cabinets_check']").is(':checked')) {
                $(".err_assemble_check").html("");
                $(".err_assemble_check").append(
                    "<span style='color:red;font-size:15px;'>Please Select Assembly Option.</span>");
                error += "\r\n";
                error += "Please select Yes or No for Assemble All Cabinetry.";
                flag = 1;
            } else {
                $(".err_assemble_check").html("");
            }

            var tbody = $(".custom_display_select_val1");
            if (tbody.children().length == 0) {
                $(".err_cart_value_select").html("");
                $(".err_cart_value_select").append("<span style='color:red;font-size:12px;'>Cart is Empty.</span>");
                flag = 1;
            } else {
                $(".err_cart_value_select").html("");
            }

            if (flag == 1) {
                alert(error);
                e.preventDefault();
            } else {

            }
        }
    </script>

@endsection