@include('pre_header')
@include('left')
@include('header')

<div class="main">
    
    <div class="content content--update">
        <section class="section-large">
            <header class="section__head">
                <h2 id="account_">
                    Account

                    <a onclick="show_heading()" href="#" class="btn-alt js-class" data-type="add" data-target=".section-large" data-class="section-large--edit">Edit</a>
                </h2>

                <h2 id="account_editing">
                    Account /

                    <span>Editing</span>
                </h2>
            </header><!-- /.section__head -->

            <div class="widget-account">
                <div class="widget__image">
                    <div style="display:none;" class="widget__icon">
                        <img src="css/images/account.svg" alt="" width="60">

                        <!-- My code -->
                        <form method="post" name="image_form" id="image_form">
                            <div style="height:0px;overflow:hidden">
                                <input onchange="sumbitImageForm()" type="file" id="fileInput" name="fileInput" />
                            </div>

                            <span  onclick="chooseFile();"></span>
                            <input type="hidden" id="edit_image" name="edit_image" value="1">
                        </form>
                    </div><!-- /.widget__icon -->
                </div><!-- /.widget__image -->

                <div class="widget__content">
                    <div class="widget__entry">
                        <h4>Name:</h4>

                        <p> </p>

                        <h4>Subscription:</h4>

                        <p>Basic</p>
                    </div><!-- /.widget__entry -->

                    <div class="widget__entry">
                        <h4>Email:</h4>

                        <p></p>

                        <h4>Password:</h4>

                        <p>**********</p>
                    </div><!-- /.widget__entry -->
                </div><!-- /.widget__content -->

                <div class="widget__content">
                    <div class="form-small">
                        {!! Form::open(['url' => 'accounts'])   !!}
                            <div class="form__row">
                                <label for="field-112#" class="form__label">Email:</label>

                                <div class="form__controls">
                                    <input type="email" class="field" name="user_email" id="field-112#" value="" placeholder="Enter your email">
                                </div><!-- /.form__controls -->
                            </div><!-- /.form__row -->

                            <div class="form__row">
                                <label for="new_pass" class="form__label">Password:</label>

                                <div class="form__controls">
                                    <input type="password" class="field" name="new_pass" id="new_pass" value="" placeholder="Type new password">
                                    <input type="password" class="field" name="re_new_pass" id="re_new_pass" value="" placeholder="Re-type new password">
                                </div><!-- /.form__controls -->
                            </div><!-- /.form__row -->

                            <div class="form__actions">
                                <button type="submit" class="btn-alt form__btn">Save</button>

                                <a onclick="hide_heading()" href="#" class="js-class" data-type="remove" data-target=".section-large" data-class="section-large--edit">Cancel</a>
                            </div><!-- /.form__actions -->
                            <input type="hidden" id="edit_account" name="edit_account" value="1">
                            {{ csrf_field() }}
                            {!! Form::close()  !!}
                    </div><!-- /.form -->
                </div><!-- /.widget__content -->
            </div><!-- /.widget-account -->





                <div style="margin-bottom:25px;" class="widget-table">
                    <header class="widget__head">
                        <h3>Invoices:</h3>
                    </header><!-- /.widget__head -->

                    <div class="widget__body">
                        <div class="widget__body-inner">
                            <table>
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Date</th>
                                        <!-- <th>Total</th> -->
                                        <th>Invoice</th>
                                    </tr>
                                </thead>

                                <tbody>
                                @foreach ($user_invoices as $invoice_index => $invoice_data)    
                                                                    <tr>
                                        <td width="50">1</td>
                                        <td width="160">
                                        12/31/69                                        </td> <!-- 11/4/2018 -->
                                        <!-- <td>$767.00</td> -->
                                        <td>
                                            <!-- <img src="css/images/paperclip.svg" alt="" width="14"> -->
                                            <a href="">download</a>
                                        </td>
                                    </tr>
                                                                @endforeach    
                                </tbody>
                            </table>
                        </div><!-- /.widget__body-inner -->
                    </div><!-- /.widget__body -->
                </div><!-- /.widget-table -->
                                            <div style="margin-bottom:25px;"  class="widget-table">
                            <header class="widget__head">
                                <h3>Monthly Reports:</h3>
                            </header><!-- /.widget__head -->

                            <div class="widget__body">
                                <div class="widget__body-inner">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Date</th>
                                                <!-- <th>Total</th> -->
                                                <th>Report</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                        @foreach ($monthly_reports as $monthly_index => $monthly_data)            
                                                                                @endforeach
                                    </tbody>
                                </table>
                            </div><!-- /.widget__body-inner -->
                        </div><!-- /.widget__body -->
                    </div><!-- /.widget-table -->

        </section><!-- /.section-large -->
</div><!-- /.content -->
</div><!-- /.main -->
</body>
</html>