@extends('admin.pages.Bussiness-plan-builder.layout.master')
@section('bussinessplanbuilder')
@section('var3', 'show')
@section('expense', '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;
    }

    .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">
        <div class="row">
            <h4 class="col-md-10">Expenses
                <!-- <a type="button" class="" data-toggle="tooltip" data-placement="right" title=""
                        data-original-title="Revenue is the total amount of money received by the company for goods sold or services provided during a certain time period">
                        <i class="fa fa-question-circle "></i>
                    </a> -->

            </h4>
            <div class=" row  col-md-2">
                <label class="col-form-label  col-12 col-md-12 col-lg-12"><strong></strong>
                    {{-- <button type="button"
                        class="btn btn-success float-right" data-toggle="modal"
                        data-target="#Expert_Rewriting_Service"><i class="fa fa-pencil"></i></button> --}}
                </label>
                <div class="col-sm-12 col-md-12">

                </div>
            </div>
        </div>
        <!-- <p>This section collects important information for properly setting up your financial forecasts.
                    </p> -->


        <p>Work on this if you are ready to plan the company's expenses, such as rent and utilities
            (costs not related to payroll or manufacturing).
            <a href="{{ route('user.financialinfo.ownercontributiondraw', Request()->id) }}"
                class="btn btn-success float-right">Skip for Now »</a>
        </p>
    </div>
</div>
<div class="row">
    <form action="{{ route('user.campanylogo.process') }}" method="post" enctype="multipart/form-data">
        @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
        @csrf


        <input type="hidden" name="company_id" value="{{ Request()->id }}">
        <div class="col-md-12">
            <div id="img-preview" @if (!empty($companylogo)) style="display:block" @endif>
                @if (!empty($companylogo))
                    <img src="{{ asset('storage/company_logo/' . $companylogo->logo) }}">
                @endif
            </div>
            <input type="file" id="choose-file" name="logo" accept="image/*" required />
            <!-- <label for="choose-file" id="chs">Choose File</label><br /> -->
            <span class="text-danger">{{ $errors->first('logo') }}</span>
            <!-- <button type="submit" class="btn btn-dark">save</button> -->
        </div>
    </form>
    <div class="text-left col-sm-12" 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>
        {{-- @if (session('stripes') || $experts)
            <button type="button" class="btn btn-primary">You Have Hired  Expert!</button>
        @else --}}
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Expert_Rewriting_Service">Get an Expert
                    for this</button>
        {{-- @endif --}}
    </div>
    <div class="col-md-12 mt-3 text-right">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg2">
            Add Expense
        </button>
    </div>

    <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">Name</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($expense as $key => $expense_val)
                        <tr id="expense{{ $expense_val->id }}">
                            <td class=""><button type="button" class="btn text-info edit"
                                    data-toggle="modal"
                                    data-id="{{ $expense_val->id }}">{{ $expense_val->expense_name }}</button>
                            </td>
                            <td>{{ $expense_val->one_year_expense }}</td>
                            <td>{{ $expense_val->two_year_expense }}</td>
                            <td>{{ $expense_val->three_year_expense }}</td>
                            <td>
                                {{-- <button type="button" data-id="{{$expense_val->id}}" class="btn btn-success mr-1" data-toggle="modal"
                                                data-target=".bd-example-modal-lg4"><i class="fa fa-file"></i></button> --}}

                                <button class="btn btn-danger delete" data-id="{{ $expense_val->id }}">x</i></button>
                            </td>
                        </tr>
                    @empty
                    @endforelse

                </tbody>
            </table>
        </div>
    </div>

    <div class="col-md-6 mt-2">
        <a href="{{ route('user.financialinfo.importantassumption', Request()->id) }}" class="btn btn-success">
            « Back
        </a>
    </div>

    <div class="col-md-6 mt-2 text-right">
        <a href="{{ route('user.financialinfo.ownercontributiondraw', Request()->id) }}" class="btn btn-primary">
            Continue to Owners Contribution And Draw»
        </a>
    </div>
</div>

