@extends('companyuser::layouts.master')
@section('title', __(''))
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a>@lang('')</a>
                </li>
                <li class="breadcrumb-item active"><a href="#">@lang('')</a>
                </li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
<section>
                <div class="container-fluid px-3">
                    <div class="row text-right">
                        <div class="col-md-6 headTitle">
                            <h3 class="py-half">Chart Of Accounts</h3>
                        </div>
                        <div class="col-md-6 divBack">
                            <a href="{{url('account-view')}}" class="btn btn-primary btn-min-width">Back</a>
                        </div>
                    </div>
                    <div class="card mb-0 p-1">
                        <div class="row">
                                <div class="col-md-12">
                                        <h3>Account statment- 003 - 01 Income:</h3>
                                    </div>
                        </div>
                        <div class="d-flex align-items-center mb-1">

                            <div class="col-md-1">
                                <h4 class="mb-0">Account:</h4>
                            </div>
                            <div class="col-md-3">
                                <select name="AccountType" class="acc-statment acc-statment-select w-100 py-1 form-control" required>
                                    <option value="A">Transporion Services</option>
                                    <option value="B">Air Conditioner</option>
                                </select>
                            </div>
                            <div class="col-md-1"><h4 class="mb-0">from:</h4></div>
                            <div class="col-md-2 px-0">
                                    <div class='input-group'>
                                            <input type='text' class="form-control singledate acc-statment" />
                                            <span class="input-group-addon acc-statment">
                                                <span class="fa fa-calendar"></span>
                                            </span>
                                        </div>
                            </div>
                            <div class="col-md-1"><h4 class="mb-0">to:</h4></div>
                            <div class="col-md-2 px-0">
                                    <div class='input-group'>
                                            <input type='text' class="form-control singledate acc-statment" />
                                            <span class="input-group-addon acc-statment">
                                                <span class="fa fa-calendar"></span>
                                            </span>
                                        </div>
                            </div>
                            <div class="col-md-2 Apply-acc-btn-col">
                                    <a href="{{url('account-summary')}}" class="backBtn btn-primary Apply-acc">Apply</a>
                            </div>

                        </div>
                        <div class="card-body  in">
                            <div class="table-responsive full-border-table">
                                <table class="table mb-0">
                                    <thead>
                                        <tr>
                                            <th>Date</th>
                                            <th>Type</th>
                                            <th>Transaction</th>
                                            <th>Refrence</th>
                                            <th>Debit</th>
                                            <th>Credit</th>
                                            <th>Balance</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1/1/2019</td>
                                            <td></td>
                                            <td>Opening Balance</td>
                                            <td></td>
                                            <td>0</td>
                                            <td>0</td>
                                            <td>0.00 SAR</td>
                                        </tr>
                                        <tr>
                                            <td>1/1/2019</td>
                                            <td></td>
                                            <td>Opening Balance</td>
                                            <td>0045</td>
                                            <td>0</td>
                                            <td>0</td>
                                            <td>500 SAR</td>
                                        </tr>
                                        <tr>
                                            <td>1/1/2019</td>
                                            <td></td>
                                            <td>Opening Balance</td>
                                            <td></td>
                                            <td>0</td>
                                            <td>0</td>
                                            <td>0.00 SAR</td>
                                        </tr>

                                    </tbody>
                                    <tfoot>
                                            <tr class="background-transparent">
                                                <td>31/12/2019</td>
                                                <td>Closing Balance</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>500</td>
                                            </tr>
                                        </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
@endsection