@extends('admin.pages.Bussiness-plan-builder.layout.master')
@section('bussinessplanbuilder')
@section('var', 'show')
@section('product', 'active1')
<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>









<style>
    /*.card .card-header {*/
    /*    background: #fff;*/
    /*}*/
    .card {
        box-shadow: 0px 10px 20px 10px !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: black;
    }

    label {
        color: black !important;
    }

    .card {
        /* background: transparent; */
    }

    .text-small {
        color: black;
    }

    a {
        color: black
    }

    .theme-white .btn-primary {
        background-color: #0172be !important;
        border-color: transparent !important;
        color: #fff;
    }


    .irf_alert {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        min-width: 300px;
        padding-bottom: 30px;
        background: -webkit-linear-gradient(35deg, rgba(240, 240, 212, 0.0) 15%,
                rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0)),
            -webkit-linear-gradient(70deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(140deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 29%), -webkit-linear-gradient(140deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0)19%), -webkit-linear-gradient(175deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(210deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(280deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(135deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(50deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), -webkit-linear-gradient(100deg, rgba(240, 240, 212, 0.0) 15%, rgba(240, 240, 212, 0.25), rgba(240, 240, 212, 0.0) 20%), #ffffff;
        border-radius: 13px;

    }

    .irf_alert_btn {}

    .stripe-element-container {
        padding-top: .55rem;
        padding-bottom: .50rem;
        border-radius: 22px;
        border: 2px solid #222;
    }

    .StripeElement {

        display: block;
        width: 900;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    }

    .StripeElement--focus {
        border-color: #80BDFF;
    }

    /* Can't see what I type without this */
    #card-number.form-control,
    #card-cvc.form-control,
    #card-exp.form-control {
        display: block;
    }
</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="{{ route('user.productsale.productsaletext', Request()->id) }}"
                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>Do you require any assistance with this?</h6>
            <h4>Handling finances alone isn't necessary. </h4>
            <p>Financials play a crucial role in any business
                plan. To ensure accurate completion of tasks such as revenue forecasting,
                balance sheet preparation, cash flow statement, and profit/loss statement,
                consider obtaining professional assistance. Determine your net worth with the
                guidance of experts.
            </p>
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Expert_Rewriting_Service">
                Hire support</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">
            @if (Session::get('errors'))
                {{-- {{dd(Session::get('errors')->first())}} --}}
                <div class="alert alert-{{ Session::get('alert') }}">
                    {{ Session::get('errors')->first() }}
                </div>
                {!! Session::forget('errors') !!}
                {!! Session::forget('alert') !!}
            @endif
            <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>
                    @forelse($productSaleInventory as $key => $productSaleInventory_value)
                        <tr style="background:#e7e7e7;" class="delete{{ $productSaleInventory_value->id }}">
                            <td class=""><strong>{{ $productSaleInventory_value->name }}</strong></td>
                            <td class="sorting_1"></td>
                            <td class=""></td>
                            <td>Type:{{ $productSaleInventory_value->product_service }}</td>
                            <!--
                                                <td></td>
                                                -->

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

                                <button class="btn btn-danger delete"
                                    data-id={{ $productSaleInventory_value->id }}>x</i></button>
                            </td>
                        </tr>
                        <tr class="delete{{ $productSaleInventory_value->id }}">
                            <td class=""><button type="button" class="btn edit_sale"
                                    data-id={{ $productSaleInventory_value->id }} data-toggle="modal">Sales</button>
                            </td>
                            <td class="sorting_1">{{ $productSaleInventory_value->one_year_sale }}</td>
                            <td class="">{{ $productSaleInventory_value->two_year_sale }}</td>
                            <td>{{ $productSaleInventory_value->three_year_sale }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="delete{{ $productSaleInventory_value->id }}">
                            <td class=""><button type="button" class="btn edit_cost"
                                    data-id={{ $productSaleInventory_value->id }} data-toggle="modal">Cost</button>
                            </td>
                            <td class="sorting_1">{{ $productSaleInventory_value->one_year_cost }}</td>
                            <td class="">{{ $productSaleInventory_value->two_year_cost }}</td>
                            <td>{{ $productSaleInventory_value->three_year_cost }}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="delete{{ $productSaleInventory_value->id }}">
                            <td class=""><strong>Net Revenue</strong></td>
                            <td class="sorting_1">
                                <strong>{{ $productSaleInventory_value->one_year_sale - $productSaleInventory_value->one_year_cost }}</strong>
                            </td>
                            <td class="">
                                <strong>{{ $productSaleInventory_value->two_year_sale - $productSaleInventory_value->two_year_cost }}</strong>
                            </td>
                            <td><strong>{{ $productSaleInventory_value->three_year_sale - $productSaleInventory_value->three_year_cost }}</strong>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                    @empty
                    @endforelse

                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row mt-5">
    <div class="col-md-6"><a href="{{ route('user.businessidea.businessideatext', Request()->id) }}"
            class="btn btn-success">« Back</a></div>

    <div class="col-md-6 text-right"><a href="{{ route('user.productsale.productsaletext', Request()->id) }}"
            class="btn btn-primary">Continue to Product And Sale Text »</a></div>
</div>




{{-- stripe Modal --}}

<div class="modal fade show" id="stripe_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-modal="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="http://localhost:8000/assets/img/avback.jpg" alt="Bologna"
                        height="120px">
                    <div class="card-body text-center">


                        <div class="card-body text-center">
                            <div class="row">

                                <div class="col-12">


                                </div>


                            </div>

                            <a type="button" class="btn btn-primary">Submit</a>
                            </form>
                            <a type="button" class="btn btn-secondary" data-dismiss="modal">Close</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</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>


                                @if (session('stripe'))
                                <div class="alert alert-primary">{{ session('stripe') }}</div>
                                @endif


                                <form action="{{route('logo.expert.hire')}}" class="card-form" method="post">
                                    @csrf

                                    <input type="hidden" name="company_id" class="" value="{{Request()->id}}">

                                    <input type="hidden" name="payment_method" class="payment-method">
                                        <span class="text-danger">{{ $errors->first('payment_method') }}</span>
                                    <input id="u0u2935" type="hidden" name="price" class="price" value="{{ $price }}"  value="{{ old('price') }}">
                                    <span class="text-danger">{{ $errors->first('price') }}</span>

                                <div class="row">
                                    <div class="form-group col-6">
                                        <label class="lab-style">First Name</label>
                                        <input type="text" class="form-control" name="first_name" value="{{ old('first_name') }}">
                                        <span class="text-danger">{{ $errors->first('first_name') }}</span>

                                    </div>
                                    <div class="form-group col-6">
                                        <label class="lab-style">Email</label>
                                        <input type="email" class="form-control"  name="email" value="{{ old('email') }}" value="{{ old('price') }}">
                                        <span class="text-danger">{{ $errors->first('email') }}</span>

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-6">
                                        <label class="lab-style">Province</label>
                                        <select id="province_select" class="form-control"  name="province">

                                            <option value="AB">Alberta</option>
                                            <option value="BC">British Columbia</option>
                                            <option value="MB">Manitoba</option>
                                            <option value="NB">New Brunswick</option>
                                            <option value="NL">Newfoundland and Labrador</option>
                                            <option value="NS">Nova Scotia</option>
                                            <option value="ON">Ontario</option>
                                            <option value="PE">Prince Edward Island</option>
                                            <option value="QC">Quebec</option>
                                            <option value="SK">Saskatchewan</option>
                                            <option value="NT">Northwest Territories</option>
                                            <option value="NU">Nunavut</option>
                                            <option value="YT">Yukon</option>
                                         </select>
                                        <span class="text-danger">{{ $errors->first('province') }}</span>

                                    </div>
                                    <div class="form-group col-6">
                                        <label class="lab-style">City</label>
                                        <input type="text" class="form-control"  name="city" value="{{ old('city') }}">
                                        <span class="text-danger">{{ $errors->first('city') }}</span>
                                    </div>
                                </div>

                                <h4> Fill Payment Detail </h4>
                               <p> Charges for Logo Expert $<b id="u0u2935u3">{{$price}}</b> only (Tax %<b id="tax_id">{{5}}</b>)</p>
                               <div class="row">
                                    <div class="form-group mb-3 col-md-6" id="card_name">
                                        <input type="text"  id="card_name" name="card_name" class="form-control" placeholder="Card Holder Name">

                                   </div>
                                   <div class="form-group mb-3 col-md-6">
                                    <div id="card_number"></div>

                                     </div>
                                </div>
                                <div class="row">
                                    <div class="form-group mb-3 col-md-6">
                                        <div id="card_expiry"></div>
                                    </div>
                                    <div class="form-group mb-3 col-md-6">
                                        <div id="card_cvc"></div>
                                    </div>  </div>
                                    <div class="text-danger" id="card-errors" role="alert"></div>

                                <button type="submit" class="btn btn-primary">Submit</button>
                                <a type="button" class="btn btn-secondary" data-dismiss="modal">Close</a>
                                </form>

                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
<div class="modal fade" id="Expert_Rewriting_Service" 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">
                        @if (session()->has('error'))
                            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <strong>Error!</strong> {{ session('error') }}
                            </div>
                        @endif

                        <form id="stripe_f" action="{{ route('expert.services.pay') }}" method="post"
                            class="card_form">
                            @csrf
                            <input type="hidden" name="payment_method" class="payment-method">

                            <input type="hidden" name="company_id" value="{{ Request()->id }}">
                            <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">
                                        Expert Rewriting Service</h4>
                                </div>
                                <p class="card-subtitle mb-2 text-muted chpn">If you require expert help to make your
                                    business plan better sounding, better looking and you simply feel stuck?
                                    We can help, select a rewrite option per section or a full plan!</p>

                            </div>
                            <div class="row text-left">
                                <div class="col-md-12">
                                    <table border="0" class="single-form">
                                        <tbody>
                                            <tr id="modalPay_sections" style="display: block;">
                                                <td>
                                                    <strong>Sections</strong><br>
                                                    <div id="sections__checkbox">
                                                        @foreach ($experts as $expert)
                                                            <input class="expert-details" type="checkbox"
                                                                name="service[]" data-price="{{ $expert->cost }}"
                                                                value="{{ $expert->id }}"
                                                                @if ($expert->companyActive->count() > 0) checked disabled @endif>&nbsp;{{ $expert->name }}
                                                            ({{ $expert->cost }})
                                                            <br>
                                                        @endforeach
                                                        <div class="form-group col-md-6">
                                                            <label class="lab-style">Province</label>
                                                            <select id="province_select" class="form-control"
                                                                name="province">

                                                                <option value="AB">Alberta</option>
                                                                <option value="BC">British Columbia</option>
                                                                <option value="MB">Manitoba</option>
                                                                <option value="NB">New Brunswick</option>
                                                                <option value="NL">Newfoundland and Labrador
                                                                </option>
                                                                <option value="NS">Nova Scotia</option>
                                                                <option value="ON">Ontario</option>
                                                                <option value="PE">Prince Edward Island</option>
                                                                <option value="QC">Quebec</option>
                                                                <option value="SK">Saskatchewan</option>
                                                                <option value="NT">Northwest Territories</option>
                                                                <option value="NU">Nunavut</option>
                                                                <option value="YT">Yukon</option>
                                                            </select>
                                                            <span
                                                                class="text-danger">{{ $errors->first('province') }}</span>

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


                                        </tbody>
                                    </table>

                                </div>
                            </div>




                            <h4> Fill Payment Detail </h4>

                            <p> Charges for Experts Services $<b id="expert_price">00.00</b> (Tax %<b
                                    id="tax_id">{{ 5 }}</b>)</p>
                            <div class="row">
                                <div class="form-group mb-3 col-md-6" id="card_name">
                                    <input type="text" id="card_name" name="card_name" class="form-control"
                                        placeholder="Card Holder Name">

                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <div id="card_number"></div>

                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group mb-3 col-md-6">
                                    <div id="card_expiry"></div>
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <div id="card_cvc"></div>
                                </div>
                            </div>
                            <div class="text-danger" id="card-errors" role="alert"></div>
                            <div class="row mb-2">
                                <div class="col-sm-12">
                                    <img class="img-fluid" src="{{ asset('client/images/sqa.png') }}" alt=""
                                        height="30px">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group mb-3 col-md-12">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                    <a type="button" class="btn btn-secondary" data-dismiss="modal">Close</a>
                                </div>
                            </div>
                        </form>
                    </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="{{ route('user.productsale.productsaleinventory.process') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}" />
                <div class="modal-body">

                    <div id="step-1">
                        <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="{{ old('name') }}"
                                    class="form-control" required>
                                <span class="text-danger">{{ $errors->first('name') }}</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"
                                    @if (!empty(old('product_service'))) @if (old('product_service') == 'product') checked @endif
                                @else checked @endif />
                                <label for="">Product </label><br />
                                <input type="radio" name="product_service" value="service"
                                    @if (!empty(old('product_service'))) @if (old('product_service') == 'service') checked @endif
                                    @endif />
                                <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"
                                        @if (!empty(old('sale_item'))) @if (old('sale_item') == 'revenue') checked @endif
                                    @else checked @endif id="">
                                    <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"
                                        @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="nextbtn1" onclick="return false">Next</button>
                            </div>
                        </div>
                    </div>
                    <div id="step-2" 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">
                                        <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">
                                        <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">
                                        <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="perv2" 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="nextbtn2">Next
                                        »</button></div>
                            </div>
                        </div>
                    </div>
                    <div id="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>
                                        Annual Cost
                                        <br>
                                        <input type="number" name="one_year_cost"
                                            value="{{ old('one_year_cost') }}" step="0.001" class="form-control">
                                        <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">
                                        <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">
                                        <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="perv3" 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>
{{-- 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="{{ route('user.productsale.productsaleinventory.update') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}" />
                <input type="hidden" value="{{ old('id') }}" 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="{{ old('name') }}"
                                    class="form-control name" required>
                                <span class="text-danger">{{ $errors->first('name') }}</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="product"
                                    @if (!empty(old('product_service'))) @if (old('product_service') == 'product') checked @endif
                                @else checked @endif />
                                <label for="">Product </label><br />
                                <input type="radio" name="product_service" value="service" id="service"
                                    @if (!empty(old('product_service'))) @if (old('product_service') == 'service') checked @endif
                                    @endif />
                                <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"
                                        @if (!empty(old('sale_item'))) @if (old('sale_item') == 'revenue') checked @endif
                                    @else checked @endif id="">
                                    <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" name="company_id" value="{{ Request()->id }}" />
                <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="{{ route('user.productsale.productsaleinventory.cost_update') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}">
                <input type="hidden" value="{{ old('id') }}" 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="{{ old('one_year_cost') }}" step="0.001"
                                            class="form-control one_year_cost1">
                                        <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_cost1">
                                        <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_cost1">
                                        <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 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>
</div>
@endsection
@section('script')


    <script src="https://js.stripe.com/v3/"></script>
    <script>
        var check_mail = false;
        var intent = '{{ $intent }}';
        let stripe = Stripe("{{ env('STRIPE_KEY') }}")
        let elements = stripe.elements();
        const cardNum = elements.create('cardNumber');
        const cardExpiry = elements.create('cardExpiry');
        const cardCvc = elements.create('cardCvc');
        cardNum.mount('#card_number');
        cardExpiry.mount('#card_expiry');
        cardCvc.mount('#card_cvc');
        let paymentMethod = null
        $('.card_form').on('submit', function(e) {
            $('button.pay').attr('disabled', true)
            if (paymentMethod) {
                return true
            }
            stripe.confirmCardSetup(
                intent, {
                    payment_method: {
                        card: cardNum,
                        billing_details: {
                            name: $('#card_name').val()
                        }
                    }
                }
            ).then(function(result) {
                if (result.error) {
                    $('#card-errors').text(result.error.message)
                    $('button.pay').removeAttr('disabled')
                } else {
                    paymentMethod = result.setupIntent.payment_method;
                    $('.payment-method').val(paymentMethod)
                    $('.card_form').submit()
                }
            })
            return false
        })
    </script>


    <script>
        $(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('Are you sure you 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>
    <script>
        var price = 0;
        $(document).ready(function() {
            @if (session('stripe'))
                $('#Expert_Rewriting_Service').modal('show');
            @endif
            $('.expert-details').on('change', function() {
                if (this.checked) {

                    price += $(this).data('price');

                } else {
                    if (price > 0)
                        price -= $(this).data('price');
                }
                $('#expert_price').html(price);
                $('#province_select').trigger('change');
            })


            $('#province_select').on('change', function() {

                checkTex($(this).val());
            });

        });

        function checkTex(n) {
            var tax;

            switch (n) {
                case "AB":
                    tax = 5;
                    break;
                case "BC":
                    tax = 5;
                    break;
                case "MB":
                    tax = 5;
                    break;
                case "NB":
                    tax = 15;
                    break;
                case "NL":
                    tax = 15;
                    break;
                case "NS":
                    tax = 15;
                    break;
                case "ON":
                    tax = 13;
                    break;
                case "PE":
                    tax = 15;
                    break;
                case "QC":
                    tax = 5;
                    break;
                case "SK":
                    tax = 5;
                    break;
                case "NT":
                    tax = 5;
                    break;
                case "NU":
                    tax = 5;
                    break;
                case "YT":
                    tax = 5;
                    break;

                default:
                    tax = 0;
            }

            new_price = (price * (1 + 1 - parseFloat(1 - tax / 100))).toFixed(2);

            $('#expert_price').html(new_price);
            $('#tax_id').text(tax);

        }
    </script>
@endsection