@extends('admin.pages.Bussiness-plan-builder.layout.master')
@section('bussinessplanbuilder')
@section('var4', 'show')
@section('var6', 'show')
@section('bs', 'active1')
<style>
    #productsales {
        backgnumber_format: gainsboro;
        border: 1px solid rgb(161, 161, 235);
        COLOR: white;
        border-radius: 14px;
    }

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

    .overlay {
        pointer-events: none;
        margin-top: 29%;
        margin-bottom: 10%;
        backgnumber_format: #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;
        backgnumber_format: black;
        padding: 10px 30px;
        border: 2px solid black;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        transition: all 0.2s;
    }

    [type="file"]+label:hover {
        backgnumber_format-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;
    }

    .table:not(.table-sm):not(.table-md):not(.dataTable) td,
    .table:not(.table-sm):not(.table-md):not(.dataTable) th {
        height: 15px;
    }
</style>
<div class="row">
    <div class="col-md-12">
        <h1>Balance Sheet</h1>
    </div>
</div>

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

        </div>
    </div>
</div>
<div class="row mt-3">
    <!--<div class="col-md-12">-->
    <!--    <button type="button" class="btn btn-primary float-right">Download Table as PNG</button>-->
    <!--</div>-->
    <!--<div class="col-md-12 mt-2">-->
    <!--    <button type="button" class="btn btn-primary float-right">Download Table as Csv</button>-->
    <!--</div>-->
</div>
<div class="row mt-3">
    <div class="col-md-12">
        <div class="table-responsive">
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td colspan="4"><strong>Assets</strong></td>
                    </tr>
                    <thead>
                        <tr>
                            <th>CURRENT ASSETS</th>
                            <th>Year 1</th>
                            <th>Year 2</th>
                            <th>Year 3</th>
                        </tr>
                    </thead>
                    <tr>
                        <td>Cash</td>

                        <td>{{ number_format($balance_sheet_arr['EndingCashBalanceYear1'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['EndingCashBalanceYear2'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['EndingCashBalanceYear3'], 2) }}</td>
                    </tr>

                    <tr>
                        <td>Accounts Receivable</td>
                        <td>{{ number_format($balance_sheet_arr['receiveable_year1'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['receiveable_year2'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['receiveable_year3'], 2) }}</td>
                    </tr>

                    <tr>
                        <td>Inventory</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>


                    <tr>
                        <td><strong>Total Current Assets</strong></td>
                        <td>${{ number_format($balance_sheet_arr['total_current_asset_year1'], 2) }}</td>
                        <td>${{ number_format($balance_sheet_arr['total_current_asset_year2'], 2) }}</td>
                        <td>${{ number_format($balance_sheet_arr['total_current_asset_year3'], 2) }}</td>
                    </tr>




                    <thead>
                        <tr>
                            <th>FIXED ASSETS</th>
                            <th>Year 1</th>
                            <th>Year 2</th>
                            <th>Year 3</th>
                        </tr>
                    </thead>

                    <tr>
                        <td>Fixed Assets</td>
                        <td>{{ number_format($balance_sheet_arr['fixed_asset'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['fixed_asset'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['fixed_asset'], 2) }}</td>
                    </tr>

                    <tr>
                        <td>Less Accumulated Depreciation</td>
                        <td>{{ number_format($balance_sheet_arr['LessAccumulatedDepreciationYear1'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['LessAccumulatedDepreciationYear2'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['LessAccumulatedDepreciationYear3'], 2) }}</td>
                    </tr>


                    <tr>
                        <td>Net Fixed Assets</td>
                        <td>{{ number_format($balance_sheet_arr['NetFixedAssetsYear1'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['NetFixedAssetsYear2'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['NetFixedAssetsYear3'], 2) }}</td>
                    </tr>

                    <tr>
                        <td>Other Assets</td>
                        <td>{{ number_format($balance_sheet_arr['otherasset'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['otherasset'], 2) }}</td>
                        <td>{{ number_format($balance_sheet_arr['otherasset'], 2) }}</td>
                    </tr>

                    <tr>
                        <td colspan="4">&nbsp;</td>
                    </tr>

                    <tr>
                        <thead>
                            <th><strong>Total Assets</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year1'], 2) }}</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year2'], 2) }}</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year3'], 2) }}</strong></th>
                    </tr>
                    </thead>
                    <tr>
                        <td colspan="4">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="4"><strong>Liabilities and Capital</strong></td>
                    </tr>
                    <thead>
                        <tr>
                            <th>CURRENT LIABILITIES</th>
                            <th>Year 1</th>
                            <th>Year 2</th>
                            <th>Year 3</th>
                        </tr>
                    </thead>
                    <tr>
                        <td>Accounts Payable</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>

                    <tr>
                        <td>Deferred Revenue</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>

                    <tr>
                        <td>Short Term Debt</td>
                        <td>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</td>
                        <td>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</td>
                        <td>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</td>
                    </tr>

                    <tr>
                        <td><strong>Total Current Liabilities</strong></td>
                        <td><strong>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</strong>
                        </td>
                        <td><strong>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</strong>
                        </td>
                        <td><strong>${{ number_format($balance_sheet_arr['LoanPrincipalPaymentsTotal'], 2) }}</strong>
                        </td>
                    </tr>
                    <thead>
                        <tr>
                            <th>LONG TERM LIABILITIES</th>
                            <th>Year 1</th>
                            <th>Year 2</th>
                            <th>Year 3</th>
                        </tr>
                    </thead>

                    <tr>
                        <td>Long Term Loans</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>

                    <tr>
                        <td>Capital</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td colspan="4">&nbsp;</td>
                    </tr>
                    <thead>
                        <tr>
                            <th><strong>Total Liabilities and Capital</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year1'], 2) }}</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year2'], 2) }}</strong></th>
                            <th><strong>${{ number_format($balance_sheet_arr['total_asset_year3'], 2) }}</strong></th>
                        </tr>
                    </thead>
                    <tr>
                        <td colspan="4">
                            <div class="clear-10"></div>
                            <h4 style="color:#6a9bb3;">Net Worth</h4>
                            <p>Net Worth is a company's Total Assets minus its Total Liabilities. Net Worth helps
                                determine the value of a company, as it includes all money invested and all retained
                                earnings since the beginning of the company's operations.</p>
                            <div style="width:100%;">
                                <div style="float:left;width:25%;border:1px solid #666;padding:20px;">
                                    <h6>Net Worth Year 1</h6><br>
                                    <h6>{{ number_format($balance_sheet_arr['total_asset_year1'], 2) }}</h6>
                                </div>
                                <div style="float:left;width:25%;border:1px solid #666;padding:20px;margin-left:30px;">
                                    <h6>Net Worth Year 2</h6><br>
                                    <h6>{{ number_format($balance_sheet_arr['total_asset_year2'], 2) }}</h6>
                                </div>
                                <div style="float:left;width:25%;border:1px solid #666;padding:20px;margin-left:30px;">
                                    <h6>Net Worth Year 3</h6><br>
                                    <h6>{{ number_format($balance_sheet_arr['total_asset_year3'], 2) }}</h6>
                                </div>
                            </div>
                            <div class="clear-10"></div>
                        </td>
                    </tr>


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

    <div class="col-md-6 text-right"><a href="{{ route('user.report.balancesheettext', Request()->id) }}"
            class="btn btn-primary">Continue to Balance Sheet Text »</a></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="backgnumber_format: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 number_formated-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>


@endsection