Untitled

@extends('admin.layouts.app')

@push('css_lib')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{ asset('backend/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ URL::asset('backend/plugins/iCheck/all.css') }}">
    <link rel="stylesheet" href="{{ URL::asset('backend/dist/css/reports_css.css') }}">

@endpush

@section('content')
    <!-- Main content -->
    <section id="" class="">
        <!-- Content Wrapper. Contains page content -->
        <div class="">
          <!-- Content Header (Page header) -->
          <section class="content-header">
            <h1>
                Accounts Report
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Reports</a></li>
                <li class="active">Accounts Report</li>
            </ol>
          </section>

          {{-- <div class="pad margin no-print">
            <div class="callout callout-info" style="margin-bottom: 0!important;">
              <h4><i class="fa fa-info"></i> Note:</h4>
              This page has been enhanced for printing. Click the print button at the bottom of the invoice to test.
            </div>
          </div>
 --}}
          <!-- Main content -->
          <section class="invoice">
            <!-- info row -->
            <div class="row invoice-info">
                <div class="col-md-7">
                    <div class="form-group">

                        <label class="">
                            <div class="iradio_flat-green" aria-checked="true" aria-disabled="false" style="position: relative; margin-right:10px; margin-bottom:6px;"> <input type="radio" value="" id="report_type_expence" name="account_report_type" class="flat-red"checked="" style="position: absolute; opacity: 0;">
                                <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                            </div>
                            <span style="font-size:18px; margin-top:-5px;">Both</span>
                        </label>

                        <label class="">
                            <div class="iradio_flat-green" aria-checked="false" aria-disabled="false" style="position: relative; margin-right:10px; margin-bottom:6px; margin-left:10px;">
                                <input type="radio" value="" id="report_type_income" name="account_report_type" class="flat-red" style="position: absolute; opacity: 0;">
                                <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                            </div>
                            <span style="font-size:18px; margin-top:-5px;">Income Statement</span>
                        </label>

                        <label class="">
                            <div class="iradio_flat-green" aria-checked="true" aria-disabled="false" style="position: relative; margin-right:10px; margin-bottom:6px; margin-left:10px;"> <input type="radio" value="" id="report_type_expence" name="account_report_type" class="flat-red" style="position: absolute; opacity: 0;">
                                <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                            </div>
                            <span style="font-size:18px; margin-top:-5px;">Expence Statement</span>
                        </label>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="input-daterange input-group datepicker" id="datepicker" style="padding: 0px 0px 13px;">
                        <input type="text" class="input-sm form-control" name="start" value="23-10-2019" readonly="readonly" style="padding: 17px 0px;">
                        <span class="input-group-addon">To</span>
                        <input type="text" class="input-sm form-control" name="end" value="23-10-2019" readonly="readonly" style="padding: 17px 0px;">
                    </div>
                </div>

                <div class="col-md-2">
                    <button type="button" class="btn btn-success btn-block pull-right"><i class="fa fa-credit-card"></i> Submit
                    </button>
                </div>


                <!-- /.col -->

                  <!-- /.col -->
{{--            <div class="col-md-4 invoice-col">
                    <b>Invoice #007612</b><br>
                    <br>
                    <b>Order ID:</b> 4F3S8J<br>
                    <b>Payment Due:</b> 2/22/2014<br>
                    <b>Account:</b> 968-34567
                </div> --}}
                <!-- /.col -->
            </div>
            <!-- /.row -->

            <!-- Table row -->
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1>Accounts Report</h1>
                    <h4>Income & Expense Statement</h4>
                    <hr>
                </div>
            </div>
            {{-- <div class="row">
                <div class="col-md-4 invoice-col">
                    <address>
                        <h5 style="border-bottom: 1px solid #f1f1f1; padding: 10px 0; margin: 0;">From</h5>
                        <strong>Admin, Aristo.</strong><br>
                        795 Folsom Ave, Suite 600<br>
                        San Francisco, CA 94107<br>
                        Phone: (804) 123-5432<br>
                        Email: info@almasaeedstudio.com
                    </address>
                </div>

                <div class="col-md-4 invoice-col pull-right">
                    <address>
                        <h5 style="border-bottom: 1px solid #f1f1f1; padding: 10px 0; margin: 0;">To</h5>
                        <strong>Customer Name :</strong> <span>John Doe</span><br>
                        <strong>Address :</strong> <span>795 Folsom Ave, Suite 600, <br> San Francisco, CA 94107</span><br>
                        <strong>Contact :</strong> <span>(555) 539-1037</span><br>
                        <strong>Email :</strong> <span>john.doe@example.com</span>
                    </address>
                </div>
            </div> --}}

            <div class="row">
                <div class="col-xs-12 table-responsive">
                    <table class="table table-striped table-hover">
                        <thead style="background-color: #f1f1f1">
                            <tr>
                                <th>SL#</th>
                                <th>Date</th>
                                <th>Account Head</th>
                                <th>Description</th>
                                <th class="text-right">Income</th>
                                <th class="text-right">Expense</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td>01</td>
                                <td><?php echo date('d-m-Y') ?></td>
                                <td>ACCHD-9</td>
                                <td class="text-left">El snort testosterone trophy driving gloves handsome</td>
                                <td class="text-right">$91.51</td>
                                <td class="text-right">$64.50</td>
                            </tr>

                            <tr>
                                <td>02</td>
                                <td><?php echo date('d-m-Y') ?></td>
                                <td>ACCHD-3</td>
                                <td class="text-left">El snort testosterone trophy driving gloves handsome</td>
                                <td class="text-right">$91.51</td>
                                <td class="text-right">$64.50</td>
                            </tr>

                            <tr>
                                <td>03</td>
                                <td><?php echo date('d-m-Y') ?></td>
                                <td>ACCHD-5</td>
                                <td class="text-left">El snort testosterone trophy driving gloves handsome</td>
                                <td class="text-right">$91.51</td>
                                <td class="text-right">$64.50</td>
                            </tr>

                            <tr>
                                <td>04</td>
                                <td><?php echo date('d-m-Y') ?></td>
                                <td>ACCHD-7</td>
                                <td class="text-left">El snort testosterone trophy driving gloves handsome</td>
                                <td class="text-right">$91.51</td>
                                <td class="text-right">$64.50</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="4" class="text-right bg-gray">
                                    <strong>Total :</strong>
                                </td>
                                <td class="bg-green text-right"><strong>$290.21</strong></td>
                                <td class="bg-red text-right"><strong>$190.25</strong></td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-right bg-gray">
                                    <strong>Balance :</strong>
                                </td>

                                <td colspan="2" class="bg-blue text-center"><strong>$100.42</strong></td>
                            </tr>

                        </tfoot>
                    </table>
                </div>
            </div>

            <!-- this row will not appear when printing -->
            <div class="row no-print">
              <div class="col-xs-12">
                <a href="{{ route('reports.accounts_report_print') }}" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> Print</a>
                </div>
            </div>
          </section>
          <!-- /.content -->
          <div class="clearfix"></div>
        </div>
    </section>
    <!-- /.content -->
@endsection

@push('js_lib')
    <!-- DataTables -->
    <script src="{{ asset('backend/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('backend/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('backend/plugins/iCheck/icheck.min.js') }}"></script>

    <script>
        $(function(){
            //Flat red color scheme for iCheck
            $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                checkboxClass: 'icheckbox_flat-green',
                radioClass: 'iradio_flat-green'
            });

            //Date picker
            $('.datepicker').datepicker({
                autoclose: true,
                format: 'dd-mm-yyyy'
            });

        });
    </script>

@endpush