{{-- <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 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="Credit Card Number">

                                </div>
                                <div class="form-group mb-3 col-md-6" id="card_number">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group mb-3 col-md-6" id="card_expiry">
                                </div>
                                <div class="form-group mb-3 col-md-6" id="card_cvc">
                                </div>
                            </div>
                            <div class="text-danger" id="card-errors" role="alert"></div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <img class="img-fluid" src="{{ asset('client/images/sqa.png') }}" alt="">
                                </div>
                            </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 bd-example-modal-lg 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">
                                    <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>
{{-- Hire a expert 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="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/oslo.jpg"
                        alt="Bologna" height="120px">
                    <div class="card-body text-center">
                        <div class="row">
                            <div class="col-4">
                                <img class="avatar rounded-circle"
                                    src="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/robert.jpg"
                                    alt="Bologna">
                            </div>
                            <div class="col-8 chn">
                                <h4 class="card-title chcn">Get Your Logo Completed for You.</h4>
                            </div>
                            <p class="card-subtitle mb-2 text-muted chpn">If you require a logo design expert* to
                                create
                                a stunning brand face for your business plan, complete the form below and help will
                                be
                                on the way.</p>

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




                        <a type="button" class="btn btn-primary">Save changes</a>
                        <a type="button" class="btn btn-secondary" data-dismiss="modal">Close</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> --}}
{{-- Create markeiting Modeal --}}
{{-- Name Modal --}}
<div class="modal fade bd-example-modal-lg2" id="myModal" tabindex="-1" aria-labelledby="myLargeModalLabel"
    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 Expense</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.financialinfo.expense.process') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}">
                <div class="modal-body">
                    <div class="row mb-2">
                        <div class="col-md-4">
                            <strong>Type of Expense</strong>
                            <select style="width: 100%; padding-top:7px;padding-bottom:7px;" name="expense_type"
                                id="expense_type" required>
                                <option>Select One</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Custom Expense') selected @endif>Custom Expense</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Insurance') selected @endif>Insurance</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Legal and Accounting') selected @endif>Legal and Accounting</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Maintenance') selected @endif>Maintenance</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Property') selected @endif>Property</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Supplies') selected @endif>Supplies</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Telephone') selected @endif>Telephone</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Travel') selected @endif>Travel</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Utilities') selected @endif>Utilities</option>
                            </select>
                            <span class="text-danger">{{ $errors->first('expense_type') }}</span>
                        </div>
                        <div class="col-md-3">
                            <strong>Expense Name</strong>
                            <input type="text" class="form-control" name="expense_name" id="expense_name" required>
                            <span class="text-danger">{{ $errors->first('expense_name') }}</span>
                        </div>
                        <div class="col-md-5">
                            <strong>Percent Included In Manufacturing</strong>

                            <input type="text" class="form-control" name="percent_manufacturing">
                            <span class="text-danger">{{ $errors->first('percent_manufacturing') }}</span>
                        </div>
                    </div>
                    <div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <strong>Year One</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control" name="one_year_expense"
                                            step="0.01">
                                        <span class="text-danger">{{ $errors->first('one_year_expense') }}</span>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <strong>Year two</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control" name="two_year_expense"
                                            step="0.01">
                                        <span class="text-danger">{{ $errors->first('two_year_expense') }}</span>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <strong>Year three</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control" name="three_year_expense"
                                            step="0.01">
                                        <span
                                            class="text-danger">{{ $errors->first('three_year_expense') }}</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 class="btn btn-success">Save
                                    </button></div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="edit_myModal" tabindex="-1" aria-labelledby="myLargeModalLabel" 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">Edit Expense</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.financialinfo.expense.update') }}">
                @csrf


                <input type="hidden" name="company_id" value="{{ Request()->id }}">
                <input type="hidden" name="id" value="{{ old('id') }}" id="id">
                <div class="modal-body">
                    <div class="row mb-2">
                        <div class="col-md-4">
                            <strong>Type of Expense</strong>
                            <select style="width: 100%; padding-top:7px;padding-bottom:7px;" name="expense_type"
                                id="expense_type1" required>
                                <option>Select One</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Custom Expense') selected @endif>Custom Expense</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Insurance') selected @endif>Insurance</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Legal and Accounting') selected @endif>Legal and Accounting
                                </option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Maintenance') selected @endif>Maintenance</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Property') selected @endif>Property</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Supplies') selected @endif>Supplies</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Telephone') selected @endif>Telephone</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Travel') selected @endif>Travel</option>
                                <option @if (!empty(old('expense_type')) && old('expense_type') == 'Utilities') selected @endif>Utilities</option>
                            </select>
                            <span class="text-danger">{{ $errors->first('expense_type') }}</span>
                        </div>
                        <div class="col-md-3">
                            <strong>Expense Name</strong>
                            <input type="text" class="form-control" name="expense_name" id="expense_name1" required>
                            <span class="text-danger">{{ $errors->first('expense_name') }}</span>
                        </div>
                        <div class="col-md-5">
                            <strong>Percent Included In Manufacturing</strong>

                            <input type="text" class="form-control percent_manufacturing" name="percent_manufacturing">
                            <span class="text-danger">{{ $errors->first('percent_manufacturing') }}</span>
                        </div>
                    </div>
                    <div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <strong>Year One</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control one_year_expense"
                                            name="one_year_expense" step="0.01">
                                        <span class="text-danger">{{ $errors->first('one_year_expense') }}</span>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <strong>Year two</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control two_year_expense"
                                            name="two_year_expense" step="0.01">
                                        <span class="text-danger">{{ $errors->first('two_year_expense') }}</span>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <strong>Year three</strong>
                                        <br>
                                        Annual Expense
                                        <br>
                                        <input type="number" class="form-control three_year_expense"
                                            name="three_year_expense" step="0.01">
                                        <span
                                            class="text-danger">{{ $errors->first('three_year_expense') }}</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 class="btn btn-success">Save
                                    </button></div>
                            </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() {
        $('#province_select').on('change', function() {
            checkTex($(this).val());
        });
        $('#province_select').trigger('change');
        @if (session('stripe'))
            $('#basicModal').modal('show');
        @endif
        //alert(id);
        check = "{{ old('name') }}";
        check_id = "{{ old('id') }}";
        if (check != "") {
            $("#myModal").modal("show");
        }
        if (check_id != "") {
            $("#edit_myModal").modal("show");
        }
        $(document).on("change", "#expense_type", function() {
            expense_type = $(this).val();
            //alert(expense_type);
            if (expense_type != 'Custom Expense') {
                $("#expense_name").val(expense_type)
            }
        });

        $(document).on("change", "#expense_type1", function() {
            expense_type1 = $(this).val();
            //alert(expense_type);
            if (expense_type1 != 'Custom Expense') {
                $("#expense_name1").val(expense_type1)
            }
        });

        $(document).on("click", ".delete", function() {
            if (confirm('Are you sure you want to delete this expense?')) {
                id = $(this).data("id");
                //alert(id);
                $.ajax({
                    //url:'delete-estimate/'+id,
                    url: "{{ url('user/businessplan/financialinfo/expense/delete') }}/" + id,
                    type: 'GET',
                    success: function(response) {
                        $('#expense' + id).remove();
                    }

                });
            }
        });

        $(document).on("click", ".edit", function() {
            id = $(this).data("id");
            //alert(id);
            $.get('{{ url('user/businessplan/financialinfo/expense/edit') }}/' + id, function(
                expense) {
                // console.log(cat);
                //alert(marketing.id)
                $('#id').val(expense.id);
                $('#expense_type1').val(expense.expense_type);
                $('#expense_name1').val(expense.expense_name);
                $('.percent_manufacturing').val(expense.percent_manufacturing);
                $('.one_year_expense').val(expense.one_year_expense);
                $('.two_year_expense').val(expense.two_year_expense);
                $('.three_year_expense').val(expense.three_year_expense);
                //$('.three_year_market_expense').val(marketing.three_year_market_expense);

                //$(".edit-message").html("");
                $('#edit_myModal').modal('show');
            });
        })
    });
    </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