@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title">{{__('obs.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>{{__('obs.payable')}}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td>{{__('obs.current_salary')}}</td>
                                <td>50/td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>OT</td>
                                <td>10</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>{{__('obs.unpaid_salary')}}</td>
                                <td>30</td>
                            </tr>

                        </tbody>
                        <div class='row'>
                            <tr>
                                <td></td>
                                <td><b>{{__('obs.total')}}</b></td>
                                <td>500</td>
                            </tr>
                        </div>
                        <div class='row'>
                            <tr>
                                <td></td>
                                <td>
                                    <h5>{{__('obs.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>{{__('obs.deduction')}}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td>{{__('obs.advance')}}</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>{{__('obs.loan')}}</td>
                                <td>30</td>
                            </tr>

                        </tbody>
                        <div class="row">
                            <tr>
                                <td></td>
                                <td><b>{{__('obs.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