@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title">Manage Bill Process</h4>
        </div>
    </div>
    <div class="row">
        {{-- <div class='row'> --}}
            <div class="col-md-4">
                <label>Emp:Jhon Due</label>
            </div>
            <div class="col-md-4">
                <label>Settlement:Jhon Due</label>
            </div>
            <div class="col-md-4">
                <label>Date:5/6/2017</label>
            </div>
        {{-- </div> --}}
        <div class="col-lg-6">
            <div class="card-box">
                <div class="card-block">
                    <h4 class="card-title"></h4>

                    <table class="table">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Payable</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td>Current Salary</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>OT</td>
                                <td>10</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Unpaid Salaray</td>
                                <td>30</td>
                            </tr>

                        </tbody>
                        <div class='row'>
                            <tr>
                                <td></td>
                                <td><b>Total</b></td>
                                <td>500</td>
                            </tr>
                        </div>
                        <div class='row'>
                            <tr>
                                <td></td>
                                <td>
                                    <h5>Net Payable</h5>
                                </td>
                                <td>500</td>
                            </tr>
                        </div>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card-box">
                <div class="card-block">
                    <h5 class="text-bold card-title"></h5>
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Deduction</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td>Advance</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Loan</td>
                                <td>30</td>
                            </tr>

                        </tbody>
                        <div class="row">
                            <tr>
                                <td></td>
                                <td><b>Total</b></td>
                                <td>500</td>
                            </tr>
                        </div>
                    </table>
                    {{-- <tr><input type='text' class="form-control" /></tr>
                    <tr><input type='text' class="form-control" /></tr>
                    <tr><input type='text' class="form-control" /></tr> --}}
                </div>
            </div>
        </div>
    </div>

@endsection