@extends('admin.pages.Bussiness-plan-builder.layout.master')
@section('bussinessplanbuilder')

    <style>
        #productsales {
            background: gainsboro;
            border: 1px solid rgb(161, 161, 235);
            COLOR: white;
            border-radius: 14px;
        }

        input.form-control.form-control-sm {
            background: #dddddd;
        }

        .overlay {
            pointer-events: none;
            background: #dddddd;
        }

        #img-preview {
            display: none;
            width: 155px;
            border: 2px dashed #333;
            margin-bottom: 20px;
        }

        #img-preview img {
            width: 100%;
            height: auto;
            display: block;
        }

        [type="file"] {
            height: 0;
            width: 0;
            overflow: hidden;
        }

        [type="file"]+label {
            font-family: sans-serif;
            background: black;
            padding: 10px 30px;
            border: 2px solid black;
            border-radius: 3px;
            color: #fff;
            cursor: pointer;
            transition: all 0.2s;
        }

        [type="file"]+label:hover {
            background-color: #fff;
            color: #f44336;
        }



        @media (min-width: 576px) {
            .modal-dialog {
                max-width: 750px;
            }
        }

        @media(min-width:992px) {
            .avatar {
                margin-top: -6rem;
                margin-bottom: 1rem;
                width: 200px;
                height: 130px;
                margin-right: 29rem;
            }

            .card-title {
                margin-top: -6rem;
                color: #fff;
            }
        }

        @media(max-width:990px) {
            .avatar {
                border: 0.3rem solid rgba(#fff, 0.3);
                margin-top: -6rem;
                margin-bottom: 1rem;
                width: 100px;
                height: 100px;
                margin-right: 8rem
            }

            .chn {
                margin-top: -7rem;
            }

            .chcn {
                color: #fff;
            }



            .chpn {
                border-bottom: #333 2px solid;
                display: none;
            }

        }



        .chpn {
            border-bottom: #333 2px solid;

        }

        .lab-style {
            font-weight: bold !important;
            margin-right: 14rem;
        }

    </style>
    <div class="row">
        <div class="col-md-12">
            <h1>Product, Sales & Inventory</h1>
            <p>Work on this if you're ready to add your products or services and forecast your
                sales revenue
                <a href="" class="btn btn-success float-right">Skip for Now »</a>
            </p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="text-left" style="background-color: #ddecf2; padding: 1rem; padding-bottom: 3rem;">
                <h6>DID YOU NEED HELP WITH THIS?</h6>
                <h4>Financials don't need to be done on your own.</h4>
                <p>Financials are a critical component of any business plan. Get expert help to get it done right including
                    the revenue forecasting, balance sheet, cash flow statement and your profit/loss statement. Figure out
                    your net worth with expert help.</p>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#basicModal">Get an Expert
                    for this</button>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Add a
                product or service</button>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="table-responsive">

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">Title</th>
                            <th scope="col">Year1</th>
                            <th scope="col">Year2</th>
                            <th scope="col">Year3</th>
                            <th scope="col">Action</th>

                        </tr>
                    </thead>
                    <tbody>

                        <tr style="background:#e7e7e7;" class="delete">
                            <td class=""><strong></strong></td>
                            <td class="sorting_1"></td>
                            <td class=""></td>
                            <td>Type:</td>
                            <!--
                                                                                                                                                                                                                                <td></td>
                                                                                                                                                                                                                                -->

                            <td><button type="button" class="btn btn-success mr-1 edit" data-toggle="modal"
                                    data-target=".bd-example-modal-lg4"><i class="fa fa-edit"></i></button>

                                <button class="btn btn-danger delete">x</i></button>
                            </td>
                        </tr>
                        <tr class="delete">
                            <td class=""><button type="button" class="btn edit_sale"
                                    data-toggle="modal">Sales</button>
                            </td>
                            <td class="sorting_1"></td>
                            <td class=""></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="delete">
                            <td class=""><button type="button" class="btn edit_cost"
                                    data-toggle="modal">Cost</button>
                            </td>
                            <td class="sorting_1"></td>
                            <td class=""></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="delete">
                            <td class=""><strong>Net Revenue</strong></td>
                            <td class="sorting_1">
                                <strong></strong>
                            </td>
                            <td class="">
                                <strong></strong>
                            </td>
                            <td><strong></strong>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row m-5">
        <div class="col-md-6 mt-2"><a href="" class="btn btn-success">«
                Back</a></div>

        <div class="col-md-6 text-right mt-2"><a href="" class="btn btn-primary">Continue to Product And Sale Text »</a></div>
    </div>
    <br>

    </div>
    {{-- Hire a ex[ert Modak] --}}
    <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="background:transparent;    box-shadow:none; ">
                <div class="modal-header">
                    <h5 class="modal fade show" id="exampleModalLabel">Modal title</h5>

                </div>
                <div class="modal-body">



                    <div class="card">
                        <img class="card-img-top"
                            src="{{asset('assets/img/avback.jpg')}}"
                            alt="Bologna" height="120px">
                        <div class="card-body text-center">
                            <div class="row">
                                <div class="col-4">
                                    <img class="avatar rounded-circle"
                                        src="{{asset('assets/img/avatar.png')}}"
                                        alt="Bologna">
                                </div>
                                <div class="col-8 chn">
                                    <h4 class="card-title chcn">Get Your Logo Completed for You.</h4>
                                </div>
                                <p class="card-subtitle mb-2 text-muted chpn">If you require a logo design expert* to
                                    create
                                    a stunning brand face for your business plan, complete the form below and help will
                                    be
                                    on the way.</p>

                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <label class="lab-style">First Name</label>
                                    <input type="text" class="form-control">
                                </div>
                                <div class="form-group col-6">
                                    <label class="lab-style">Email</label>
                                    <input type="email" class="form-control">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <label class="lab-style">Province</label>
                                    <select class="form-control">
                                        <option disabled="" selected="">Province</option>
                                        <option>Option 2</option>
                                        <option>Option 3</option>
                                    </select>
                                </div>
                                <div class="form-group col-6">
                                    <label class="lab-style">City</label>
                                    <input type="text" class="form-control">
                                </div>
                            </div>



                            <a type="button" class="btn btn-primary">Save changes</a>
                            <a type="button" class="btn btn-secondary" data-dismiss="modal">Close</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Create product Modeal --}}
    <div class="modal fade bd-example-modal-lg" tabindex="-1" aria-labelledby="myLargeModalLabel" id="Create_product"
        style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myLargeModalLabel">Add details for this product or service</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <form method="post" action="">
                    @csrf
                    <div class="modal-body">

                        <div id="starting_step">
                            <div class="row">
                                <div class="col-md-12">
                                    <p>
                                        We'll forecast your revenue based on your entries. Consider how you want to enter
                                        your
                                        products. You can enter a total revenue amount for your entire company; or enter by
                                        product
                                        categories; or enter each individual product.
                                    </p>
                                </div>
                                <div class="col-md-12">
                                    <p
                                        style="background-color:#ffecd2;border-radius: 10px;max-height: 45px;padding: 5px 10px 10px 45px;">
                                        <i style="color:#f38e24;margin-right:5px;" class="fa  fa-exclamation-circle"></i>You
                                        can
                                        revise these entries after you enter them by clicking each row in the Product &amp;
                                        Sales
                                        table.
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6"><strong>Product or Service Name</strong><br>
                                    <input type="text" name="name" id="name" value="" class="form-control" required>
                                    <span class="text-danger"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Is this a product or service?</strong><br>
                                    <input id="product_service" type="radio" name="product_service" value="product" />
                                    <label for="">Product </label><br />
                                    <input id="product_service" type="radio" name="product_service" value="service" />
                                    <label for="">Service</label>
                                </div>
                                <div class="col-md-9 pt-3">
                                    <label>Products are usually physical items that require purchasing or manufacturing to
                                        add
                                        them
                                        to your inventory.</label>
                                    <label>Services are not usually physical items and don't generally require
                                        inventory</label>
                                </div>
                            </div>
                            <p style="margin-top:10px;"><strong> How do you want to forecast sales for this item?</strong>
                            </p>
                            <div class="row">
                                <p
                                    style="background-color:#ffecd2;border-radius: 10px;max-height: 45px;padding: 5px 10px 10px 45px;">
                                    <i style="color:#f38e24;margin-right:5px;"
                                        class="fa  fa-exclamation-circle"></i>Switching
                                    these
                                    settings after you've entered data will reset your numbers to "0" for this item.
                                </p>
                                <div class="col-md-12">
                                    <div class="d-flex align-items-center">
                                        <input type="radio" name="sale_item" value="revenue" id="" class="RadioChk">
                                        <label for="" class="p-3">Revenue</label>
                                        <p class="ml-5">It's easier to forecast by revenue only because we won't
                                            ask
                                            you
                                            for the number of units you expect to sell. Inventory won't be tracked.</p>

                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="d-flex align-items-center">
                                        <input type="radio" name="sale_item" value="by unit solid" id=""
                                            class="RadioChk">
                                        <p style="width: 186px;" class="p-3"> By Unit Solid</p>

                                        <p class="ml-5"> Forecasting by units sold is harder, but your financial
                                            forecasts
                                            will be more accurate. We'll ask you to enter the number of units you plan to
                                            sell
                                            and
                                            we'll include inventory in your financial forecasts.</p>

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

                            <div class="row">
                                <div class="col-md-12 text-right">
                                    <button class="btn btn-success" id="pro_revenue_start"
                                        onclick="return false">Next</button>
                                    <button class="btn btn-success" id="pro_unit_start"
                                        onclick="return false">Next</button>
                                    <button class="btn btn-success" id="srv_revenue_start"
                                        onclick="return false">Next</button>
                                    <button class="btn btn-success" id="srv_unit_start"
                                        onclick="return false">Next</button>
                                </div>
                            </div>
                        </div>
                        <div id="pro_revenue_step-1" class="d-none">
                            <p><strong>How much revenue do you expect from this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="one_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="two_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="three_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button id="pro_revenue_back" class="btn btn-secondary"
                                            onclick="return false">« Back</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button class="btn btn-success"
                                            onclick="return false" id="pro_revenue_start-2">Next
                                            »</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="pro_revenue_step-2" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="pro_revenue_back-2" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>

                                <div class="col-md-6 text-right"><button type="submit"
                                        class="btn btn-success">Save</button>
                                </div>
                            </div>
                        </div>
                        <div id="pro_unit_step-1" class="d-none">
                            <p><strong>How much revenue do you expect from this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="one_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="two_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="three_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button id="pro_unit_back" class="btn btn-secondary"
                                            onclick="return false">« Back</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button class="btn btn-success"
                                            onclick="return false" id="pro_unit_start-2">Next
                                            »</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="pro_unit_step-2" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="pro_unit_back-1" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>
                                <div class="col-md-6 text-right"><button class="btn btn-success" onclick="return false"
                                        id="pro_unit_start-3">Next
                                        »</button></div>
                            </div>
                        </div>
                        <div id="pro_unit_step-3" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Average Unit Cost
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Average Unit Cost
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Average Unit Cost
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="pro_unit_back-2" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>
                                <div class="col-md-6 text-right"><button class="btn btn-success" onclick="return false"
                                        id="pro_unit_start-4">Next
                                        »</button></div>
                            </div>
                        </div>
                        <div id="pro_unit_step-4" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Inventory Added
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Inventory Added
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Inventory Added
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="pro_unit_back-3" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>
                                <div class="col-md-6 text-right"><button class="btn btn-success">Save
                                    </button></div>
                            </div>
                        </div>
                        <div id="srv_revenue_step-1" class="d-none">
                            <p><strong>How much revenue do you expect from this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="one_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="two_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="three_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button id="srv_revenue_back" class="btn btn-secondary"
                                            onclick="return false">« Back</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button class="btn btn-success">Save</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="srv_unit_step-1" class="d-none">
                            <p><strong>How much revenue do you expect from this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="one_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="two_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Average Unit Price
                                            <br>
                                            <input type="number" name="three_year_sale" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button id="srv_unit_back" class="btn btn-secondary"
                                            onclick="return false">« Back</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button class="btn btn-success"
                                            onclick="return false" id="srv_unit_start-2">Next
                                            »</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="srv_unit_step-2" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Unit Sold
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="srv_unit_back-1" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>
                                <div class="col-md-6 text-right"><button class="btn btn-success">Save</button></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- Edit modal --}}
    <div class="modal fade" tabindex="-1" aria-labelledby="myLargeModalLabel" id="edit_product" style="display: none;"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myLargeModalLabel">Add details for this product or service</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <form method="post" action="">
                    @csrf
                    <input type="hidden" value="" name="id" class="id">
                    <div class="modal-body">

                        <div id="step-4">
                            <div class="row">
                                <div class="col-md-12">
                                    <p>
                                        We'll forecast your revenue based on your entries. Consider how you want to enter
                                        your
                                        products. You can enter a total revenue amount for your entire company; or enter by
                                        product
                                        categories; or enter each individual product.
                                    </p>
                                </div>
                                <div class="col-md-12">
                                    <p
                                        style="background-color:#ffecd2;border-radius: 10px;max-height: 45px;padding: 5px 10px 10px 45px;">
                                        <i style="color:#f38e24;margin-right:5px;"
                                            class="fa  fa-exclamation-circle"></i>You can
                                        revise these entries after you enter them by clicking each row in the Product &amp;
                                        Sales
                                        table.
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6"><strong>Product or Service Name</strong><br>
                                    <input type="text" name="name" id="name1" value="" class="form-control name" required>
                                    <span class="text-danger"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Is this a product or service?</strong><br>
                                    <input type="radio" name="product_service" value="product" id="" />
                                    <label for="">Product </label><br />
                                    <input type="radio" name="product_service" value="service" id="" />
                                    <label for="">Service</label>
                                </div>
                                <div class="col-md-9 pt-3">
                                    <label>Products are usually physical items that require purchasing or manufacturing to
                                        add
                                        them
                                        to your inventory.</label>
                                    <label>Services are not usually physical items and don't generally require
                                        inventory</label>
                                </div>
                            </div>
                            <p style="margin-top:10px;"><strong> How do you want to forecast sales for this item?</strong>
                            </p>
                            <div class="row">
                                <p
                                    style="background-color:#ffecd2;border-radius: 10px;max-height: 45px;padding: 5px 10px 10px 45px;">
                                    <i style="color:#f38e24;margin-right:5px;"
                                        class="fa  fa-exclamation-circle"></i>Switching
                                    these
                                    settings after you've entered data will reset your numbers to "0" for this item.
                                </p>
                                <div class="col-md-12">
                                    <div class="d-flex align-items-center">
                                        <input type="radio" name="sale_item" value="revenue" id="revenue">
                                        <label for="" class="p-3">Revenue</label>
                                        <p class="ml-5">It's easier to forecast by revenue only because we won't
                                            ask
                                            you
                                            for the number of units you expect to sell. Inventory won't be tracked.</p>

                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="d-flex align-items-center">
                                        <input type="radio" name="sale_item" value="by unit solid" id="solid"
                                            @if (!empty(old('sale_item'))) @if (old('sale_item') == 'by unit solid') checked @endif @endif id="">
                                        <p style="width: 186px;" class="p-3"> By Unit Solid</p>

                                        <p class="ml-5"> Forecasting by units sold is harder, but your financial
                                            forecasts
                                            will be more accurate. We'll ask you to enter the number of units you plan to
                                            sell
                                            and
                                            we'll include inventory in your financial forecasts.</p>

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 text-right">
                                    <button class="btn btn-success" id="nextbtn3" onclick="return false">Next</button>
                                </div>
                            </div>
                        </div>
                        <div id="step-5" class="d-none">
                            <p><strong>How much revenue do you expect from this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="one_year_sale" value="{{ old('one_year_sale') }}"
                                                step="0.001" class="form-control one_year_sale">
                                            <span class="text-danger">{{ $errors->first('one_year_sale') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="two_year_sale" value="{{ old('two_year_sale') }}"
                                                step="0.001" class="form-control two_year_sale">
                                            <span class="text-danger">{{ $errors->first('two_year_sale') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="three_year_sale"
                                                value="{{ old('three_year_sale') }}" step="0.001"
                                                class="form-control three_year_sale">
                                            <span class="text-danger">{{ $errors->first('three_year_sale') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button id="perv4" class="btn btn-secondary"
                                            onclick="return false">« Back</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button class="btn btn-success"
                                            onclick="return false" id="nextbtn4">Next
                                            »</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="step-6" class="d-none">
                            <p><strong>What are your raw costs to manufacture or purchase this item?</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="one_year_cost" value="{{ old('one_year_cost') }}"
                                                step="0.001" class="form-control one_year_cost">
                                            <span class="text-danger">{{ $errors->first('one_year_cost') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="two_year_cost" value="{{ old('two_year_cost') }}"
                                                step="0.001" class="form-control two_year_cost">
                                            <span class="text-danger">{{ $errors->first('two_year_cost') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="three_year_cost"
                                                value="{{ old('three_year_cost') }}" step="0.001"
                                                class="form-control three_year_cost">
                                            <span class="text-danger">{{ $errors->first('three_year_cost') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6"><button id="perv5" class="btn btn-secondary"
                                        onclick="return false">« Back</button></div>

                                <div class="col-md-6 text-right"><button type="submit"
                                        class="btn btn-success">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- Cost Modal --}}
    <div class="modal fade" tabindex="-1" aria-labelledby="myLargeModalLabel" id="sale_edit" style="display: none;"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myLargeModalLabel">Sales Details:</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <form method="post" action="{{ route('user.productsale.productsaleinventory.sale_update') }}">
                    @csrf
                    <input type="hidden" value="{{ old('id') }}" name="id" class="id1">
                    <div class="modal-body">
                        <div>
                            <p><strong>You can adjust the sales of this product or service as needed.</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="one_year_sale" value="{{ old('one_year_sale') }}"
                                                step="0.001" class="form-control one_year_sale1">
                                            <span class="text-danger">{{ $errors->first('one_year_sale') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="two_year_sale" value="{{ old('two_year_sale') }}"
                                                step="0.001" class="form-control two_year_sale1">
                                            <span class="text-danger">{{ $errors->first('two_year_sale') }}</span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Sales
                                            <br>
                                            <input type="number" name="three_year_sale"
                                                value="{{ old('three_year_sale') }}" step="0.001"
                                                class="form-control three_year_sale1">
                                            <span class="text-danger">{{ $errors->first('three_year_sale') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3 ">
                                    <div class="col-md-6"><button class="btn btn-secondary">Cancel</button>
                                    </div>

                                    <div class="col-md-6 text-right"><button type="submit" class="btn btn-success">Save
                                        </button></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- Cost detail Modal --}}
    <div class="modal fade" tabindex="-1" aria-labelledby="myLargeModalLabel" id="cost_edit" style="display: none;"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myLargeModalLabel">Cost Details:</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <form method="post" action="">
                    @csrf
                    <input type="hidden" value="" name="id" class="id2">
                    <div class="modal-body">
                        <div>
                            <p><strong>You can adjust the cost of this product or service as needed.</strong></p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <strong>Year One</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="one_year_cost" value="" step="0.001"
                                                class="form-control one_year_cost1">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year two</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="two_year_cost" value="" step="0.001"
                                                class="form-control two_year_cost1">
                                            <span class="text-danger"></span>
                                        </div>
                                        <div class="col-md-12 mt-5">
                                            <strong>Year three</strong>
                                            <br>
                                            Annual Cost
                                            <br>
                                            <input type="number" name="three_year_cost" value="" step="0.001"
                                                class="form-control three_year_cost1">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 overlay">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month1</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 2</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 3</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 4</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 5</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 6</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 7</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 8</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month9</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 10</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 11</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 12</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 13</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 14</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 15</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 16</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 17</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 18</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 19</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 20</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 21</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 22</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 23</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 24</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="w-100 bg-secondary p-1 my-2"></div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 25</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 26</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 27</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 28</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 29</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 30</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <span class="text-small">Month 31</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 32</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 33</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 34</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 35</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                        <div class="col-md-2">
                                            <span class="text-small">Month 36</span>
                                            <input class="form-control form-control-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6 "><button class="btn btn-secondary">« Back</button></div>

                                <div class="col-md-6  text-right"><button type="submit"
                                        class="btn btn-success">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endsection
    @section('script')
        <script>
            $(document).ready(function() {
                $('#pro_revenue_start').hide();
                $('#pro_unit_start').hide();
                $('#srv_revenue_start').hide();
                $('#srv_unit_start').hide();
                $(".RadioChk").attr('disabled', true);
                $('input:radio').change(
                    function() {
                        if ($(this).val() == 'product') {
                            $(".RadioChk").attr('disabled', false);
                            $('input:radio').change(
                                function() {
                                    if ($(this).val() == 'revenue') {
                                        $('#pro_revenue_start').show();
                                        $('#pro_unit_start').hide();
                                        $("#pro_revenue_start").click(function() {
                                            if ($("#name").val() != "") {
                                                $("#starting_step").addClass('d-none')
                                                $("#pro_revenue_step-1").removeClass('d-none')
                                            } else {
                                                alert('Product Service Name Field is Required')
                                            }
                                        });
                                        $("#pro_revenue_start-2").click(function() {
                                            $("#pro_revenue_step-1").addClass('d-none')
                                            $("#pro_revenue_step-2").removeClass('d-none')
                                        });
                                        $("#pro_revenue_back").click(function() {
                                            $("#pro_revenue_step-1").addClass('d-none')
                                            $("#starting_step").removeClass('d-none')
                                        });
                                        $("#pro_revenue_back-2").click(function() {
                                            $("#pro_revenue_step-2").addClass('d-none')
                                            $("#pro_revenue_step-1").removeClass('d-none')
                                        });
                                    }
                                    if ($(this).val() == 'by unit solid') {
                                        $('#pro_unit_start').show();
                                        $('#pro_revenue_start').hide();
                                        $("#pro_unit_start").click(function() {
                                            if ($("#name").val() != "") {
                                                $("#starting_step").addClass('d-none')
                                                $("#pro_unit_step-1").removeClass('d-none')
                                            } else {
                                                alert(
                                                    'Product Service Name Field is Required')
                                            }
                                        });
                                        $("#pro_unit_start-2").click(function() {
                                            $("#pro_unit_step-1").addClass('d-none')
                                            $("#pro_unit_step-2").removeClass('d-none')
                                        });
                                        $("#pro_unit_start-3").click(function() {
                                            $("#pro_unit_step-2").addClass('d-none')
                                            $("#pro_unit_step-3").removeClass('d-none')
                                        });
                                        $("#pro_unit_start-4").click(function() {
                                            $("#pro_unit_step-3").addClass('d-none')
                                            $("#pro_unit_step-4").removeClass('d-none')
                                        });
                                        $("#pro_unit_back").click(function() {
                                            $("#pro_unit_step-1").addClass('d-none')
                                            $("#starting_step").removeClass('d-none')
                                        });
                                        $("#pro_unit_back-1").click(function() {
                                            $("#pro_unit_step-2").addClass('d-none')
                                            $("#pro_unit_step-1").removeClass('d-none')
                                        });
                                        $("#pro_unit_back-2").click(function() {
                                            $("#pro_unit_step-3").addClass('d-none')
                                            $("#pro_unit_step-2").removeClass('d-none')
                                        });
                                        $("#pro_unit_back-3").click(function() {
                                            $("#pro_unit_step-4").addClass('d-none')
                                            $("#pro_unit_step-3").removeClass('d-none')
                                        });
                                    }
                                }
                            );
                        }
                        if ($(this).val() == 'service') {
                            $(".RadioChk").attr('disabled', false);
                            $('input:radio').change(
                                function() {
                                    if ($(this).val() == 'revenue') {
                                        $('#srv_revenue_start').show();
                                        $("#srv_revenue_start").click(function() {
                                            if ($("#name").val() != "") {
                                                $("#starting_step").addClass('d-none')
                                                $("#srv_revenue_step-1").removeClass('d-none')
                                            } else {
                                                alert(
                                                    'Product Service Name Field is Required')
                                            }
                                            $("#srv_revenue_back").click(function() {
                                                $("#srv_revenue_step-1").addClass('d-none')
                                                $("#starting_step").removeClass('d-none')
                                            });
                                        });
                                    }
                                    if ($(this).val() == 'by unit solid') {
                                        $('#srv_unit_start').show();
                                        $("#srv_unit_start").click(function() {
                                            if ($("#name").val() != "") {
                                                $("#starting_step").addClass('d-none')
                                                $("#srv_unit_step-1").removeClass('d-none')
                                            } else {
                                                alert(
                                                    'Product Service Name Field is Required')
                                            }
                                            $("#srv_unit_start-2").click(function() {
                                                $("#srv_unit_step-1").addClass('d-none')
                                                $("#srv_unit_step-2").removeClass('d-none')
                                            });
                                            $("#srv_unit_back").click(function() {
                                                $("#srv_unit_step-1").addClass('d-none')
                                                $("#starting_step").removeClass('d-none')
                                            });
                                            $("#srv_unit_back-1").click(function() {
                                                $("#srv_unit_step-2").addClass('d-none')
                                                $("#srv_unit_step-1").removeClass('d-none')
                                            });
                                        });

                                    }
                                }
                            );
                        }
                    }
                );
            })



            // $(document).ready(function() {
            //     check = "{{ old('name') }}";
            //     check_id = "{{ old('id') }}";
            //     if (check != "") {
            //         $("#Create_product").modal("show");
            //     }
            //     if (check_id != "") {
            //         $("#edit_product").modal("show");
            //     }
            //     $("#nextbtn1").click(function() {
            //         //alert($("#name").val())
            //         if ($("#name").val() != "") {
            //             //alert("ok");
            //             $("#step-1").addClass('d-none')
            //             $("#step-2").removeClass('d-none')
            //         } else {
            //             alert('Product Service Name Field is Required')
            //         }
            //     });
            //     $("#nextbtn2").click(function() {
            //         $("#step-2").addClass('d-none')
            //         $("#step-3").removeClass('d-none')
            //     });

            //     $("#nextbtn3").click(function() {
            //         //alert($("#name").val())
            //         if ($("#name1").val() != "") {
            //             $("#step-4").addClass('d-none')
            //             $("#step-5").removeClass('d-none')
            //         } else {
            //             alert('Product Service Name Field is Required')
            //         }
            //     });
            //     $("#nextbtn4").click(function() {
            //         $("#step-5").addClass('d-none')
            //         $("#step-6").removeClass('d-none')
            //     });

            //     $("#perv2").click(function() {
            //         //alert("ok");
            //         $("#step-2").addClass('d-none')
            //         $("#step-1").removeClass('d-none')
            //     });
            //     $("#perv3").click(function() {
            //         $("#step-3").addClass('d-none')
            //         $("#step-2").removeClass('d-none')
            //     });
            // })
            $(document).ready(function() {
                console.log("hello")
                //  $("#btn-next1").attr("disabled", true)
                $("#perv4").click(function() {
                    $("#step-5").addClass('d-none')
                    $("#step-4").removeClass('d-none')
                });
                $("#perv5").click(function() {
                    $("#step-6").addClass('d-none')
                    $("#step-5").removeClass('d-none')
                });

                $(document).on("click", ".edit", function() {
                    id = $(this).data("id");
                    $.get('{{ url('user/businessplan/productsale/productsaleinventory/edit/') }}/' +
                        id,
                        function(product_sale) {
                            // console.log(cat);
                            $('.id').val(product_sale.id);
                            $('#name1').val(product_sale.name);
                            if (product_sale.product_service == "product") {
                                $("#product").prop("checked", true);
                            } else if (product_sale.product_service == "service") {
                                $("#service").prop("checked", true);
                            }
                            if (product_sale.sale_item == "revenue") {
                                $("#revenue").prop("checked", true);
                            } else if (product_sale.sale_item == "by unit solid") {
                                $("#solid").prop("checked", true);
                            }
                            $('.one_year_sale').val(product_sale.one_year_sale);
                            $('.two_year_sale').val(product_sale.two_year_sale);
                            $('.three_year_sale').val(product_sale.three_year_sale);
                            $('.one_year_cost').val(product_sale.one_year_cost);
                            $('.two_year_cost').val(product_sale.two_year_cost);
                            $('.three_year_cost').val(product_sale.three_year_cost);

                            //$(".edit-message").html("");
                            $('#edit_product').modal('show');
                        });
                });
                $(document).on("click", ".edit_sale", function() {
                    id = $(this).data("id");
                    //alert(id);
                    $.get('{{ url('user/businessplan/productsale/productsaleinventory/edit/') }}/' +
                        id,
                        function(product_sale) {
                            // console.log(cat);
                            $('.id1').val(product_sale.id);
                            $('.one_year_sale1').val(product_sale.one_year_sale);
                            $('.two_year_sale1').val(product_sale.two_year_sale);
                            $('.three_year_sale1').val(product_sale.three_year_sale);
                            // $('.one_year_cost').val(product_sale.one_year_cost);
                            //$('.two_year_cost').val(product_sale.two_year_cost);
                            // $('.three_year_cost').val(product_sale.three_year_cost);

                            //$(".edit-message").html("");
                            $('#sale_edit').modal('show');
                        });
                })

                $(document).on("click", ".edit_cost", function() {
                    id = $(this).data("id");
                    //alert(id);
                    $.get('{{ url('user/businessplan/productsale/productsaleinventory/edit/') }}/' +
                        id,
                        function(product_sale) {
                            // console.log(cat);
                            $('.id2').val(product_sale.id);
                            //$('.one_year_sale1').val(product_sale.one_year_sale);
                            //$('.two_year_sale1').val(product_sale.two_year_sale);
                            //$('.three_year_sale1').val(product_sale.three_year_sale);
                            $('.one_year_cost1').val(product_sale.one_year_cost);
                            $('.two_year_cost1').val(product_sale.two_year_cost);
                            $('.three_year_cost1').val(product_sale.three_year_cost);

                            //$(".edit-message").html("");
                            $('#cost_edit').modal('show');
                        });
                })

                $(document).on("click", ".delete", function() {
                    if (confirm('Do You Real Want To Delete This Product Or Service!')) {
                        id = $(this).data("id");
                        //alert(id);
                        $.ajax({
                            //url:'delete-estimate/'+id,
                            url: "{{ url('user/businessplan/productsale/productsaleinventory/delete') }}/" +
                                id,
                            type: 'GET',
                            //data:{
                            //_token:$('input[name=_token]').val()
                            //   id:id,

                            // },
                            success: function(response) {
                                $('.delete' + id).remove();
                            }

                        });
                    }
                });
            })
        </script>
    @endsection